thobie
Aktives Mitglied
Thread Starter
- Dabei seit
- 23.04.2006
- Beiträge
- 1.067
- Reaktionspunkte
- 187
Ich habe jetzt zwei Ansätze versucht. Beide erfolglos.
1. JetPack-Code in der single.php.
Mir gelingt es, bei Aktivierung der automatischen Related Posts durch einen Code von der unten genannten Support-Seite von JetPack als php-Snippet deren Anzahl von voreingestellten drei Posts auf sechs Post zu erhöhen.
Mir gelingt es auch, wie ebenfalls auf dieser Seite beschreiben, die automatische Darstellung der Relaxed Posts wiederum durch einen Code als php-Snippet zu unterbinden.
Mir gelingt es jedoch nicht, die Related Posts dann durch ein Einfügen eines php-Codes in die single.php – also das Template für einen einzelnen Beitrag – am unteren Ende eines Blogbeitrags vor all den kleinen Buttons (PDF/Teilen/Like …) einzublenden, wie es ebenfalls auf der Seite genannt wird. Entweder erscheint der Code als Text in einem Blogbeitrag, dann ist er vermutlich falsch platziert. Und platziere ich ihn vermutlich richtig, werden keine Related Posts angezeigt.
https://jetpack.com/support/related-posts/customize-related-posts/
2. CSS-Code mit Flex-Layout
Laut der Erklärung auf dieser Seite:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/#order
sollte der CSS-Code in etwa so lauten, soweit ich das verstanden habe.
Problematisch für mich ist, dass ich dem HTML-Code entnommen habe, dass da mehrere Container ineinander geschachtelt sind. Somit passt manch ein div-Element nicht mehr zu einem anderen unter- oder übergeordneten div-Element, weil es sich eben in einem anderen Container befindet.
Zudem haben die von mir anzuordnenden div-Elemente alle keine id, sondern nur eine class. Daher weiß ich nicht, ob dieser CSS-Code, wie ich ihn konstruiert habe, überhaupt fehlerfrei ist oder nicht. Allerdings ergibt sich keine Änderung bei Einfügen des CSS-Codes für die Reihenfolge der Elemente, nur der Zeilenabstand des Fließtexts vergrößert sich noch.
Sorry für meine Unverständnis, ich habe keine Informatik studiert und eben in HTML, PHP und CSS nur rudimentäre Kenntnisse.
1. JetPack-Code in der single.php.
Mir gelingt es, bei Aktivierung der automatischen Related Posts durch einen Code von der unten genannten Support-Seite von JetPack als php-Snippet deren Anzahl von voreingestellten drei Posts auf sechs Post zu erhöhen.
Mir gelingt es auch, wie ebenfalls auf dieser Seite beschreiben, die automatische Darstellung der Relaxed Posts wiederum durch einen Code als php-Snippet zu unterbinden.
Mir gelingt es jedoch nicht, die Related Posts dann durch ein Einfügen eines php-Codes in die single.php – also das Template für einen einzelnen Beitrag – am unteren Ende eines Blogbeitrags vor all den kleinen Buttons (PDF/Teilen/Like …) einzublenden, wie es ebenfalls auf der Seite genannt wird. Entweder erscheint der Code als Text in einem Blogbeitrag, dann ist er vermutlich falsch platziert. Und platziere ich ihn vermutlich richtig, werden keine Related Posts angezeigt.
https://jetpack.com/support/related-posts/customize-related-posts/
2. CSS-Code mit Flex-Layout
Laut der Erklärung auf dieser Seite:
https://css-tricks.com/snippets/css/a-guide-to-flexbox/#order
sollte der CSS-Code in etwa so lauten, soweit ich das verstanden habe.
Code:
.container {
display: flex;
flex-direction: column;
}
.item {
order: 2;
}
.title {
order: 1;
}
div.text {
order: 3;
}
Problematisch für mich ist, dass ich dem HTML-Code entnommen habe, dass da mehrere Container ineinander geschachtelt sind. Somit passt manch ein div-Element nicht mehr zu einem anderen unter- oder übergeordneten div-Element, weil es sich eben in einem anderen Container befindet.
Zudem haben die von mir anzuordnenden div-Elemente alle keine id, sondern nur eine class. Daher weiß ich nicht, ob dieser CSS-Code, wie ich ihn konstruiert habe, überhaupt fehlerfrei ist oder nicht. Allerdings ergibt sich keine Änderung bei Einfügen des CSS-Codes für die Reihenfolge der Elemente, nur der Zeilenabstand des Fließtexts vergrößert sich noch.
Code:
.pf-content {
display: flex;
flex-direction: column;
}
.printfriendly pf-button pf-button-content pf-alignleft {
order: 2;
}
.sharedaddy sd-sharing-enabled {
order: 3;
}
.sharedaddy sd-block sd-like jetpack-likes-widget-wrapper jetpack-likes-widget-unloaded {
order: 4;
}
.jp-relatedposts {
order: 1;
}
Sorry für meine Unverständnis, ich habe keine Informatik studiert und eben in HTML, PHP und CSS nur rudimentäre Kenntnisse.