Seitentitel über der Headergrafik?

  • Hallo,
    ist es möglich den Titel der Seite in den Header zu schreiben?
    Dazu sollte der Titel "über" der Headergrafik sein.

    Ich habe versucht das ganze mit z-Index zu lösen, aber das hat nicht funktioniert.
    Vielleicht wurde es auch einfach falsch implementiert.

    Ich benutze das Twentyeleven Theme und die Website, an der ich arbeite, ist folgende
    web1.disegno.cc/

    Danke für die Hilfe.

    Gruß,
    Maxxikosi

    • Anzeige

    Hallo!

    Wenn du gerade an deiner Website arbeitest oder dein aktuelles Hosting überdenkst: Wir betreiben mit NetzLiving eine Hosting-Plattform, die speziell auf Performance, Sicherheit und einfache Verwaltung ausgelegt ist.

    • ✔️ Schnelle Ladezeiten (optimiert für WordPress & Co.)
    • ✔️ Deutsche Server & DSGVO-konform
    • ✔️ Persönlicher Support (kein 0815-Ticket-System)

    Mehr erfahren

  • kopiere bitte nicht den vollen inhalt der style.css in die style.
    css vom child theme - dafuer ist die zeile '@import url("../twentyeleven/style.css");' zustaendig.

    stell sicher dass der titel sichtbar ist - tick:

    design - header - header text - [x] zeige den text mit dem bild.

    du kannst den inhalt fuer die beschreibung behalten; und das hier in die CSS einsetzen um das auszublenden:

    CSS
    #site-description {
       position: absolute !important;
       clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
       clip: rect(1px, 1px, 1px, 1px);
      }


    ansonsten stimmt das mit dem titel ueber dem bild schon ...

  • Ich glaube, die Formulierung meines Problems war etwas ungeschickt.

    Mein Ziel ist es nicht, den Titel der Website im Header zu haben, sondern den Titel der Wordpress Seite.
    Also, wenn man in meinem Fall z.B. auf Philosophie klickt, sollte im Header Philosophie stehen.

    Trotzdem danke für die Hilfe.

  • header.php bearbeiten im child theme; zB vor [FONT=courier new]</hgroup>[/FONT] das hier einfuegen:

    PHP
    <?php if( is_page() ) { ?>
     <h2 id="header-page-title"><?php the_title(); ?></h2>
    <?php } ?>

    in die CSS einfuegen:

    Code
    #header-page-title { position: absolute; top: 65%; left: 5%; }

    plus extra fuer font, farbe, etc...
    muss noch fein abgestimmt werden, damit sich das nicht mit dem site-title ueberschneidet.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!