Support » Allgemeine Fragen » 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.

Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Gibt es eine URL zur Website, damit wir uns das ansehen können?

    Ein Website-Bericht wäre auch hilfreich:

    Thread-Starter lopa1204

    (@lopa1204)

    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: writable

    Ich 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

    Thread-Starter lopa1204

    (@lopa1204)

    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?

    Thread-Starter lopa1204

    (@lopa1204)

    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.

    Screenshot
    Zum Vergrößern bitte anklicken …

    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“:

    Screenshot
    Zum Vergrößern bitte anklicken …

    Im Ergebnis sieht das dann so aus:

    Screenshot
    Zum Vergrößern bitte anklicken …
Ansicht von 7 Antworten - 1 bis 7 (von insgesamt 7)
  • Das Thema „Headerbild einfügen“ ist für neue Antworten geschlossen.