Headerbild einfügen
-
Hallo zusammen,
ich würde gerne ein Bild in meinen Header einfügen, so dasss dieses über dem Menü erscheint.
Über ‚Customize-Header-Header_Medien‘ habe ich ein Bild eingeladen. Nur wird dieses nicht im Header angezeigt.
Habe ich hier etwas vergessen?Bin noch relativ frisch im WordPress.
Als Theme habe ich den OceanWP.
-
Gibt es eine URL zur Website, damit wir uns das ansehen können?
Ein Website-Bericht wäre auch hilfreich:
Ja die gibt es unter: https://sinspelt.de
Das Bild sehe ich nun auch im Header, jedoch stimmt die Größe und das Verhältnis nicht. Was kann man hier tun? Anbei auch der Bericht:
wp-core version: 6.1.1
site_language: de_DE
user_language: de_DE
timezone: Europe/Berlin
permalink: /%postname%/
https_status: false
multisite: false
user_registration: 0
blog_public: 0
default_comment_status: open
environment_type: production
user_count: 5
dotorg_communication: true wp-paths-sizes wordpress_path: /homepages/13/d720505219/htdocs/clickandbuilds/hpSinspelt
wordpress_size: 402,94 MB (422517837 bytes)
uploads_path: /homepages/13/d720505219/htdocs/clickandbuilds/hpSinspelt/wp-content/uploads
uploads_size: 83,87 MB (87939633 bytes)
themes_path: /homepages/13/d720505219/htdocs/clickandbuilds/hpSinspelt/wp-content/themes
themes_size: 33,39 MB (35012383 bytes)
plugins_path: /homepages/13/d720505219/htdocs/clickandbuilds/hpSinspelt/wp-content/plugins
plugins_size: 82,08 MB (86064507 bytes)
database_size: 12,33 MB (12926976 bytes)
total_size: 614,61 MB (644461336 bytes) wp-active-theme name: OceanWP (oceanwp)
version: 3.4.1 (latest version: 3.4.2)
author: OceanWP
author_website: https://oceanwp.org/about-oceanwp/
parent_theme: none
theme_features: core-block-patterns, post-thumbnails, widgets-block-editor, align-wide, wp-block-styles, responsive-embeds, editor-styles, editor-style, menus, post-formats, title-tag, automatic-feed-links, custom-header, custom-logo, html5, woocommerce, wc-product-gallery-zoom, wc-product-gallery-lightbox, wc-product-gallery-slider, customize-selective-refresh-widgets, widgets
theme_path: /homepages/13/d720505219/htdocs/clickandbuilds/hpSinspelt/wp-content/themes/oceanwp
auto_update: Deaktiviert wp-themes-inactive (3) Twenty Twenty-One: version: 1.7, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
Twenty Twenty-Three: version: 1.0, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert
Twenty Twenty-Two: version: 1.3, author: Das WordPress-Team, Automatische Aktualisierungen deaktiviert wp-mu-plugins (1) 1&1 Product Subdomain: version: 1.1.0, author: 1&1 wp-plugins-active (12) Backup Migration: version: 1.2.7, author: Migrate, Automatische Aktualisierungen deaktiviert
Content Views: version: 2.5.0.1, author: Content Views, Automatische Aktualisierungen deaktiviert
Elementor: version: 3.11.1, author: Elementor.com (latest version: 3.11.5), Automatische Aktualisierungen deaktiviert
Envato Elements: version: 2.0.11, author: Envato, Automatische Aktualisierungen deaktiviert
IONOS Assistant: version: 8.5.1, author: IONOS, Automatische Aktualisierungen aktiviert
IONOS Journey: version: 1.0.2, author: IONOS, Automatische Aktualisierungen deaktiviert
IONOS Performance: version: 2.0.3, author: IONOS, Automatische Aktualisierungen aktiviert
MetaSlider: version: 3.28.3, author: MetaSlider (latest version: 3.29.1), Automatische Aktualisierungen deaktiviert
Ocean Extra: version: 2.1.3, author: OceanWP (latest version: 2.1.4), Automatische Aktualisierungen deaktiviert
Simple Calendar: version: 3.1.39, author: Simple Calendar, Automatische Aktualisierungen deaktiviert
WP Booking System: version: 2.0.18.1, author: Veribo, Roland Murg (latest version: 2.0.18.2), Automatische Aktualisierungen deaktiviert
WP Simple Booking Calendar: version: 2.0.8.2, author: Veribo, Roland Murg (latest version: 2.0.8.3), Automatische Aktualisierungen deaktiviert wp-plugins-inactive (3) All-in-One WP Migration: version: 7.70, author: ServMask (latest version: 7.72), Automatische Aktualisierungen deaktiviert
Duplicator: version: 1.5.2.1, author: Snap Creek (latest version: 1.5.3.1), Automatische Aktualisierungen deaktiviert
WordPress Popular Posts: version: 6.1.1, author: Hector Cabrera, Automatische Aktualisierungen deaktiviert wp-media image_editor: WP_Image_Editor_GD
imagick_module_version: Nicht verfügbar
imagemagick_version: Nicht verfügbar
imagick_version: Nicht verfügbar
file_uploads: File uploads is turned off
post_max_size: 128M
upload_max_filesize: 128M
max_effective_size: 128 MB
max_file_uploads: 20
gd_version: 2.2.5
gd_formats: GIF, JPEG, PNG, WebP, BMP, XPM
ghostscript_version: 9.27 wp-server server_architecture: Linux 4.4.302-icpu-088 x86_64
httpd_software: Apache
php_version: 8.1.17 64bit
php_sapi: cgi-fcgi
max_input_variables: 1000
time_limit: 30
memory_limit: 1024M
max_input_time: -1
upload_max_filesize: 128M
php_post_max_size: 128M
curl_version: 7.64.0 OpenSSL/1.1.1n
suhosin: false
imagick_availability: false
pretty_permalinks: true
htaccess_extra_rules: true wp-database extension: mysqli
server_version: 10.6.10-MariaDB-1:10.6.10+maria~deb11-log
client_version: mysqlnd 8.1.17
max_allowed_packet: 67108864
max_connections: 3000 wp-constants WP_HOME: undefined
WP_SITEURL: undefined
WP_CONTENT_DIR: /homepages/13/d720505219/htdocs/clickandbuilds/hpSinspelt/wp-content
WP_PLUGIN_DIR: /homepages/13/d720505219/htdocs/clickandbuilds/hpSinspelt/wp-content/plugins
WP_MEMORY_LIMIT: 40M
WP_MAX_MEMORY_LIMIT: 1024M
WP_DEBUG: false
WP_DEBUG_DISPLAY: true
WP_DEBUG_LOG: false
SCRIPT_DEBUG: false
WP_CACHE: false
CONCATENATE_SCRIPTS: undefined
COMPRESS_SCRIPTS: undefined
COMPRESS_CSS: undefined
WP_ENVIRONMENT_TYPE: Nicht definiert
DB_CHARSET: utf8
DB_COLLATE: undefined wp-filesystem wordpress: writable
wp-content: writable
uploads: writable
plugins: writable
themes: writable
mu-plugins: writableIch nutze Elementor selber nicht, aber für die Darstellung eines großen Header-Bilds ist wohl die Nutzung des von dir bereits installierten Elementor sinnvoll. Schau dir mal dazu das Video-Tutorial an: OceanWP Header Tutorial with Elementor FREE
Eigentlich nutze ich Elementor auch nicht mehr und erstelle die Seiten mit dem Block Editor. Daher würde ich Elementor auch gerne deinstallieren. Gibt es auch eine Möglichkeit das Header-Bild ohne Elementor entsprechend anzupassen?
Ich habe nur die Möglichkeit gefunden, den Header auf eine Höhe von maximal 200 Pixeln zu setzen und mit einem Hintergrund-Bild zu versehen – wahrscheinlich nicht das, was du möchtest?
Wenn man zusätzlich die Breite noch setzen könnte. Wie hast du das mit der Höhe gemacht?
Unter Header > Allgemein gibt es einen Schieberegler, der aber keine Werten über 200 Pixel annimmt.
Alternativ kannst du aber deine Startseite so einstellen, dass sie keinen Header und keine Top-Bar anzeigt. Padding muss auf Disabled stehen.
Dann fügst du ein Cover-Bild ein, in das du den Website-Titel und die Navigation einsetzt. In den Block-Einstellungen setzt du die Höhe auf z.B. „80 vH“:
Im Ergebnis sieht das dann so aus:
- Das Thema „Headerbild einfügen“ ist für neue Antworten geschlossen.