WordPress Beitragsausschnitt mit “Weiterlesen” Link

Lesedauer: < 1 Minute

Wer kennt es nicht? Du erstellst eine WordPress Seite und bei manchen Themes endet die Suche nach einem Beitrag in einer komischen Ansicht. Die Beiträge sind abgeschnitten und es führt nur der Titel zum gewünschten Beitrag.

Datei modifizieren

Mit dem nächsten Code – Abschnitt kannst du hier Abhilfe schaffen. Diesen fügst Du an das Ende der functions.php Datei des Themes. Vorher bitte eine Kopie erstellen, damit Du im Falle des fehlerhaften Einfügens noch eine Sicherung hast!

// Entferne die  ... vom Beitrags-Ausschnitt und füge einen Link an
 function change_excerpt_more()
 {
   function new_excerpt_more($more) {
 	// Füge .more-link als CSS Attribut hinzu, um den Link zu gestalten - Standard CSS wird sonst benutzt.
 	  return ' [...]<br><br><a href="' . get_permalink() . '" title="' . get_the_title() . '" class="more-link"><span>Weiterlesen »</span></a>';
   }
   add_filter('excerpt_more', 'new_excerpt_more');
 }
 add_action('after_setup_theme', 'change_excerpt_more');

Link anpassen

/* Weiterlesen - Link */
 .more-link span {
     font-size: 12px;
     padding: 5px 10px;
     color: #ffffff;
     cursor: pointer;
     display: inline-block;
     border-radius: 5px;
     background-color: #217599;
 }
 /* Link aufhellen */
 .more-link span:hover {
     background-color: #3791b8;
 }