Support » Allgemeine Fragen » Bild über das Header Bild positionieren

  • Hallo liebe Community,

    ich habe das Problem, dass ich es nicht schaffe unser neues Firmenlogo in den Headerbereich zu positionieren, d.h. über dem Headerbild. Das alte Logo war dort, wie das jetzt da weggekommen ist, weiß ich nicht. Es kann sein, dass dieses durch das aktualisieren des Themes verschwunden ist, was uns geraten wurde niemals zu tun, aber dennoch gemacht wurde. Aber solange ich das neue da hinbekomme ist mir das egal. Ich habe es nur geschafft dieses rechts auf der Seite unter dem Headerbild zu positionieren. Ich hoffe man kann mir hier helfen, ich bin blutiger Anfänger was Webseiten betrifft…

    Unten noch dieser Bericht, der vielleicht helfen kann.

    
    ### wp-core ###
    
    version: 5.8.4
    site_language: de_DE
    user_language: de_DE
    timezone: +01:00
    permalink: /%postname%/
    https_status: false
    multisite: false
    user_registration: 0
    blog_public: 1
    default_comment_status: open
    environment_type: production
    user_count: 1
    dotorg_communication: true
    
    ### wp-paths-sizes ###
    
    wordpress_path: /www/htdocs/w00ed652
    wordpress_size: 77,81 MB (81590204 bytes)
    uploads_path: /www/htdocs/w00ed652/wp-content/uploads
    uploads_size: 1,55 MB (1623169 bytes)
    themes_path: /www/htdocs/w00ed652/wp-content/themes
    themes_size: 14,09 MB (14773354 bytes)
    plugins_path: /www/htdocs/w00ed652/wp-content/plugins
    plugins_size: 1,48 MB (1550945 bytes)
    database_size: 2,11 MB (2216273 bytes)
    total_size: 97,04 MB (101753945 bytes)
    
    ### wp-active-theme ###
    
    name: Twenty Eleven (twentyeleven)
    version: 3.9 (latest version: 4.0)
    author: WordPress-Team
    author_website: https://de.wordpress.org/
    parent_theme: none
    theme_features: core-block-patterns, widgets-block-editor, editor-style, editor-styles, wp-block-styles, responsive-embeds, editor-color-palette, automatic-feed-links, menus, post-formats, custom-background, post-thumbnails, custom-header, customize-selective-refresh-widgets, widgets
    theme_path: /www/htdocs/w00ed652/wp-content/themes/twentyeleven
    auto_update: Deaktiviert
    
    ### wp-themes-inactive (8) ###
    
    Twenty Fifteen: version: 3.0, author: WordPress-Team (latest version: 3.1), Automatische Aktualisierungen deaktiviert
    Twenty Nineteen: version: 2.1, author: WordPress-Team (latest version: 2.2), Automatische Aktualisierungen deaktiviert
    Twenty Seventeen: version: 2.8, author: WordPress-Team (latest version: 2.9), Automatische Aktualisierungen deaktiviert
    Twenty Sixteen: version: 2.5, author: WordPress-Team (latest version: 2.6), Automatische Aktualisierungen deaktiviert
    Twenty Ten: version: 3.5, author: WordPress-Team (latest version: 3.6), Automatische Aktualisierungen deaktiviert
    Twenty Twelve: version: 3.5, author: WordPress-Team (latest version: 3.6), Automatische Aktualisierungen deaktiviert
    Twenty Twenty: version: 1.8, author: WordPress-Team (latest version: 1.9), Automatische Aktualisierungen deaktiviert
    Twenty Twenty-One: version: 1.4, author: WordPress-Team (latest version: 1.5), Automatische Aktualisierungen deaktiviert
    
    ### wp-plugins-active (2) ###
    
    Akismet Anti-Spam: version: 4.2.1, author: Automattic (latest version: 4.2.2), Automatische Aktualisierungen deaktiviert
    Cookie Notice & Compliance for GDPR / CCPA: version: 2.2.1, author: Hu-manity.co (latest version: 2.2.3), Automatische Aktualisierungen deaktiviert
    
    ### wp-media ###
    
    image_editor: WP_Image_Editor_Imagick
    imagick_module_version: 1687
    imagemagick_version: ImageMagick 6.9.7-4 Q16 x86_64 20170114 http://www.imagemagick.org
    imagick_version: 3.4.4
    file_uploads: File uploads is turned off
    post_max_size: 200M
    upload_max_filesize: 200M
    max_effective_size: 200 MB
    max_file_uploads: 20
    imagick_limits: 
    	imagick::RESOURCETYPE_AREA: 31 GB
    	imagick::RESOURCETYPE_DISK: 1.84467440737E+19
    	imagick::RESOURCETYPE_FILE: 48750
    	imagick::RESOURCETYPE_MAP: 31 GB
    	imagick::RESOURCETYPE_MEMORY: 16 GB
    	imagick::RESOURCETYPE_THREAD: 2
    imagemagick_file_formats: 3FR, AAI, AI, ART, ARW, AVI, AVS, BGR, BGRA, BGRO, BIE, BMP, BMP2, BMP3, BRF, CAL, CALS, CANVAS, CAPTION, CIN, CIP, CLIP, CMYK, CMYKA, CR2, CRW, CUR, CUT, DATA, DCM, DCR, DCX, DDS, DFONT, DJVU, DNG, DOT, DPX, DXT1, DXT5, EPDF, EPI, EPS, EPS2, EPS3, EPSF, EPSI, EPT, EPT2, EPT3, ERF, EXR, FAX, FILE, FITS, FRACTAL, FTP, FTS, G3, G4, GIF, GIF87, GRADIENT, GRAY, GROUP4, GV, H, HALD, HDR, HISTOGRAM, HRZ, HTM, HTML, HTTP, HTTPS, ICB, ICO, ICON, IIQ, INFO, INLINE, IPL, ISOBRL, ISOBRL6, JBG, JBIG, JNG, JNX, JPE, JPEG, JPG, JPS, JSON, K25, KDC, LABEL, M2V, M4V, MAC, MAGICK, MAP, MASK, MAT, MATTE, MEF, MIFF, MKV, MNG, MONO, MOV, MP4, MPC, MPEG, MPG, MRW, MSL, MSVG, MTV, MVG, NEF, NRW, NULL, ORF, OTB, OTF, PAL, PALM, PAM, PANGO, PATTERN, PBM, PCD, PCDS, PCL, PCT, PCX, PDB, PDF, PDFA, PEF, PES, PFA, PFB, PFM, PGM, PICON, PICT, PIX, PJPEG, PLASMA, PNG, PNG00, PNG24, PNG32, PNG48, PNG64, PNG8, PNM, PPM, PREVIEW, PS, PS2, PS3, PSB, PSD, PTIF, PWP, RADIAL-GRADIENT, RAF, RAS, RAW, RGB, RGBA, RGBO, RGF, RLA, RLE, RMF, RW2, SCR, SCT, SFW, SGI, SHTML, SIX, SIXEL, SPARSE-COLOR, SR2, SRF, STEGANO, SUN, SVG, SVGZ, TEXT, TGA, THUMBNAIL, TIFF, TIFF64, TILE, TIM, TTC, TTF, TXT, UBRL, UBRL6, UIL, UYVY, VDA, VICAR, VID, VIFF, VIPS, VST, WBMP, WMF, WMV, WMZ, WPG, X, X3F, XBM, XC, XCF, XPM, XPS, XV, XWD, YCbCr, YCbCrA, YUV
    gd_version: bundled (2.1.0 compatible)
    gd_formats: GIF, JPEG, PNG, WebP, XPM
    ghostscript_version: 9.26
    
    ### wp-server ###
    
    server_architecture: Linux 4.15.0-173-generic x86_64
    httpd_software: Apache
    php_version: 5.6.40-nmm3 64bit
    php_sapi: fpm-fcgi
    max_input_variables: 3000
    time_limit: 30
    memory_limit: 64M
    admin_memory_limit: 256M
    max_input_time: 60
    upload_max_filesize: 200M
    php_post_max_size: 200M
    curl_version: 7.58.0 OpenSSL/1.1.1
    suhosin: false
    imagick_availability: true
    pretty_permalinks: true
    htaccess_extra_rules: true
    
    ### wp-database ###
    
    extension: mysqli
    server_version: 5.7.37-nmm1-log
    client_version: mysqlnd 5.0.11-dev - 20120503 - $Id: 76b08b24596e12d4553bd41fc93cccd5bac2fe7a $
    
    ### wp-constants ###
    
    WP_HOME: undefined
    WP_SITEURL: undefined
    WP_CONTENT_DIR: /www/htdocs/w00ed652/wp-content
    WP_PLUGIN_DIR: /www/htdocs/w00ed652/wp-content/plugins
    WP_MEMORY_LIMIT: 40M
    WP_MAX_MEMORY_LIMIT: 256M
    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_LOCAL_DEV: undefined
    DB_CHARSET: utf8
    DB_COLLATE: undefined
    
    ### wp-filesystem ###
    
    wordpress: writable
    wp-content: writable
    uploads: writable
    plugins: writable
    themes: writable
    
    

    Die Seite, für die ich Hilfe brauche: [Anmelden, um den Link zu sehen]

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Hallo,
    schau mal bitte unter Design > Header-Bild. Da kannst du ein Bild bzw. Logo einrichten.

    Noch einige Anmerkungen zu deiner WordPress-Instanz:

    • WordPress 5.8.4 ist nicht aktuell
    • PHP 5.6.x sollte dringend auf PHP 7.4.x umgestellt werden
    • Akismet Anti-Spam ist nicht datenschutzkonform und sollte gelöscht werden
    • Twenty Eleven ist auch kein besonders aktuelles Theme, aber ok. Nachtrag: das Theme ist auch nicht aktualisiert

    Viele Grüße aus Aachen 😉
    Hans-Gerd

    Thread-Starter stefanw1990

    (@stefanw1990)

    Hallo,
    Ich sehe dort nur die Möglichkeit ein Header-Bild zu ändern, nicht aber die Funktion ein weiteres Bild/Logo darüber einfügen zu können.

    Das Theme ändern wirft mir doch bestimmt wieder alles durcheinander oder?

    Zu den anderen angesprochenen Problemchen: Ja eins nach dem anderen 😀
    Was gibt es denn für vernünftigen kostenlosen Ersatz für Akismet Anti-Spam?

    Liebe Grüße aus Aachen zurück
    Stefan

    Hallo,
    hier ein Screenshot dazu (bei Klick auf das Bild, wird das Bild vergrößert):
    Screenshot Einstellungen

    Das Theme ändern wirft mir doch bestimmt wieder alles durcheinander oder?

    Naja, aber irgendwann muss man auch einen alten Wagen verschrotten und sich einen neuen Wagen besorgen.

    Was gibt es denn für vernünftigen kostenlosen Ersatz für Akismet Anti-Spam?

    Antispam Bee

    Viele Grüße
    Hans-Gerd

    Vorab: Updates sind wichtig. Ein Webentwickler mag dir aus Bequemlichkeit den Rat geben, „nichts anzufassen“, weil dann auch nichts „kaputt gemacht“ wird, aber ohne Updates bekommst du keine Sicherheits-Updates. Bei der weiten Verbreitung von WordPress sprechen sich Sicherheitslücken rasch herum und werden dann auch gerne ausgenutzt. Ist ja nichts persönliches … 😉
    In deinem Fall vermute ich allerdings, dass der „Entwickler“ Änderungen direkt im Theme vorgenommen hat, die natürlich beim Update überschrieben wurden. Irgendwie blöd gelaufen, aber auch nicht wirklich tragisch.

    Erstmal zum Website-Bericht:

    • Den WordPress-Core solltest du auf die Version 5.9.2 aktualisieren.
    • Die Zeit solltest du unter Einstellungen > Allgemein auf „Berlin“ setzen.
    • Das Theme Twenty Eleven ist (wie der Name schon vermuten lässt) recht betagt. Hier solltest du auch auf die neueste Version aktualisieren.
    • Die Sammlung der anderen Standard-Themes („Twenty …“) sieht lustig aus, aber wenn du nicht wöchentlich wechselst, solltest du die Themes (bis auf das aktive Theme) alle löschen. Du kannst sie jederzeit wieder installieren, aber ein nicht genutztes Theme stellt theoretisch immer ein Sicherheitsrisiko dar – wofür ein Risiko eingehen, wenn du es eh nicht nutzt?
    • Akismet entspricht nicht den Vorgaben der DSGVO. Hier solltest du zu Antispam Bee wechseln.
    • Die PHP-Version ist gruselig alt. Wenn du das nicht selber im Kundenmenü des Webhosters einstellen kannst, solltest du den Support fragen, wie du auf PHP 7.4 wechseln kannst.
    • Der zur Verfügung gestellte Arbeitsspeicher ist mit 64MB eher etwas knapp angesetzt – hach, damals™ sind wir damit weit gekommen. Inzwischen sind 128MB eher Minimum, viele Verträge bieten bereits 512MB.
    • Die Datenbank ist auch recht veraltet. Hatte ich schon den Support des Webhosters erwähnt?

    So. Das wolltest du jetzt alles gar nicht wissen. 😀

    Du hast also das Logo bereits hochgeladen und … als Widget in der Sidebar platziert. Das ist nicht hübsch, aber immerhin lässt sich schonmal die Adresse des Logos auslesen: http://al***kt.de/wp-content/uploads/2021/12/Logo-mit-Schrift-Website-2.png Damit kannst du eine CSS-Regel erstellen, die das Bild vor dem Webseitentitel einbindet:

    #site-title {
    	background: url(http://a***kt.de/wp-content/uploads/2021/12/Logo-mit-Schrift-Website-2.png) center left no-repeat;
    	background-size: 162px 200px;
    	width: 200px;
    	padding: 100px 200px
    }
    #site-description { padding: 0 200px 0 0; margin: -100px 0 100px 200px}
    

    Das brauchst du jetzt nur im Customizer unter Zusätzliches CSS eintragen und schon solltest du ein hübsches Logo neben dem Website-Titel und der Unterzeile haben.

    Wenn du Website-Titel und Unterzeile nicht möchtest, ersetzt du die letzte Zeile mit

    #site-title span, #site-description {
    display:none;
    }

    Noch ein Tipp: Backups sind eine gute Versicherung, wenn du mal wieder zufällig was gelöscht hast, was irgendwie doch noch wichtig war.


    Nachtrag: … und während in Villabacho noch fleißig getippt wurde, hatte Hans-Gerd in Villarriba bereits eine komplette Lösung fertig (die mir diesmal aber gar nicht gefällt). Ich glaub, ich muss ins Bett … 😪

    … nachdem ich mir mein Geschreibsel so anschaue, frage ich mich, warum du nicht gleich zu einem deutlich moderneren Theme wechselst, bei dem du auch noch bequem und ohne CSS-Regel-Gedöns ein Logo einfügen kannst. Das sieht dann auch auf dem Handy hübsch aus. Deine Inhalte bleiben erhalten. Wenn das Theme nichts taugt, wechselst du wieder zurück und nix ist verloren gegangen.

    Ich find ja für einfache Webseiten das Theme Go immer wieder hübsch, weil vielseitig und modern und technisch gut und nette Performance und dicker Sponsor dahinter und … wie auch immer. Go.

    @pixolin

    und während in Villabacho noch fleißig getippt wurde, hatte Hans-Gerd in Villarriba bereits eine komplette Lösung fertig (die mir diesmal aber gar nicht gefällt)

    das Design gefällt mir auch nicht, aber darum ging es ja nicht, sondern nur um eine Lösung 😉

    Ich find ja für einfache Webseiten das Theme Go immer wieder hübsch, weil vielseitig und modern und technisch gut und nette Performance und dicker Sponsor dahinter und … wie auch immer. Go.

    in der Tat wäre das die bessere Lösung, wobei ich natürlich jetzt auch noch GeneratePress als Alternative ins Rennen schicke …

    … sondern nur um eine Lösung

    Ja ebend! Gewünscht war „… unser neues Firmenlogo in den Headerbereich zu positionieren, d.h. über dem Headerbild.“

    😜

    wobei ich natürlich jetzt auch noch GeneratePress als Alternative ins Rennen schicke …

    Nur in Verbindung mit Laragon! 😂

    Thread-Starter stefanw1990

    (@stefanw1990)

    Ok,
    ich werde wohl wegen der php-Version in Kontakt mit dem Host treten müssen, leider ist das immer mit viel warten und Geduld verbunden, kann also dauern, bis sich da Erfolge einstellen. Ich muss eventuell auch mal über einen Hostwechsel nachdenken, das scheinen ja untragbare Zustände zu sein, wie ihr mir hier offenbart (auch wenn ich nicht mal 10% von all dem verstanden habe).
    Ein Backup der Seite kann ich mit BackwPub garnicht machen, weil php zu veraltet ist, obwohl man eben vor dieser Aktualisierung ein Backup machen soll. Eine Katze, die sich selbst in den Schwanz beißt, herrlich. Aber auch da kann mir wohl der Host helfen (Backups von Uralt php ohne Plugin) wie ich irgendwo las, aber das wird wieder mal dauern, s.o.
    Euch bis hierhin schonmal vielen Dank.

    LG Stefan

Ansicht von 8 Antworten - 1 bis 8 (von insgesamt 8)
  • Das Thema „Bild über das Header Bild positionieren“ ist für neue Antworten geschlossen.