Beiträge von Am Ende des Lateins

Jetzt habe ich noch den Code für das chronologische und das Kategorien-Archiv auf zwei .php-Dateien aufgeteilt und das Suche-Formular in beiden Dateien rausgenommen bzw. rausgelassen und diese Seite zusätzlich angelegt:

http://peter-nowak-journalist.de/kategorien/

Jetzt merke ich:

Du meintest vermutlich gar nicht, was in meiner page.php steht -

vielmehr benötige ich zusätzlich zu meiner archive.php von Twenty Sixteen noch eine archives.php (Plural statt Singular!) und in diese muß der Code von genannten Codex-Seite; - und der von Dir genannte "Template Kopf mit Template-Name" ist das Folgende:

<?php
/*
Template Name: Archives
*/

Wenn ich diese zusätzliche php-Datei anlege, dann werden mir anschließend nun bei "Seite erstellen" unter "Seitenattribute" in der Tat die Templates "Standard" und "Archives" zur Auswahl gestellt.

Wenn ich "Archives" wähle und der Seite außerdem eine Überschrift gebe, kann ich sie anschließend speichern und erhalte dieses Ergebnis:

http://peter-nowak-journalist.de/blog-archiv/

1.

Zitat von Am Ende des Lateins

Dazu probiere ich gleich noch, was passiert, wenn ich die id in "site-header-menu-2" ändere.

Das verursacht mit meinem großen Display erst einmal keinen sichtbaren Schaden. Soll ich trotzdem vielleicht in meiner style.css

.site-header-menu {
   display: none;
   -webkit-flex: 0 1 100%;
   -ms-flex: 0 1 100%;
   flex: 0 1 100%;
   margin: 0.875em 0;
}

um dasselbe für .site-header-menu-2 ergänzen?

2.

Zitat

Muss denn überhaupt das zweite Menü, das ist ja ziemlich klein und passt wohl auch schon so auf kleinere Bildschirme, diese Funktion vorhanden sein, dass sich das Menü ausblendet und durch einen Button 'Menü' ersetzt wird?

Ich habe jetzt mal probiert, was passiert, wenn ich die Zeile

<button id="menu-toggle-2" class="menu-toggle"><?php _e( 'Menu', 'twentysixteen' ); ?></button>

einfach streiche: Dann verschwindet das Menü bei kleinem Display ersatzlos - das ist natürlich nicht erwünscht. Wie kann ich das vermeiden?

3.

Zitat

Das dürfte allerdings auch ohne die Umbenennung der ID (2) genau das Problem sein.

Ja, der Button für kleine Displays funktioniert auch dann nicht, wenn ich "menu-toggle" (ohne "-2") stehen lasse. - Ergibt sich also die Frage:

(Wie) kann ich erzwingen, das auch bei kleinen Displays das eigentlich Menü statt des Buttons angezeigt wird?

Die meisten verbliebenen Fehlermeldungen ergaben sich daraus, daß ich in meinem html-Widget die small-tags ganz an den Anfang und ganz ans Ende gesetzt hatte, statt sie jeweils innerhalb der p-tags zu plazieren.

Jetzt gibt es - ohne Plugins und ohne child - noch drei Probleme mit dem Video in der sidebar; den code dafür habe ich von der Seite, von der das Video stammt:

https://de.labournet.tv/video/6703/solidaritaetskundgebung-fuer-eine-gefangenen-gewerkschaft#
(siehe "EMB"-Button).

Ich habe jetzt mein child-Theme wieder reingeschoben; dadurch sind die Video-Fehler merkwürdigerweise verschwunden - und ein paar andere hinzugekommen.

Die werde ich gleich noch mal durchgehen.

PS.:

Abgesehen von den Fehlermeldungen funktioniert jetzt auch die Anzeige der Seite nicht. Aber das liegt anscheinend daran, daß Zeile 13 meiner content.php das ACF-Plugin erfodert:

<div class="sticky-post"><?php the_field( 'dachzeile' ) ?></div>

So, jetzt habe ich das ACF-Plugin wieder aktiviert - mit der Folge, daß die Seite wieder angezeigt wird und die drei Fehlermeldungen zu dem Video wieder da sind -

außerdem noch zwei Fehlermeldungen wegen der Doppelung von "<div id="site-header-menu" class="site-header-menu">↩ " in meiner child header.php.

Dazu probiere ich gleich noch, was passiert, wenn ich die id in "site-header-menu-2" ändere. -

Und was soll ich mit den Video-Fehlermeldungen machen?

Das child hatte ich schon raus; zusätzliches Costumizer-CSS habe nicht, da ich ja eh meine eigene child css.style habe; jetzt habe ich noch alle Plugins deaktiviert; nun sind es zwar weniger Fehler aber immer noch eine ganze Reihe.

Die kann ich noch mal durchgehen. - Bliebe ansonsten noch die Frage, was mit den Fehlern ist, die anscheinend von den Plugins verursacht werden - sind die denn ein ernsthaftes Problem, solange mir und anderen Leuten die Seite so angezeigt wird, wie sie angezeigt werden soll?

Wenn ich meinen child-Ordner rausnehme, zeigt der Validator auch lauter Fehler an:

https://validator.w3.org/nu/?doc=http://peter-nowak-journalist.de/

PS.:

Das war voreilig; irgendwie hatte ich den Ordner gerade nicht richtig bzw. nicht vollständig verschoben. Moment.

PPS.:

So - das Theme mußte ich natürlich noch zurück von meinem child auf Twenty Sixteen ändern; aber die Fehlermeldung des Validators bleiben trotzdem.

Und die Twenty Sixteen-Dateien sind auch alle vom 24.2. - also frisch und nicht nachträglich von mir geändert.

Zitat von maxe

Hat dein Page-Template denn überhaupt den Template Kopf mit Template-Name?
Und wp_get_archives() wird auch im Page-Template aufgerufen?

Die Original page.php von Twenty Sixteen, zu der es auch keine Alternative in meinem child-Ordner gibt, lautet:

<?php
/**
 * The template for displaying pages
 *
 * This is the template that displays all pages by default.
 * Please note that this is the WordPress construct of pages and that
 * other "pages" on your WordPress site will use a different template.
 *
 * @package WordPress
 * @subpackage Twenty_Sixteen
 * @since Twenty Sixteen 1.0
 */


get_header(); ?>


<div id="primary" class="content-area">
   <main id="main" class="site-main" role="main">
       <?php
       // Start the loop.
       while ( have_posts() ) : the_post();


           // Include the page content template.
           get_template_part( 'template-parts/content', 'page' );


           // If comments are open or we have at least one comment, load up the comment template.
           if ( comments_open() || get_comments_number() ) {
               comments_template();
           }


           // End of the loop.
       endwhile;
       ?>


   </main><!-- .site-main -->


   <?php get_sidebar( 'content-bottom' ); ?>


</div><!-- .content-area -->


<?php get_sidebar(); ?>
<?php get_footer(); ?>

Zitat von Sailor56

Muss denn überhaupt das zweite Menü, das ist ja ziemlich klein und passt wohl auch schon so auf kleinere Bildschirme, diese Funktion vorhanden sein, dass sich das Menü ausblendet und durch einen Button 'Menü' ersetzt wird?

Das Menü soll schon noch etwas länger werden; aber meinetwegen muß sich das nicht unbedingt ausblenden.

Zitat von maxe

Es steht überall bei, was falsch ist. 1. das style, 2. das span (darf nicht in option).

Schön und gut. - Aber wie ist es dahin gekommen und wie bekomme ich es weg?

OFF-TOPIC

zu den anderen Fehlern:

1.

Zitat

Element style not allowed as child of element section in this context. (Suppressing further errors from this subtree.)

From line 652, column 1; to line 652, column 7

ren</h2>↩↩<style>↩<!--↩

Contexts in which element style may be used:
Where metadata content is expected.
In a noscript element that is a child of a head element.
Content model for element section:
Flow content.

Wenn ich mir den Quelltext der Seite ansehe, dann ist Zeile 652:

<a class="next page-numbers" href="http://peter-nowak-journalist.de/page/2/">Nächste Seite</a></div>

Habe ich die richtige Stelle identifiziert? Falls ja, was müßte da nun gemacht werden?

2.

Zitat

Stray start tag span.

From line 920, column 89; to line 920, column 106

. Betrieb <span class="amp">&amp;<

Im Quellcode der Seite lauten die Zeilen 919 bis 921:

</li>
                                            <li>
                    <a href="http://peter-nowak-journalist.de/2019/02/18/weltordnung-in-scherben/">Weltordnung in Scherben</a>

Das scheint nicht die gemeinte Stelle zu sein, oder?

Wenn ich statt dessen im Quellcode nach "Betrieb" suche, stoße ich auf Zeile 931:

<option class="level-2" value="12659">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Rez. Betrieb <span class="amp">&amp;</span> Gewerkschaften / Arbeit&nbsp;&nbsp;(12)</option>

Das ist der Name einer Unterkategorie, die ich gestern angelegt hatte: "Rez. Betrieb & Gewerkschaften / Arbeit". span usw. habe ich dabei nicht verwendet; das wurde automatisch erzeugt.

zurück zu

1.:

Wenn ich nach dieser Erfahrung im Quellcode nach "ren</h2>" suche, finde ich in Zeile 658 bis 663:

<aside id="secondary" class="sidebar widget-area" role="complementary">
        <section id="ai1ec_agenda_widget-2" class="widget widget_ai1ec_agenda_widget">
    <h2 class="widget-title">Gelegenheiten, mich zu sehen und zu hören</h2>
<style>

Das ist mein zweites sidebar widget:

So könnte ich das weiter durchgehen. - Aber: Ist das das, was ich machen soll?

Zitat von Sailor56

In dem Fall mit dem mit de Menü könnten das solche Dinge sein, wie die Umschaltung auf das Hamburger-Icon bei kleineren Bildschirmen... oder das Öffnen des Menüs beim kicken auf den Hamburger... oder ... oder ... oder...! Das müsstest du testen und schauen, welche Auswirkungen tatsächlich dran hängen.

Das hast Du richtig vermutet: Wenn ich die Umbenennung in menu-toggle-2 vornehme und dann im Costumizer ausprobiere, wie es mit anderen Bildschirm-Größen ist, dann läßt sich zwar das Menü oben rechts, aber nicht mein zusätzliches Menü öffnen... -

Was mache ich nun?

1. Ich habe ein (zweites) Menü - unterhalb des Header-Bildes - im Header dieses Blogs:

http://peter-nowak-journalist.de/

eingerichtet.

Ich würde dort gerne eine '(chronologische) Archiv-Seite' und eine entsprechende Kategorien-Seite aufnehmen/verlinken.

Mit '(chronologischer) Archiv-Seite' meine ich, das, was das sidebar widget "Archiv", wahlweise als Drop-down-Menü oder Liste anzeigt - nur halt nicht in der sidebar, sondern auf einer eigenen Seite.

2. Zum Thema "Archivseite" habe ich gefunden:

https://codex.wordpress.org/Creating_an_Archive_Index

Eine archive.php ist in meinem Theme (Twenty Sixteen) eh vorhanden; also müßte ich - laut der Anleitung - nur noch einer neuen Seite das archive-Template zuweisen:

Zitat

"Create archive.php in your theme directory (wp-content/themes/themename/). Then from the Admin Panel, Pages > Add new

1. Give your new archives Page a suitable title like Site Archives. Leave the Page content blank.

In the sidebar open the Page templates box, and select the Archives template. After saving it you will see a new item in your pages list, click on it, and enjoy!"

Nur gibt es bei mir - unter WordPress 5.1 - gar keine Page Template Box. Daß es die früher mal gab weiß ich; ich habe auch "Ansicht anpassen" für "Seite erstellen" überprüft: Auch da ist diese Box nicht versteckt. -

Kann es sein, daß diese Box mit WordPress 5.0 abgeschafft und Codex noch nicht aktualisiert wurde? Bzw.: Wie muß ich jetzt vorgehen, um mein Ziel zu erreichen?

3. In entsprechender Weise würde ich gerne das, was das sidebar widget "Kategorien" ausgibt, - statt in der sidebar - auf einer extra Seite ausgeben lassen und diese extra Seite dann ebenfalls in meinem zusätzlichen Menü verlinken. Gibt es dafür auch eine Möglichkeit?

Zu 1.:

Ja, Danke. Funktioniert. - Dann muß ich jetzt noch nach den oberen Rändern gucken oder vllt. untere Ränder hinzufügen. - Das finde ich vllt. selber heraus.

Zu 2.:

Ja, das kommt daher, daß für das Primäre Menü (oben rechts) in Zeile 59 der Original Twenty Sixteen header.php das Folgende steht:

<button id="menu-toggle" class="menu-toggle"><?php _e( 'Menu', 'twentysixteen' ); ?></button>

und ich die fragliche Passage ja zunächst einmal nur verdoppelt hatte, sodaß jetzt in Zeile 109 meiner child header.php das gleiche steht.

Was müßte da statt dessen stehen? - Und was ist mit den anderen error-Meldungen, die Dein Link anzeigt? Sollte ich mich um die ebenfalls kümmern?

Danke. :)

Ich habe in meine child functions.php eingefügt:

// This theme uses wp_nav_menu() in three locations.
   register_nav_menus( array(
       'primary' => __( 'Primary Menu', 'twentysixteen' ),
       'secondary'  => __( 'secondary', 'twentysixteen' ),
       'social'  => __( 'Social Links Menu', 'twentysixteen' ),
   ) );

Dadurch erscheint im back end die Möglichkeit, bei "Design / Menüs / Positionen verwalten" einem beliebigen Menü die Position "secondary" zuzuweisen.

Und in meiner child header.php heißt die relevante Passage jetzt:

<div class="site-header-main">
               <?php if ( has_nav_menu( 'secondary' ) || has_nav_menu( 'social' ) ) : ?>
                   <button id="menu-toggle" class="menu-toggle"><?php _e( 'Menu', 'twentysixteen' ); ?></button>


                   <div id="site-header-menu" class="site-header-menu">
                       <?php if ( has_nav_menu( 'secondary' ) ) : ?>
                           <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'secondary', 'twentysixteen' ); ?>">
                               <?php
                                   wp_nav_menu(
                                       array(
                                           'theme_location' => 'secondary',
                                           'menu_class' => 'secondary-menu',
                                       )
                                   );
                               ?>
                           </nav><!-- .main-navigation -->
                       <?php endif; ?>

Es sieht jetzt so erst einmal so aus:

http://peter-nowak-journalist.de/

Ich werde gleich noch ausprobieren, ob ich "|| has_nav_menu( 'social')" wegstreichen kann. - Und dann muß ich noch das Menü zusammenstellen, das eigentlich - statt der Veranstaltungen - dahin soll und dem die Position "secondary" zuweisen.

"|| has_nav_menu( 'social')" kann für meinen Zweck in der Einfügung tatsächlich weg. -

Ist es eigentlich korrekt, daß ich in in meinen child-Datei "twentysixteen" stehen lasse oder müßte daher eher so etwas wie "dgschild" stehen?

Jetzt fällt mir - abgesehen von dem, was ich eh noch ändern muß - auf: Wieso sind denn die Menüpunkte meines secondary-Menüs untereinander angeordnet, obwohl das Menü in die gleichen div-Klassen eingeschlossen ist, wie das primäre Menü?

Ich arbeite unter WP 5.1 mit dem Theme Twenty Sixteen. Das primäre Menü ist bei diesem Theme standardmäßig oben rechts im Header platziert. Ich möchte ein zusätzliches Menü unterhalb des Header-Bildes haben.

Um dies zu erreichen, habe ich mir die header.php angesehen und als relevanten Code das Folgende identifiziert:

<div class="site-header-main">
[...]
               <?php if ( has_nav_menu( 'primary' ) || has_nav_menu( 'social' ) ) : ?>
                   <button id="menu-toggle" class="menu-toggle"><?php _e( 'Menu', 'twentysixteen' ); ?></button>


                   <div id="site-header-menu" class="site-header-menu">
                       <?php if ( has_nav_menu( 'primary' ) ) : ?>
                           <nav id="site-navigation" class="main-navigation" role="navigation" aria-label="<?php esc_attr_e( 'Primary Menu', 'twentysixteen' ); ?>">
                               <?php
                                   wp_nav_menu(
                                       array(
                                           'theme_location' => 'primary',
                                           'menu_class' => 'primary-menu',
                                       )
                                   );
                               ?>
                           </nav><!-- .main-navigation -->
                       <?php endif; ?>
[...]
                   </div><!-- .site-header-menu -->
               <?php endif; ?>
           </div><!-- .site-header-main -->

Diesen Code habe ich - ohne die beiden hiesigen Auslassungszeichen im Code - am Ende meiner single.php vor

</header><!-- .site-header -->
       <div id="content" class="site-content">

eingefügt.

Das führt erwartungsgemäß dazu, daß das Menü, das ohnehin schon oben rechts im Header war, nun unterhalb des Header-Bildes wiederholt wird:

http://peter-nowak-journalist.de/

Ich möchte dort nun allerdings nicht das gleiche Menü wiederholen, sondern ein anderes Menü plazieren.

Ich gehe davon, daß ich an den drei Stellen im zusätzlichen Code, wo "( 'primary' )" steht, statt "primary" den Namen des von mir gewünschten Menüs nennen muß.

Ich habe ausprobiert, was passiert, wenn ich "primary" durch "veranstaltungen" ("Veranstaltungen" ist der von mir selbst gewählte Name für eines meiner Menüs) ersetze: Es wird nichts angezeigt...

Wie kann ich herausfinden, was quasi der 'System-Name' meiner Menüs ist, den ich in meinem zusätzlichen Code verwenden muß?

PS.:

Vermutlich muß ich auch noch bei

array(
                                          'theme_location' => 'primary',
                                          'menu_class' => 'primary-menu',
                                      )

etwas ändern, oder? Und falls ja: Was muß ich da austauschen?

Ich habe jetzt noch bemerkt, daß es anscheinend eh nicht möglich ist, die Spaltenzahl für jede Verwendung des Widgets separat zu bestimmen, sondern sich jede Änderung der Spaltenzahl bei der einen Verwendung auch bei den anderen auswirkt.

Konkret hatte ich für eine Verwendung im unteren Widgetbereich "dreispaltig" ausgewählt. Das machte auch die beiden Verwendungen in der sidebar dreispaltig - und sah außerdem eh auch unten unmöglich aus:

Daher nehme ich jetzt überall "einspaltig" und die Frage nach dem Abstand hat sich erledigt.

Ich habe noch etwas anderes probiert:

.dcw_c2 {
    font-seize: 80% !important;
}

damit die Schrift kleiner werde, damit die Aufzählungspunkte möglichst jeweils mit einer Zeile auskommen (zumal, wenn noch ein Abstand zwischen den Spalten hinzukäme) - aber auch das wirkt sich nicht (bzw. jedenfalls nicht so, wie ich es erhofft hatte) aus.

Zitat von SirEctor

Ich denke mit margin und padding für den gewissen Abstand solltest du mittlerweile selber hinbekommen.

Prinzipiell schon... - aber wie heißen die beiden Spalten (ich komme irgendwie nicht mit dem Webinspector zurecht)? Ich würde ja nur der linken Spalte einen rechten Rand und/oder der rechten Spalte einen linken Rand geben wollen.

Ich habe jetzt einfach mal ausprobiert:

.dcw {
    margin-right: 25px;
}

gibt dem ganzen Widget einen rechten Rand; umgekehrt mit "left" - beides vergrößert aber nicht den Abstand zwischen den beiden Spalten. Nehme ich statt dessen .dcw-c2 wird die Zweispaltigkeit wieder beseitigt...

Danke; ja das klappt. Allerdings wäre ein gewisser Abstand zwischen den beiden Spalten noch schöner.

Und um noch etwas Strukturelles zu lernen: Ist das Problem mit den Trennstrichen einfach ein genereller Fehler im Plugin oder ein Problem, das mit manchen Themes auftritt und mit anderen aber nicht?

Das Widget ermöglicht, die Kategorien in Spalten darzustellen: Für die Unter-Kategorien zu "Themen" hatte ich "einspaltig" gewählt; für die Verlage "zweispaltig".

Standardmäßig ist auch dort die Einstellung:

.dcw_c2 {
   float:left;
}

Dann sieht es so aus:

Verdränge ich den Standard "left" durch "none !important", dann sieht es wie in Antwort 5 aus: Die Trennlinie wird zwar richtig plaziert, aber es wird nur die linke Hälfte der sidebar ausgenutzt, während der Bereich rechts leer bleibt. - Jetzt verständlicher ausgedrückt?

Um das noch zu präzisieren: Die Trennlinie ist dann zwar richtig plaziert, aber die rechte Spalte bleibt leer.