Info echo

Ist der Classic-Editor schon zu kennen? –

"Advanced Editor Tools – ist so klasse!"
Anklickt! – Advanced Editor Tools; und NEU! – Classic Widgets

---

Info echo

Classic-Editor mit Advanced Editor Tools

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

---

Info echo

Klassischen Editor anwenden! – und …

"Advanced Editor Tools – ist sehr gut!"
Advanced Editor Tools immer NEU – Classic Widgets

---

Info echo

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

– mit Advanced Editor Tools!
Advanced Editor Tools immer NEU! – Classic Widgets

---

Info echo

Aktive Installationen: 2+ Millionen

"Advanced Editor Tools – ist so fabelhaft!"
Advanced Editor Tools immer NEU! Classic Widgets

---

Info echo

Antörnend! – so gehts hier zur Lancierung

"Advanced Editor Tools – ist de luxe!"
Advanced Editor Tools immer NEU! – Classic Widgets

---

Info echo

… Classic Widgets sind so praktisch!

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

---

Info echo

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

---

Der Website den ersten Textabsatz automatisch hervorheben. D. h. des Designs von Exzerpts zum Different des Inhalts stylen. Das ist im Ersten mit Snippet in der Themes functions.php und im Zweiten das CSS.

Die Formatierung das PHP

Den ersten Textabsatz automatisch stylen.

Theme functions.php

/* PHP Auto Highlight ersten Absatz */
add_filter( 'the_content', function( $content ) {
return preg_replace( '/<p([^>]+)?>/', '<p$1 class="opener">', $content, 1 );
});

^{Pr. WP-Freund}

CSS zur Formatierung

Den ersten Textabsatz, das Styling.

– Customizer oder Child-Theme:

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

… anders so mit Selektor .single .opener ist der Blog-Seite und Seiten die automatische Hervorhebung nicht. Oder so mit .single .opener, .page .opener ist den Beiträgen und Seiten ohne Blog-Seite.

Auto Highlight im Kontext
Shortcode automatisch im Content

Im Zusammenspiel mit 'Auto Highlight', da könnte es mit den Features von Shortcode automatisch im Content zu Widerspruch kommen, sodass der Inhalt vom Shortcode gestylt ist statt das Exzerpt. Infolge ist da anderer PHP-Code samt JavaScript anzuwenden. Also statt obige PHP-Code das:

Theme functions.php

/* PHP Auto Highlight im Kontext autom. Shortcode */
add_action('wp_footer', function() {
echo '<script>jQuery(".entry-content .wprt-container > p:first").addClass("opener");</script>';
});

^{Pr. WP-Freund}

Der Beitrag wurde mit fachlicher Unterstützung erstellt.

Aktualisiert im Jahr 2024-April