Einheitliches Design für den ersten Absatz jedes Beitrag

Ja, Danke es klappt - im Prinzip, aber bei einigen Beiträgen nicht; z.B. nicht bei:

http://peter-nowak-journalist.de/2010/01/22/freiheit-der-kunst/

und

http://peter-nowak-journalist.de/2010/01/21/4/.

Das dürfte sich ja dann jeweils manuell nacharbeiten lassen, in dem der jeweiligen html-Code kontrolliert wird. -

Bliebe dann also noch die Frage, wie sich der "Weiterlesen"-Befehl automatisch erzeugen lässt, ohne die Formatierungen aufzuheben.

Zitat von SirEctor

Bei den beiden genannten Beiträgen ist der erste p-Tag leer, daher kann es da nicht funktionieren.

Ja, das meinte ich mit den html-Code kontrollieren. - Bleibt also das "Weiterlesen"-Problem...

PS.:

Jetzt sehe ich, dass Kalendereinträge - z.B. http://peter-nowak-journalist.de/Veranstaltung/…selber-macht-6/ - und Seiten genauso behandelt werden, wie Beiträge. - Lassen die sich nun wiederum irgendwie automatisch aus dem automatischen Formatierungsbefehl für den ersten Absatz ausschließen?

Eher mit Rumprobieren als wirklich zu verstehen, wie die Logik ist, habe ich jetzt herausgefunden, daß ich mit

.page p:first-of-type {
   font-size: 100%;
   font-style: normal;
   font-weight: 700;
   background-color: #FFFFFF;
   padding-left: 0;
   padding-right: 0;
}

die Seiten von dem Formatierungsbefehl ausnehmen kann. - Noch nicht habe ich herausgefunden, wie das entsprechend für die Kalender-Einträge funktioniert - bzw. ob ich den Formatierungs-Befehl von vornherein auf die Beiträge beschränken kann, sodaß ich dann für die Seiten und Kalender-Einträge gar nicht erst Ausnahmen formulieren müßte.

Wenn ich .entry-content (aus Antwort 20) durch .single-format-standard (aus Antwort 27) ersetze, verschwindet die Formatierung leider auch bei den Beiträgen. -

Aber ich habe jetzt etwas anderes - erfreuliches - herausgefunden:

1. Mit

.entry-content  p:first-of-type {
   font-size: 125%;
   font-style: italic;
   font-weight: 700;
   background-color: #D3D3D3;
   padding-left: 10px;
   padding-right: 10px;
}

bleibt - anders mit meiner eigenen class "anfang" - die Formatierung auch erhalten, wenn ich in der content.php the_content durch the_excerpt ersetze.

2. In der content.php von Twenty Sixteen heißt es in Zeile 11 bis 41:

article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
   <header class="entry-header">
       <?php if ( is_sticky() && is_home() && ! is_paged() ) : ?>
           <span class="sticky-post"><?php _e( 'Featured', 'twentysixteen' ); ?></span>
       <?php endif; ?>


       <?php the_title( sprintf( '<h2 class="entry-title"><a href="%s" rel="bookmark">', esc_url( get_permalink() ) ), '</a></h2>' ); ?>
   </header><!-- .entry-header -->


   <?php twentysixteen_excerpt(); ?>


   <?php twentysixteen_post_thumbnail(); ?>


   <div class="entry-content">
       <?php
           /* translators: %s: Name of current post */
           the_content( sprintf(
               __( 'Continue reading<span class="screen-reader-text"> "%s"</span>', 'twentysixteen' ),
               get_the_title()
           ) );


           wp_link_pages( array(
               'before'      => '<div class="page-links"><span class="page-links-title">' . __( 'Pages:', 'twentysixteen' ) . '</span>',
               'after'       => '</div>',
               'link_before' => '<span>',
               'link_after'  => '</span>',
               'pagelink'    => '<span class="screen-reader-text">' . __( 'Page', 'twentysixteen' ) . ' </span>%',
               'separator'   => '<span class="screen-reader-text">, </span>',
           ) );
       ?>
   </div><!-- .entry-content -->

a) Ich habe dort jetzt in Zeile 22

<?php twentysixteen_post_thumbnail(); ?>

gelöscht

und dann

b) zwischen den bisherigen Zeilen 24 und 25 Folgendes eingefügt:

<div class="wp-block-image"><figure class="alignright"><?php twentysixteen_post_thumbnail(); ?></figure></div>

eingefügt

sowie schließlich

c) das Logo, das im ersten Absatz landen soll, zum Beitragsbild gemacht.

3. Das klappt wunschgemäß - und zwar auch mit the_excerpt (statt the_content).

4. Außerdem habe ich als zusätzliches CSS festgesetzt:

.post-thumbnail {
   margin: 0 1.5% 0 0;
}

5. Jetzt würde ich eigentlich nur noch gerne die Verlinkung des Beitragesbildes zur Vollanzeige des Beitrages rausnehmen (dafür scheinen mir die Überschrift und "Weiterlesen") völlig ausreichend zu sein.

Jetzt habe ich versucht, das gleiche - statt in der content.php im template-parts Verzeichnis von Twenty Sixteen, vielmehr mit einer content.php im template-parts Verzeichnis meins Child-Thems zu machen. Das funktioniert aber erst einmal nicht. - Muss ich in dem Header meiner child content.php - ähnlich wie bei der child style.css - noch etwas ändern?

(Ich hatte den Header zunächst einmal so gelassen, wie er ist; nun habe ich es mit

* @subpackage DGs child
 * @since DGs child 1.0

probiert. Funktioniert aber beides nicht.)

PS.:
Ich merke jetzt gerade: Auch meine child style.css funktioniert noch gar... (die hatte ich bisher zwar angelegt, aber statt dessen Zusätzliches CSS im Customizer verwendet, solange ich nicht wusste, ob ich am Ende auch .php-Dateien ändern muß oder allein mit dem Customizer auskomme.)

Seid Ihr in der Lage, 'von außen' zu erkennen, was ich mit meinem Child Theme falschgemacht habe?

War nicht aktiviert; ich dachte das Parent Theme bleibe aktiv und das Child Theme käme über den Import-Befehl bloß hinzu.

So, ich habe jetzt 1. erst einmal mein Zusätzliches CSS aus dem Customizer in meine child style.css übertragen - und zwar folgendes:

img {
   border: 0;
   margin-top: 20px; /* Oberer Rand hinzugefügt */
   margin-right: 10px; /* Rechter Rand hinzugefügt */
}

.site-header {
   font-size: 60%; /* Schrift des Header-Menüs verkleinert */
   padding: 2.625em 7.6923%;
}

.post-thumbnail {
   display: block;
   margin: 0 1.5 % 0 0; /* Originalwerte: 0 7.6923% 1.75em */
}

/* Blocksatz und Ubuntu-Schrift für Beitrags- und Seiten-Texte: */


.entry-content {
   font-family: Ubuntu;
   text-align: justify;
}


/* Ende */


/* Formatierung des ersten Absatzes von Beiträgen, Seiten und Kalender-Einträgen sowie Ausnahme für Seiten: */


.entry-content  p:first-of-type {
   font-size: 125%;
   font-style: italic;
   font-weight: 700;
   background-color: #D3D3D3;
   padding-left: 10px;
   padding-right: 10px;
}


.page p:first-of-type {
   font-size: 100%;
   font-style: normal;
   font-weight: 700;
   background-color: #FFFFFF;
   padding-left: 0;
   padding-right: 0;
}


/* Ende */

/*
16. Sonstiges (von DG)
*/




/* Zur Vermeidung von Leerraum unter den Logos: */


.wp-block-image figcaption {
   margin-bottom: 0;
}


.alignright {
   margin-bottom: 0;
}


/* Ende */

2. Außerdem habe ich das, was ich oben bei Nr. 2 von Antwort #28 für die content.php beschrieben habe, entsprechend auch für die content-single.php gemacht, damit das Beitragsbild auch bei der Voll-Anzeige der Beiträge dort plaziert ist, wo es plaziert sein soll.

Die bisherigen Bilder habe ich jetzt noch nicht überall durch Beitragsbilder ersetzt, sondern erst einmal nur für die beiden im Moment oben stehenden Beiträge:

http://peter-nowak-journalist.de/2019/02/15/ges…aunes-gedenken/

und

http://peter-nowak-journalist.de/2019/02/05/am-…gen-mietenwahn/

------

Probleme:

A. Unter dem Beitragsbild ist nun wieder ein unerwünschter Leerraum. Vllt. habe ich vergessen, einen Teil meines bisherigen zusätzlichen CSS in die child style.css zu übertragen - aber scheint mir nicht so. Können welche erkennen, was noch falsch ist bzw. was ich noch ändern muß, um den Leerraum zu beseitigen?

B. Die Exzerpt-Funktion greift auch dann ein, wenn die Beiträge einen manuell eingefügten <more>-Befehl enthalten. Lässt sich irgendwie erreichen, daß die manuell eingefügte <more>-Befehle Vorrang vor der automatischen Exzerpt-Funktion erhalten, soweit denn manuell eingefügte <more>Befehle vorhanden sind - in diesen Fällen also der "Weiterlesen"-Hinweis weiter unten im Text plaziert wird?

Es sieht auf der Startseite im Moment so:

[Blockierte Grafik: http://peter-nowak-journalist.de/wp-content/uploads/2019/02/screen_Freitag_13-50.png]
aus, aber soll auch auf der Startseite so in etwa:

[Blockierte Grafik: http://peter-nowak-journalist.de/wp-content/uploads/2019/02/screen_Geschlichtklitt_Fr_13-52.png]

[Blockierte Grafik: http://peter-nowak-journalist.de/wp-content/uploads/2019/02/screen_Mietenwahn_Fr_13-51.png]

aussehen.

Ich habe nun erst einmal the_excerpt in the_content zurückgeändert (damit zumindest der Anfang so aussieht, wie er aussehen soll) und werde nun anfangen, die bisherigen Bilder durch Beitragsbilder zu ersetzen.

Tja - das sieht bei mir allerdings auch mit dem Inspector anders aus:

[Blockierte Grafik: http://peter-nowak-journalist.de/wp-content/uploads/2019/02/inspector_Fr_15-41.png]

Wie bekommen ich denn die dreispaltige Anzeige aus deinem Video eingestellt? -

Außerdem steht in meiner Child style.css ja eh schon:

.post-thumbnail {
   display: block;
   margin: 0 1.5% 0 0; /* Originalwerte: 0 7.6923% 1.75em */
}

Der dritte Wert - nach den 1.5% - ist doch der für unten, oder nicht?

PS.:

Und hier noch ein Bildchen davon:

[Blockierte Grafik: http://peter-nowak-journalist.de/wp-content/uploads/2019/02/Inspector_Fr_16-03.png]

Zitat von SEpp55

Wenn du sie selbe Anzeige haben willst, nimm den Firefox!

Ich verwende Firefox.

Mit dieser Schreibweise

.post-thumbnail {
   display: block;
   margin-top: 0;
    margin-right: 1.5%;
    margin-bottom: 0 !important;
    margin-left: 0; /* Originalwerte: 0 7.6923% 1.75em */
}

ist der Leerraum jetzt wunschgemäß weg (ohne "!important" funktionierte es nicht).

Dann können wir an dieser Stelle diesen Thread vielleicht abbrechen, und ich fange mit meinen verbleibenden Problemen - der Übersichtlichkeit halber - zwei spezifischere neue Threads an.