Den ersten Textabsatz anders einstellen

Durch unterschiedliche Funktionen kann man die Website individuell gestalten. Teils ergeht dies ohne eines speziellen Plug-ins. Ein einfaches Snippet reicht zur Erweiterung. Darum folge dem Link im Titel WordPress-Snippets … und hiermit ein Beispiel dessen, um den ersten Absatz der Beiträge hervorzuheben.

functions.php

Die Snippets zur functions.php im Plug-in Code Snippets abspeichern. Dazu ist das zur Verwaltung der Codes als auch der Schutz bei Theme-Update.

/* Auto-Highlighting - Automatisches Highlighten des ersten Absatzes eines Beitrags, @Andreas Hecht */
function tb_first_paragraph_highlight( $content ) {
return preg_replace( '/<p([^>]+)?>/', '<p$1 class="opener">', $content, 1 );
}
add_filter( 'the_content', 'tb_first_paragraph_highlight' );

CSS  – Customizer oder Child-Theme:

/* Einzelne Beitraege den ersten Absatz design */
.single p.opener {
color: #165a72;
font-weight: 400;
font-size: 20px;
font-style: oblique;
line-height: 1.5;
}

Der Beitrag ist so weit, so gut …