Freshy 2: Für Titel und Unterschrift eine Grafik einfügen, Wie?

  • Hallo Freunde ;-)
    Ich hab folgendes "problem".
    Ich würde gerne auf meinem Blog mit dem neuesten Freshy2-Theme, anstelle des Titel und der Beschreibung unter dem Titel, eine Grafik verwenden...
    Wie ist das machbar?
    Danke!
    s.n.

    • 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

  • Da gibt es mehrere Möglichkeiten:
    z.B. in der header.php den Inhalt des Div #title austauschen mit deinem Bild oder per CSS:

    Code
    #title, #frame, #footer_content {custom_m...style.css (Linie 76)
    background:#0C0C0C url(images/page-gradient-dark.png) repeat-y scroll right center;
    }
    
    
    #title {custom_m...style.css (Linie 72)
    border-top:2px solid #383838;
    }

    den #title aus erstem Eintrag entfernen und im Eintrag darunter ein anderes background Attribut einfügen (sprich anderes Bild) und ggf. bei allen anderen #title Einträgen Anpassungen vorzunehmen.

  • Da gibt es mehrere Möglichkeiten:
    z.B. in der header.php den Inhalt des Div #title austauschen mit deinem Bild oder per CSS:

    Code
    #title, #frame, #footer_content {custom_m...style.css (Linie 76)
    background:#0C0C0C url(images/page-gradient-dark.png) repeat-y scroll right center;
    }
    
    
    #title {custom_m...style.css (Linie 72)
    border-top:2px solid #383838;
    }

    den #title aus erstem Eintrag entfernen und im Eintrag darunter ein anderes background Attribut einfügen (sprich anderes Bild) und ggf. bei allen anderen #title Einträgen Anpassungen vorzunehmen.


    Also moment noch mal zum mitschreiben: Wo muss ich das einfügen, in der CSS oder in der PHP, in der PHP find ich mich nämlich gar nich zurecht.
    Wenn ich den Background da oben lösche ist der Farbverlauf vom Desgin doch ganz weg...
    Beim alten Frehsy Theme wurde der Titel mit nem Display:none Attribut versteckt soviel weiss ich noch...

  • Schau dir doch zuerst einmal deine CSS Datei ("http://s-n.cc/blog/wp-conten…om_my_style.css") genauer an:
    Der erste zitierte Eintrag

    Code
    #title, #frame, #footer_content {custom_m...style.css (Linie 76)
    background:#0C0C0C url(images/page-gradient-dark.png) repeat-y scroll right center;
    }

    setzt ja den background für drei Divs gleichzeitig (title, frame und footer_content). Wenn du nur title ändern möchtest, musst du für diesen Container halt einen eigenen Eintrag erstellen (sodass nicht auch alle anderen geändert werden) z.B.

    Code
    #title {background: url(images/deinbildhier.png) repeat-y scroll right center;
     }
  • Steht sich das dann nicht im Wege, schließlich will ich ja den Verlauf auch im Titel behalten. Wird denn dann nicht außerdem der Titel noch mal als Text (vermutlich) von der PHP drübergelegt, wenn ja, wie ist das zu umgehen?

    OT: Haste selbst Freshy2 oder warum kennste dich so aus? :P

    Danke!
    sn

  • In der Tat wäre der Text dann immernoch dort, liesse sich aber auch regeln. Wenn du allerdings den Hintergrund behalten möchtest und zusätzlich ein Bild einfügen willst, wirst du wohl um eine Änderung der entsprechenden PHP Datei nicht rumkommen. Ich kenne dein Theme jetzt nicht, in vielen Fällen ließe sich dies durch eine angepasste functions.php regeln, wenn nicht denke ich die header.php sollte erste Anlaufpunkt sein.

  • So ein Mist!
    HTML und CSS sind eher meins :P
    Bei Frehy 1 war das so schön easy... -.-
    Ich verstehs einfach nich *kopfschüttel*
    Falls jemand noch Lösungsansätze hat, würde ich mich sehr freuen, auch für deinen Einsatz, flobster, Vielen Dank!

  • [LEFT]Im default Kubrick Theme sieht der relevante Teil so aus:

    PHP
    <div id="header">
        <div id="headerimg">
            <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
            <div class="description"><?php bloginfo('description'); ?></div>
        </div>
    </div>

    Alles zwischen dem <h1> ist verantwortlich für den Titel des Blogs (als Link), darunter bezeichnenderweise der Untertitel sprich Blogbeschreibung. In deinem Fall:

    Alles innerhalb dieses Div kannst du also gegen den entsprechenden HTML Code für dein Bild austauschen.

    Edit: die "quicklinks" möchtest du ja evtl. behalten!
    [/LEFT]

  • [LEFT]Im default Kubrick Theme sieht der relevante Teil so aus:

    PHP
    <div id="header">
        <div id="headerimg">
            <h1><a href="<?php echo get_option('home'); ?>/"><?php bloginfo('name'); ?></a></h1>
            <div class="description"><?php bloginfo('description'); ?></div>
        </div>
    </div>

    Alles zwischen dem <h1> ist verantwortlich für den Titel des Blogs (als Link), darunter bezeichnenderweise der Untertitel sprich Blogbeschreibung. In deinem Fall:

    Alles innerhalb dieses Div kannst du also gegen den entsprechenden HTML Code für dein Bild austauschen.

    Edit: die "quicklinks" möchtest du ja evtl. behalten!
    [/LEFT]


    Hab das jetz genau so in der header.php umgesetzt, leider zerfetzts mir jetz das Layout... -.-

  • Das Beispiel stammte ja aus deinem Quellcode, den dazugehörigen Code kann ich natürlich nicht sehen. Wenn du aber diesen #title-Div in deiner header.php gefunden hast und dessen Inhalt gegen dein Bild austauscht (passendes Format mal vorausgesetzt), kannst du eigentlich nicht allzuviel verkehrt machen.


    Genau das hab ich gemacht...Da die Unterschrift ja in der Grafik enthalten ist hab ich den Subtitle Div weggelassen, liegst vllt daran?

    PHP
    <div id="header">
        <div class="container">
            <div id="title">
                <h1>
                    <a href="<?php echo get_settings('home'); ?>">
                        <span><img src="title.jpg" /></span>
                    </a>
                </h1>
                </div>
                <div id="quicklinks">
  • Hallo,

    Du öffnest Deine header.php aus dem Theme und ersetzt diesen Block

    <div id="title">
    <h1>
    <a href="http://s-n.cc/blog">
    <span><img src="title.jpg" /></span>
    </a>
    </h1>
    </div>


    durch den hier

    <div id="title">
    <h1>
    <img src="http://www.deinedomain.de/DeinBild.jpg" border="0">
    </h1>
    <div class="description">
    <small>Beschreibung falls gewünscht, wenn nicht leer lassen</small>
    </div>
    Alles andere kannste lassen, wie vorgegeben.

    So hab ichs bei mir (deutschlandfans.de) gemacht und klappt wunderbar.


  • Wunderbar danke, das war der entscheidende Tipp!

Jetzt mitmachen!

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