Zwischen Seiten blättern - Anzeige der vorherigen und nächsten Artikel

Nutzbar ab: Version

Veröffentlichungsdatum: 19. Januar 2017
Änderungsdatum: 21. September 2023

Über eine Weblication® CMS Liste können Sie ein Blättern zur vorherigen bzw. nächsten Seite ermöglichen.

Weblication^® CMS bietet Ihnen mit dem Listen-Weblic^® eine komfortable Funktion, um zwischen mehreren Seiten (z.B. Aktuelle Meldungen / News, Shop-Produkte, Veranstaltungstermine, etc.) blättern zu können.

Umsetzung über ein Listen-Template

Verwenden Sie hierzu das Listen-Template prevnext.wFilelist.php, welches mit dem aktuellen Weblic^® "Liste" ausgeliefert wird.

Nachfolgendes Beispiel zeigt eine Umsetzung auf Basis der Weblics^® "Aktuelle Meldungen" und "Bedingter Inhaltscontainer für Objekttypen" in einem aktuellen BASE Projekt.

Über "Portalinhalte zuweisen" setzen Sie global unterhalb des Inhalts einen bedingten Container für Objekttypen und stellen diesen auf sichtbar für Objekte vom Typ "news". Innerhalb des grünen Containers (Bedingung erfüllt) fügen Sie ein Listen-Element ein und wählen dort das Darstellungstemplate "Anzeige der vorherigen und nächsten Artikel (prevnext)".
In den Listenoptionen stellen Sie die "Anzahl Einträge pro Seite" auf den Wert "1" und "blätterbare Seiten" auf z.B. "ohne Einschränkung". Wichtig ist bei dieser Umsetzung, daß die Einstellung "Aktuelle Seite kann auch aufgelistet werden" aktiviert ist.

Filter zur Liste nutzen

Um zur Blätterliste Seiten auszuschliessen, welche in einer Liste nur angeteasert werden oder eine externe URL bzw. eine PDF-Datei aufrufen, werden Listen-Filter genutzt.

Die BASE ab CMS-Version 18 hat dies bereits im Standard umgesetzt und zwei Filter auf Grundage von "Frei definierbarer Filter" definiert:

wPath: showOnlyTeaser
Operator: != (ungleich)
Bedingung: 1
wPath: linkDetails
Operator: !pregiMatch (regulärer Ausdruck passt nicht)
Bedingung: ^https?\:\/\/|\.pdf$

Darstellung individuell anpassen

Die Darstellung der Blätter-Symbole (z.B. spitze Klammern) können Sie über CSS individuell beeinflussen.

So können Sie z.B. die Schriftgröße der Symbole erhöhen, damit dieser besser ersichtlich sind.

Beispiel: Auszug aus /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/styles/design.css

/* ... */
.pageNaviList .pageNaviBackLink {
    background-color: transparent;
    color: #999999;
    border: none 1px #e0e0e0;
    margin: 0 4px 0 4px;
    padding: 1px 8px 1px 8px;
    font-size: 40px;
}
.pageNaviList .pageNaviNextLink {
    background-color: transparent;
    color: #999999;
    border: none 1px #e0e0e0;
    margin: 0 4px 0 4px;
    padding: 1px 8px 1px 8px;
    font-size: 40px;
}
/* ... */

FAQs

Wie kann man in Weblication® CMS zwischen der vorherigen und nächsten Seite blättern?: Über eine Weblication® CMS Liste lässt sich ein Blättern zur vorherigen bzw. nächsten Seite ermöglichen. Das Listen-Weblic® bietet dafür eine komfortable Funktion, um zwischen mehreren Seiten (z.B. News, Shop-Produkte, Veranstaltungstermine) zu navigieren.
Welches Listen-Template wird für die Umsetzung des prevnext-Blätterns verwendet?: Für die Umsetzung wird das Listen-Template <code class="codeInline">prevnext.wFilelist.php</code> verwendet, das mit dem aktuellen System ausgeliefert wird.
Wie richtet man den prevnext-Container für bestimmte Objekttypen ein?: Über „Portalinhalte zuweisen“ setzen Sie global unterhalb des Inhalts einen bedingten Container für Objekttypen. Diesen Container stellen Sie auf sichtbar für Objekte vom Typ <code class="codeInline">news</code> (bzw. den gewünschten Objekttyp). Innerhalb des grünen Containers (Bedingung erfüllt) fügen Sie ein Listen-Element ein.
Welche Einstellungen sollte man im Listen-Element für „prevnext“ vornehmen?: Im Listen-Element wählen Sie das Darstellungstemplate „Anzeige der vorherigen und nächsten Artikel (prevnext)“. In den Listenoptionen setzen Sie „Anzahl Einträge pro Seite“ auf <code class="codeInline">1</code> und „blätterbare Seiten“ z.B. auf „ohne Einschränkung“. Wichtig ist zusätzlich, dass die Einstellung „Aktuelle Seite kann auch aufgelistet werden“ aktiviert ist.
Wie kann man Seiten aus der Blätterliste ausschließen, die nur als Teaser dienen oder externe Inhalte verlinken?: Dafür nutzt man Listen-Filter. Mit CMS-Version 18 ist dies bereits im Standard umgesetzt. Es werden Filter basierend auf frei definierbaren Filtern verwendet, z.B. um Teaser-Operatoren auszuschließen und Links auf externe URLs oder PDF-Dateien zu erkennen.
Welche Filter werden ab CMS-Version 18 standardmäßig für die Blätterliste verwendet?: Es sind zwei Filter definiert: - <code class="codeInline">wPath: showOnlyTeaserOperator: != (ungleich)</code> Bedingung: <code class="codeInline">1</code> - <code class="codeInline">wPath: linkDetailsOperator: !pregiMatch</code> (regulärer Ausdruck passt nicht) Bedingung: <code class="codeInline">^https?\:\/\/|\.pdf$</code>
Kann man die Darstellung der Blätter-Symbole (z.B. Pfeil/Klammern) individuell anpassen?: Ja. Die Darstellung der Blätter-Symbole können über CSS beeinflusst werden. Beispielsweise lässt sich die Schriftgröße erhöhen, damit die Symbole besser erkennbar sind.
Wie kann man per CSS die Schriftgröße und Optik der „Zurück“- und „Weiter“-Links anpassen?: Beispiel aus <code class="codeInline">[/IHR-LAYOUT-PROJEKT]/wGlobal/layout/styles/design.css</code>: <pre><code class="codeBlock" style="color: #000000">css .pageNaviList .pageNaviBackLink { background-color: transparent; color: #999999; border: none 1px #e0e0e0; margin: 0 4px 0 4px; padding: 1px 8px 1px 8px; font-size: 40px; } .pageNaviList .pageNaviNextLink { background-color: transparent; color: #999999; border: none 1px #e0e0e0; margin: 0 4px 0 4px; padding: 1px 8px 1px 8px; font-size: 40px; } </code></pre>