Bild statt Postingtitel? (custom fields / unstandard theme)

tekzt

Hallo, ich benutze das unstandard Theme von Derek Punsalan ( Derek Punsalan - 5ThirtyOne ) und habe einige Veränderungen daran vorgenommen bzw bin noch dabei. Nachdem Derek selbst wohl den Support für das Theme eingestellt hat, ich bei manchen Dingen aber nicht weiterkomme wollte ich mal hier fragen ob mir jemand weiterhelfen kann.

Das Theme arbeitet mit Custom-Fields, da anstatt dem Anfang des Beitrags auf der Startseite Bilder angezeigt werden (Meine Startseite: Tekzt ). Diese werden als 'lead_image' und 'secondary_image' bezeichnet. lead_image bezeichnet das Bild das für den Beitrag angezeigt wird, wenn er der Aktuellste ist. secondary_image das Bild das für den Beitrag verwendet wird wenn er nicht mehr der aktuellste ist. In den Posts selbst tauchen diese dann nicht mehr auf (Beispiel-Post in meinem Blog: So wars im Urlaub). Da ich mir mit den Bilder aber immer sehr viel Mühe gebe will ich dass statt dem Titel das lead_image angezeigt wird.

Theoretisch dachte ich dass ich dann nur in der single.php die Zeile

PHP

<h2><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title() ?></a></h2>

durch

PHP

<a href="<?php the_permalink() ?>" title="<?php lead_image(); ?>"><?php lead_image() ?></a>

ersetzen müsste, was leider zu folgendem geführt hat:

Zitat

Fatal error: Call to undefined function: lead_image() in /is/htdocs/*****/*******/tekzt/wp-content/themes/unstandard/single.php on line 7

Auch andere Versuche, die mir als Coding-Novizen logisch erschienen schlugen fehl. Ich hoffe mir kann jemand weiterhelfen bzw dass es überhaupt irgendwie realisierbar ist*gg*

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

Wo ist die Funktion lead_image() denn definiert? In der functions.php? Auf die Customs Fields greift man normalerweise anders zu:
Using Custom Fields « WordPress Codex
Function Reference/get post custom values « WordPress Codex
Du kannst dir natürlich eine Funktion lead_image() für die functions.php schreiben, die dir das Custom Field ausliest u. den Wert zurück liefert. Das musst du aber natürlich schon selbst machen.

Übrigens, das Bild nochmal in das title-Attribut zu schreiben halte ich für ein wenig sinnfrei. Da würde ich schon den Post-Titel stehen lassen (aber als the_title_attribute(), weil hier Sonderzeichen für die Benutzung in Attributwerten escaped werden)

tekzt

So genau weiss ich leider nicht bescheid. Wie gesagt, das Theme ist nicht von mir, ich hab es nur für mich angepasst und Support des Erstellers gibt es leider keinen mehr. Ich kann jedoch ausschließen dass die Funktion in der functions.php definiert ist, denn der Download des Themes umfasst keine functions.php.

Kann sein dass ich damit jetzt vollkommen auf dem Holzweg bin (wie gesagt, eigentlich habe ich keine Ahnung) aber ich denke dass es etwas hiermit zu tun hat:

PHP

////*Ausschnitt aus meiner Index.php*///
<?php if (have_posts()) : while (have_posts()) : the_post(); ?>
              <div class="post" id="post-<?php the_ID(); ?>">
                <div class="secondary-post-bg left">
                  <p class="post-comments"><?php comments_popup_link('No Comments', '1 Comment', '% Comments'); ?></p>
                  <?php $image = get_post_meta($post->ID, 'secondary_image', true); ?>
              <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="" /></a>
                  <div class="title-insert">
                      <h3><a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><?php the_title() ?></a></h3>
                    </div>
                  </div>
              </div>
            <?php endwhile; ?>

Alles anzeigen

Zum vergleich der selbe Ausschnitt aus der Default-Theme

PHP

///*Ausschnitt index.php der default theme*///
<?php if (have_posts()) : ?>


        <?php while (have_posts()) : the_post(); ?>


            <div class="post" id="post-<?php the_ID(); ?>">
                <h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Permanent Link to <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
                <small><?php the_time('F jS, Y') ?> <!-- by <?php the_author() ?> --></small>


                <div class="entry">
                    <?php the_content('Read the rest of this entry &raquo;'); ?>
                </div>


                <p class="postmetadata"><?php the_tags('Tags: ', ', ', '<br />'); ?> Posted in <?php the_category(', ') ?> | <?php edit_post_link('Edit', '', ' | '); ?>  <?php comments_popup_link('No Comments »', '1 Comment »', '% Comments »'); ?></p>
            </div>


        <?php endwhile; ?>

Alles anzeigen

Dazu gibts in der style.css folgendes:

CSS

/* ----------------------------------- home posts */
.home .left {  width: 607px; }
.home .main-post-bg { background: #transparent; display: block; height: 225px; position: relative; margin: 0 0 7px 0; width: 593px; overflow: hidden; }
  .main-post-bg .post-comments,
  .secondary-post-bg .post-comments { position: absolute; top: 0; right: 7px; z-index: 102; background: #E90080; border: 1px solid #FFF; }    
    .post-comments a,
    .secondary-post-bg .post-comments a { font-size: 11px; color: #eee !important; display: block; height: 1.8em; line-height: 1.8em; width: 7.5em; text-decoration: none; text-align: center; text-transform: lowercase; } 
    .post-comments a:hover,
    .secondary-post-bg .post-comments a:hover { background: #ce6100;}
  .home .main-post-bg .title-insert,
  .home .recent-leads .title-insert { background: #000; bottom: 0; display: block; left: 0; position: absolute; width: 100%; z-index: 101; padding: 4px 0; /* opacity - move to sep. stylesheet */ filter: alpha(opacity=75); -moz-opacity: .75; opacity:.75; }
.title-insert h2 { margin: 8px 10px 7px; line-height: 1.4em; }
  .title-insert h2 a { display: block; color: #f79b42; text-decoration: none; }
  .title-insert h2 a:hover { color: #E90080; }
.home .recent-leads { width: 607px; }
  .home .recent-leads .secondary-post-bg { background: #transparent; display: block; width: 293px; overflow: hidden; height: 150px; margin: 0 7px 7px 0; position: relative; }
  .home .recent-leads .title-insert h3 { margin: 4px 7px; line-height: 1.6em; }
  .home .recent-leads .title-insert h3 a { font-size: 14px; display: block; color: #f79b42; text-decoration: none; }
  .home .recent-leads .title-insert h3 a:hover { color: #E90080; }
.home .right { width: 340px; text-align: left; }
.home .right h3 { font-weight: normal; font-size: 1.6em; color: #E90080; padding-left: 2px; }

Alles anzeigen

Scheint leider sehr viel komplizierter zu sein als ich mir das vorgestellt habe, Schade. Sollte mich vielleicht dann doch gegen Bezahlung an einen Profi wenden, wenn aus dem was ich jetzt geschrieben habe Niemand schlau wird*gg*

marX

Na wo kommt denn die Funktion lead_image() her? Hast du dir die selbst ausgedacht? Schau mal, wie das mit dem 2. Bild gemacht wird, vielleicht wirds dann klarer:

PHP

<?php $image = get_post_meta($post->ID, 'secondary_image', true); ?>
              <a href="<?php the_permalink() ?>" title="<?php the_title(); ?>"><img src="<?php echo $image; ?>" alt="" /></a>

Im Prinzip müsstest du nur den Key "secondary image" gegen "lead image" austauschen.

tekzt

Jippie, vielen vielen Dank : ))

Die Funktion lead_image kommt wie ich grade herausgefunden habe aus der Home.php, die hatte ich aus irgendeinem Grund beim durchsuchen übersehen -_-

Willkommen! Melden Sie sich an oder registrieren Sie sich.

Bild statt Postingtitel? (custom fields / unstandard theme)

Jetzt mitmachen!