Willkommen beim WP Wegerl.at 'Lesemodus'!
Entspanntes Lesen und spannende Artikel warten auf dich.
Entdecke unsere besten Beiträge und genieße den Lesemodus.
smilies.4-user.de

Lesezeit: 2 Min
Lernzeit ein biss mehr …

Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –
"Advanced Editor Tools – ist so klasse!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-2

Classic-Editor mit Advanced Editor Tools
"Advanced Editor Tools – Ausgezeichnet!"
Advanced Editor Tools; und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und …
"Advanced Editor Tools – ist sehr gut!"
Advanced Editor Tools immer NEU – Classic Widgets

Info echo
OpenClipart-Vectors-katze-7

… die Welt gehört dem, der sie genießt.
– mit Advanced Editor Tools!
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-4

Aktive Installationen: 2+ Millionen
"Advanced Editor Tools – ist so fabelhaft!"
Advanced Editor Tools immer NEU! Classic Widgets

Info echo
OpenClipart-Vectors-katze-5

Antörnend! – so gehts hier zur Lancierung
"Advanced Editor Tools – ist de luxe!"
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-6

… Classic Widgets sind so praktisch!
"Classic Widgets – sind so grandiose!"
Advanced Editor Tools immer NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum – Frontend ist Frontend
Katzen SVG OpenClipart-Vectors; Ticker von Ditty News Ticker
"Advanced Editor Tools – ist so fein!"
Advanced Editor Tools immer NEU! – Classic Widgets

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 );
}
Die Snippets zur functions.php ab in das Plug-in Code Snippets.
Mit Obhut von Codes! – bleibt das auch nach Theme-Update so.
Oder Child Theme! – zum Beispiel Quick Child Theme Generator.
So zum Workflow und Browser Cache s. 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