Freitag, 20. Dezember 2019
entrypaging-Plugin > responsible
Ich war heute den ganzen Tag auswärts und hatte Zeit, mit meinem Android-Mobile die Darstellung des Blogs zu testen. Dabei fiel mir auf, dass das Plugin Nächster/Voriger Artikel (entrypaging) in der aktuellen Ausprägung nicht responsible ist. D.h.: Bei zwei langen Beitragstiteln bricht der Inhalt nicht um und dadurch "verbreitert" sich die Darstellung in der mobilen Ansicht. Die Lösung für dieses Problem lieferte der freundliche Herr Styx umgehend ? ? .
Zur Dokumentation nachfolgend die Zusammenfassung aller Eintragungen betreffend entrypaging-Plugin in der entries.tpl und der user.css des Pure-Beat Theme.
In der entries.tpl (siehe diesen Kommentar)
einfügen vor der Zeile: {if $is_single_entry AND NOT $is_preview}
[if $is_single_entry AND NOT $is_preview AND NOT empty($smarty_entrypaging)]
<div id="serendipity_smarty_entrypaging">
[if NOT empty($pagination_prev_link)]
<div class="smarty_pagination_left"><a href="[$pagination_prev_link]" title="[$pagination_prev_title]"><svg viewbox="0 0 100 100"><path class="arrow" d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z" /></svg>[$pagination_prev_title]</a></div> |
[/if]
[if NOT empty($pagination_next_link)]
<div class="smarty_pagination_right"><a href="[$pagination_next_link]" title="[$pagination_next_title]">[$pagination_next_title]<svg viewbox="0 0 100 100"><path class="arrow" d="M 50,0 L 60,10 L 20,50 L 60,90 L 50,100 L 0,50 Z" /></svg></a></div>
[/if]
</div>
[/if]
Dazugehöriges Styling in der user.css (siehe diesen Kommentar)
#serendipity_smarty_entrypaging {
background-color: #eaeaf4;
border: 1px solid #d3d3d3;
border-radius: 4px;
box-shadow: 1px 1px 2px rgba(111, 111, 111, 0.5);
display: -webkit-inline-box;
margin: 0;
padding: .5em;
width: 100%;
}
#serendipity_smarty_entrypaging svg {
width: 16px;
vertical-align: middle;
}
#serendipity_smarty_entrypaging .smarty_pagination_right svg {
transform: rotateY(180deg);
}
.smarty_pagination_left {
margin-right: auto;
max-width: 48%;
}
.smarty_pagination_right {
margin-left: auto;
max-width: 48%;
}
Wichtig: In der Konfiguration des Plugins, den ersten Punkt, Platzierung, auf Smarty stellen (nicht Oberseite oder Unterseite).
Noch einmal: ? VIELEN DANK! ? Das hätte ich alleine NIE hingekriegt. Jetzt passt es auch in der mobilen Ansicht. ?
Ganz grosses Kino!
Für einen Mobile-Test habe ich drei Test-Beiträge mit sehr langem Titel erstellt um sehen zu können, wie entrypaging jetzt umbricht. In meinen Augen passt das so.
Dieser Link ist nicht aktiv. Er enthält eine kopierbare Trackback-URI, um manuell ein Ping- und Trackback zu diesem Eintrag für ältere Blogsysteme zu generieren; zB (immer noch valide) über das zur Verfügung gestellte Eintragsfeld des serendipity_event_trackback Plugins. Serendipity und andere Blogsysteme erkennen die Trackback-URL heutzutage aber automatisch anhand der Artikel-URL. Die Trackback-URI für ihren Link des Sender-Eintrages lautet daher wie folgt: »https://www.blog.dokumenzi.ch/2593-entrypaging-Plugin-responsible.html«
Kommentare
Ansicht der Kommentare: Linear | Verschachtelt
Ian Styx am :
Wobei das immer noch sein kann, dass beide Link Titel zu lang für die jeweiligen 48% sind, oder ein kurzer und ein langer zusammengerechnet über 96% liegen. Muss man halt sehen wie das dann aussieht.
Beat am :