Den ersten Textabsatz hervorheben

Info echo
OpenClipart-Vectors-katze-1

Ist der Classic-Editor schon zu kennen? –

Info echo
OpenClipart-Vectors-katze-2

Anklickt Classic-Editor mit TinyMCE Advanced

Info echo
OpenClipart-Vectors-katze-3

Klassischen Editor anwenden! – und …

Info echo
OpenClipart-Vectors-katze-7

… die Welt gehört dem, der sie genießt.

Info echo
OpenClipart-Vectors-katze-4

TinyMCE aktive Installationen: 2+ Millionen

Info echo
OpenClipart-Vectors-katze-5

Ansprechend! – so gehts hier zur Lancierung

Info echo
OpenClipart-Vectors-katze-6

… und NEU! – Classic Widgets

Info echo
OpenClipart-Vectors-katze-8a

Werkraum ist Werkraum und Frontend ist Frontend

Durch unterschiedliche Funktionen kann man die Website individuell gestalten. Hier geht es nun um den ersten Absatz im Content, im Slogan Auto-Highlightings. Mit Snippet in der functions.php ist das in einem im Gesamten. Ob Beiträge und / oder Seiten dann das CSS.

functions.php

Die Snippets zur functions.php ab ins Plug-in Code Snippets.
Mit Obhut der Codes! – so bleibt das auch nach Theme-Update.
Oder Childs Theme? – zum Beitrag mit Child Theme Generator.
So zum Workflow und Browser Cache s. das Plug-in reBusted!

/* 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.

… Und wie ist dein Erfolg des Beitrags?