Lesezeit: 2 Min Lernzeit ein biss mehr …

Der Classic-Editor: Vertraut und zuverlässig –
Ihr bewährter Begleiter.

Erleben Sie den Classic Editor neu!
(Bilder von pixelcreatures)

Viele Nutzer schätzen die vertraute Umgebung des Classic-Editors, die eine einfache und schnelle Bearbeitung ermöglicht.

Mit dem Advanced Editor Tools auf das nächste Level –
Mehr Funktionen, mehr Möglichkeiten.

Classic Editor + Advanced Editor Tools
= Ihr Erfolgsrezept

Der Advanced Editor erweitert den Funktionsumfang des Classic-Editors und ermöglicht es, Inhalte noch effektiver zu bearbeiten.

Einfach und intuitiv –
Der Classic-Editor für alle.

Classic Editor & Advanced Editor Tools
Erleben Sie es.

Der Classic-Editor zeichnet sich durch Stabilität und Zuverlässigkeit aus, was für professionellen Anwender von Bedeutung ist.

Mehr schaffen in weniger Zeit –
Der Advanced Editor für kreative Köpfe.

Optimieren Sie Ihre Bearbeitung:
Advanced Editor Tools

Mit dem Advanced Editor können Designer und
Content Creatoren kreative Ideen umsetzten.

Dem Leser ist zum Inhalt die Aktualität basal und nebenher evtl. die Angabe von Lesezeit des Artikels. Das wird weniger für so eine Website wie bspw. hier der Fall sein. Als es aber aderer Art von Artikel, zur ersten Übersicht dienlich ist. Ein Features bietet hierzu Theme Coder: Siehe 'Lesezeit in WordPress Posts ohne Plug-in hinzufügen'. Hiermit ist die Lesezeit direkt in den Meatdaten im Titelbereich sichtbar. Somit ist hier ein Workflow zum Editieren des Codes für die Template Datei. Bspw. im Theme Twenty Fourteen.

Das PHP zur Lesezeit

Hier sei zur Übersicht nochmals der Code für die functions.php:

// Zeigt die Lesezeit eines Beitrags an

function theme_slug_reading_time( $post = null, $wpm = 275 ) {

// Get content and clean it.
$content = get_post_field( 'post_content', $post );
$content = strip_tags( strip_shortcodes( $content ) );

// Get word count.
$word_count = str_word_count( $content );

// Calculate reading time.
$reading_time = ceil( $word_count / $wpm );

return sprintf( esc_html__( 'Lesezeit: %s Min', 'theme-slug' ), $reading_time );
}

Snippets functions.php, CSS und JavaScript: das Child-Theme. Spezifisch, CSS+JS: das Plug-in Header Footer Code Manager. Zum Workflow und Browser Cache siehe das Plug-in reBusted!

Der Teil zur Fortsetzung

Zur Darstellung im Meta unter dem Titel, hierzu Thomas:

Die Template-Funktion ist anschließend in den Template-Dateien des Themes zu nutzen:

<div class="entry-content">

<div class="reading-time"><?php echo theme_slug_reading_time(); ?></div>

<?php the_content(); ?>

</div><!-- .entry-content -->

Theme Twenty Fourteen

Bspw. Theme Twenty Fourteen sind die Metadaten unterhalb des Titels. Indem ist folgend der PHP-Code einzufügen, und zwar nicht mit div sondern mit span.

<span class="reading-time"><?php echo theme_slug_reading_time(); ?></span>

Theme Twenty Fourteen content.php

<?php

endif;

if ( is_single() ) :
the_title( '<h1 class="entry-title">', '</h1>' );
else :
the_title( '<h1 class="entry-title"><a href="' . esc_url( get_permalink() ) . '" rel="bookmark">', '</a></h1>' );
endif;
?>
<div class="entry-meta">
<span class="reading-time"><?php echo theme_slug_reading_time(); ?></span>
<?php

if ( 'post' == get_post_type() ) {
twentyfourteen_posted_on();
}

if ( ! post_password_required() && ( comments_open() || get_comments_number() ) ) :
?>

Diese Datei auch am Computer/FTP-Programm im Ordner "Wichtige Dateien" kopieren, um evtl. Theme Update eine Reserve zu haben.

Der Beitrag wurde mit fachlicher Unterstützung erstellt.

Aktualisiert im Jahr 2021 August