Erkennungsbild vor Permalink

Annalena

guten Tag zusammen,
habe viel im Forum recherchiert und ausprobiert, aber mein Problem nicht
lösen können.

Ich möchte vor der jeweiligen Artikel-Überschrift (Permalink) immer ein
Erkennungsbild erscheinen lassen.

z.B. einen kleinen Fotoapparat. Es wäre bei jeder Categorie das gleiche
Bild.

Wie kann ich das bewerkstelligen?

Danke für Eure Hilfe.

Annalena

Werbepost

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

marX

Schau dir mal dieses Thread an, vielleicht helfen dir die Infos dort weiter:
http://forum.wordpress-deutschland.org/konfiguration/…n-aber-wie.html

Annalena

Leider nicht, zumindest habe ich es nicht hinbekommen.

Also ich möchte gerne die kleine Kamera z.B. vor dem Titel
"Hochzeitsbilder einmal anders"

und "Bitte lächeln..."

und "Für Sie neu entdeckt" usw. haben.

Also nicht im Artikel, sondern immer direkt vor der Überschrift.

Geht das?

Annalena

PS. Kann man das evtl. mit css steuern?

marX

Zitat von Annalena

PS. Kann man das evtl. mit css steuern?

Ja, das geht auch. Einfach den Kategorie-Slug als Klassenname für den Permlink übergeben, und per CSS das Icon als Hintergrundbild einfügen.

Und "geht nicht" gibts nicht. ;-) Probiers aus, wenn du nicht klar kommst, dann meld dich einfach. Aber schreib dazu was du schon probiert hast und woran du scheiterst.

Annalena

Hi marX,
danke erst einmal für Deine Bemühungen.
Jetzt eine dumme Frage. Was ist category slugs?

Annalena

marX

Schau mal, Slug ist hier im Forum grün unterstrichen, es gibt also einen Glossareintrag dazu. Ausgeben kannst du ihn so:

PHP

<?php
$category = get_the_category(); 
echo $category[0]->slug;
?>

Annalena

Jetzt habe ich mich mal durchgewurschtelt und habe die page.php im Template gefunden. Ich tippe mal auf diese Stelle.

PHP

<div class="post" id="post-<?php the_ID(); ?>">
                <div class="posttitle">
                    <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link zu <?php the_title(); ?>"><?php the_title(); ?></a></h2>
                    <p class="post-info"><?php the_time('j. F Y') ?> von <?php the_author_posts_link() ?> <?php edit_post_link('Bearbeiten', '', ' | '); ?> </p>
                </div>

Ich denke mal vor dem Permalink müsste jetzt das Kamerabild eingesetzt werden.
Kann ich da jetzt ein <img src="http://meineseite.de/pics/kamera.gif"> vor dem H2 setzen?
Oder wie muss ich das machen?

marX

Zitat von Annalena

Kann ich da jetzt ein <img src="http://meineseite.de/pics/kamera.gif"> vor dem H2 setzen?
Oder wie muss ich das machen?

Nein, danach, also nach dem öffnenden <h2> - bzw. nach dem öffnenden <a> wenn das Bild auch verlinkt sein soll. Das Bild selbst würde ich irgendwo im Theme-Verzeichnis ablegen, und so referenzieren:

HTML

<img src="<?php bloginfo('template_url') ?>/pics/kamera.gif" alt="" />

bloginfo() setzt dann automatisch die URL zu deinem Template ein.

Annalena

Hi marX,
danke für Deine Geduld.

Mußte jetzt erst einmal eine Pause machen und bin jetzt wieder
an Bord.

Das Bild soll als Erkennungsbild (ähnlich wie ein Slogan) vor jeder
Überschrift stehen und zwar nicht als Link, sondern einfach nur so-
versuche es mal als Bild darzustellen.

Annalena

marX

HTML

<div class="posttitle">
      <h2>
           <?php if ( in_category(123) ) : ?>
                <img src="<?php bloginfo('template_url') ?>/pics/kamera.gif" alt="" />
            <?php endif; ?>
            <a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link zu <?php the_title(); ?>"><?php the_title(); ?></a>
       </h2>
       <p class="post-info"><?php the_time('j. F Y') ?> von <?php the_author_posts_link() ?> <?php edit_post_link('Bearbeiten', '', ' | '); ?> </p>
</div>

Soviel anders als in dem schon weiter oben verlinkten Thread ist das auch wieder nicht. ;-) Mehrere Bilder, dynamisch je nach Kategoriename, geht dann analog mittels get_the_category(), wie weiter oben schon erwähnt.

Annalena

Hallo MarX,
auch wenn ich schier verzweifelt bin, dass trotz all Deiner Mühe es nicht
möglich war, das Bild vor den Permalinks einzufügen, hast Du mir trotzdem
geholfen.

Als ich nah daran war, einfach darauf zu verzichten, habe ich unseren Thread nochmals durchgelesen und kam an Deine Worte
"Und "geht nicht" gibts nicht. :wink: "
Also habe ich es nur über das CSS versucht und es hat geklappt.
Und zwar habe ich

Code

#content .post h2 
font-size: 1.4em; 
    margin: 1em 0 0;
    letter-spacing:1px;
    font-weight:normal;    
}

geändert in

Code

#content .post h2 
{background:url(img/kamera1.gif) no-repeat left;
font-size: 1.4em; 
    margin: 1em 0 0;
    padding-left:26px;    
    letter-spacing:1px;
    font-weight:normal;

Das padding brauchte ich, um einen Abstand zum beginnenden Text zu erhalten.

Falls also jemals noch jemand eine Lösung sucht, einfach austesten und
Dir nochmal herzlichen Dank, ohne Deine Bemühungen hätte ich sicher das Handtuch schon früh geschmissen.

Annalena

marX

Ich seh grad, ich hatte oben nen Buchstabendreher drin (is_categ[COLOR="Red"]ro[/COLOR]y)... hoffentlich lags nicht daran :oops:

Aber schön wenn's so funktioniert! :-) (Aber dann für alle Posts oder?)

Annalena

Ja, für alle Posts. Sollte es auch sein. Bin froh.
Annalena

marX

Mmh, dann hab ich dich anfangs etwas missverstanden, ich hab das hier

Zitat

z.B. einen kleinen Fotoapparat. Es wäre bei jeder Categorie das gleiche Bild.

so verstanden, dass du je Kategorie immer ein bestimmtes Bild haben möchtest. Darauf haben meine Lösungen hingezielt. ;-)

Annalena

Na, dann habe ich ja direkt schon eine Lösung, wenn so etwas mal erforderlich ist:-D.

Schönes Wochenende noch.
Annalena

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Erkennungsbild vor Permalink

Jetzt mitmachen!