Den ersten Textabsatz hervorheben

Durch unterschiedliche Funktionen kann man die Website individuell gestalten. Ein Snippets reicht zur Erweiterung. … Und hier geht es um den ersten Absatz im Content. Mit Snippet in der functions.php ist das in einem im Gesamten. Ob Beiträge und / oder Seiten dann das CSS.

Inhaltsverzeichnis

functions.php

[codesnippets]

/* Aut.-Hervorhebung ersten Absatz von Beitrag */
add_filter( 'the_content', function( $content ) {
return preg_replace( '/<p([^>]+)?>/', '<p$1 class="opener">', $content, 1 );
});

Kevin P.

CSS

 – Customizer oder Child-Theme:

/* Ersten-Absatz-Design */
.opener {
color: #055344;
font-weight: 500; 
font-size: 18px;
font-style: oblique;
line-height: 1.5;
}

… und mit .single .opener ist der Blog-Seite und Seiten die Aut.-Hervorhebung nicht. Oder so mit .single .opener, .page .opener ist das Beiträgen und Seiten ohne der Blog-Seite.