-Anzeige-
#ss#
-Anzeige-


Zuki-Theme Elmastudios more-Tag, more-Link hinzufügen, howto

Zuki-Theme Elmastudios more-Tag, more-Link hinzufügen, howto

Das superelegante Zuki-Theme von Elmastudios kommt sehr geradlinig daher. Heute möchte ich Euch zeigen, wie man in diesem Theme doch einen More-Link hinter den Excerpts hinbekommt.
Viele Benutzer vermissen schmerzhaft den More-Link am Ende der Textauszüge, die dieses Theme standardmäßig mit den Widgets auf der Startseite anzeigt.
Jeder Artikel wird vom Theme automatisch auf eine bestimmte Zeichenzahl begrenzt und dann stumpf mit … abgeschnitten.

Der Leser muß nun wissen oder herausfinden, daß er auf den Titel des Beitrags oder das Beitragsbild klicken muß.
Hierüber hatte ich schon einige Beschwerden von meinen Lesern.

Dabei geht es ganz einfach, diesen More-Link hinzuzufügen.

Zum Verständnis: Lange Texte muß man nach wie vor mit dem more-tag trennen, damit sie in der Blogansicht nicht vollständig angezeigt werden!
Dazu fügt man an der gewünschten Stelle das hier ein:

< !--more-->

In diesem Artikel geht es um diesen Link hier:

zukimore

Die Einstellung hierfür findet man nicht in der functions.php, wie ein amerikanischer Blogger mutmaßte, sondern unter: wp-content/themes/zuki/inc/widgets.php

Öffnet man diese Datei in einem Editor, findet man alle Widgets (z.B. Zuki: Recent posts (Medium 2) usw.) der Reihe nach aufgelistet.
Die Stelle, um die wir uns kümmern müssen, ist diese hier:

<p class="summary">
<?php echo wp_trim_words( get_the_content(), 65 ); ?>
</p>

Wichtig ist die zweite Zeile:

<?php echo wp_trim_words( get_the_content(), 65 ); ?>

In diesem Schnipsel wird der Inhalt des Artikels geholt, mittels der Anweisung wp_trim_words auf 65 Zeichen gekürzt und stumpf ausgegeben. Die standardmässig ausgegebenen Punkte sind der default-Wert der Anweisung wp_trim_words.

Nun gibt es bei der Anweisung wp_trim_words die schöne Möglichkeit, auch einen More-Link mitzugeben.

Der sieht beispielsweise so aus:

'  <span class="removed_link" title="&#039;. get_permalink() .&#039;">...mehr</span>'

Statt „…mehr“ kann man natürlich auch „weiterlesen“ oder „mehr lesen“ verwenden oder sogar ein Bild mit einem Button einbinden, ganz nach Geschmack.

Und so sieht das Ganze dann in unseren ursprünglichen Code eingebaut aus:

<p class="summary">
<?php echo wp_trim_words( get_the_content(), 65, '  <span class="removed_link" title="&#039;. get_permalink() .&#039;">...mehr</span>' ); ?>
</p>

Wichtig sind die beiden Leerzeichen nach dem einleitenden Hochkomma und vor dem „a href“-Link, sie verhindern, daß der more-Link zu sehr am Textende klebt.
In genau diesem Code kann man übrigens auch die Zahl 65 gegen eine andere austauschen, falls man kürzere oder längere Einleitungstexte wünscht.

Wichtig: Das Verzeichnis in dem widgets.php liegt, konnte ich leider nicht ins Childtheme klonen.
Es würde also bei einem Theme-Update überschrieben! Also Sicherheitskopie machen!

Auf die oben beschriebene Weise kann man nun alle Abschnitte in der widgets.php durchgehen und überall wo man es möchte den More-Link einfügen.

Zuki-Theme Elmastudios more-Tag, more-Link hinzufügen, howtoZuki-Theme Elmastudios more-Tag, more-Link hinzufügen, howto

Dir gefällt das? Schenke mir 1 Sekunde und unterstütze mich auf Patreon

Peter Wilhelm

Peter Wilhelm

Fachjournalist Peter Wilhelm schreibt hier über die Nebensächlichkeiten der Welt.
Er liebt Technik und testet Produkte, Service und Angebote.
Der Bestsellerautor ist Chefredakteur einer Branchenzeitschrift, Sachverständiger und Fernsehexperte.
Der Satiriker veröffentlicht seine Satiren hier und eine Kolumne hier.
Der Psychologe und Dozent wurde in der Halloweennacht geboren und lebt mit seiner Familie bei Heidelberg.
Mehr über ihn erfahren Sie u.a. hier und hier.


Alle Angaben nach bestem Wissen, keine Rechts- Steuer- oder Medizinberatung! Fragen Sie einen Fachmann!


peter wilhelm autorenlesung
-Anzeige-
  1. Vedran
    Vedran 18 September, 2015, 01:57

    Danke für die Anleitung, nur leider bin ich nicht so pfiffig und finde
    wp-content/themes/zuki/inc/widgets.php nicht 🙁

    Ich würde mich über etwas Hilfestellung freuen.

    Danke und Gruß Vedran

    Antwort auf diesen Kommentar
  2. Tina
    Tina 24 Oktober, 2017, 12:52

    Vielen Dank für die Anleitung.
    Gibt es denn auch eine Möglichkeit innerhalb eines Blogposts den „mehr“ link einzufügen? Ich habe in einem Post mehrere Themen, und er ist dadurch unheimlich lang. Ich würde deswegen einzelne Textabschnitte innerhalb des Blogs durch einen mehr -Link kürzen.

    Vielen Dank für deine Hilfe!
    Herzliche Grüsse
    Tina

    Antwort auf diesen Kommentar
    • Peter Wilhelm
      Peter Wilhelm Autor 24 Oktober, 2017, 15:32

      Hallo Tina, natürlich geht das. Kein Problem. Der more-Tag ist ja eine Grundeinrichtung von WordPress. Genau der ist in diesem Blogpost gemeint.
      Da wird aber ein Blogpost in genau 2 Teile geteilt, nämlich jenen Teil vor dem more-Tag, der meist auf der Hauptseite angezeigt wird. Klickt der Leser dann auf „weiterlesen“ oder „read more“ bekommt er den kompletten Artikel mit dem zweiten Teil angezeigt.

      Willst Du innerhalb eines Artikels diesen in mehrere Teile unterteilen, also Teil 1, Teil 2, Teil 3, dann hast Du 2 Möglichkeiten. Entweder, Du legst den Artikel gleich als mehrteilige Artikelserie an und verwendest das schöne Plugin „serialposts“ um diese zu verbinden.
      Oder aber, Du nutzt innerhalb des WordPressl-Artikels, den „nextpage“-Tag, der das ebenso möglich macht.
      Sollte der nextpage-Tag bei Dir nicht funktionieren, findest Du in diesem interessanten Artikel weitere Hinweise:

      https://lars-mielke.de/3891/wenn-das-paginieren-mit-nextpage-in-wordpress-nicht-funktioniert/

      Antwort auf diesen Kommentar

Schreibe einen Kommentar

Deine Mailadresse wird nicht weitergegeben.
Erforderliche Felder sind markiert*

Lesen Sie weiter:
Izmir Egal – Cat Stevens is back

Mir ist es im Moment mal egal, ob Cat Stevens jetzt gerade mal Yussuf Islam...

Schließen