Contao-Camp 2024
Ergebnis 1 bis 5 von 5

Thema: Newsliste in UL-Liste packen (news_simple)

  1. #1
    Administrator Avatar von Nina
    Registriert seit
    04.06.2009.
    Ort
    Hamburg
    Beiträge
    4.755
    Contao-Projekt unterstützen

    Support Contao

    Standard Newsliste in UL-Liste packen (news_simple)

    Basiert auf: news_simple.tpl

    Modifizierung bewirkt:
    Die Auflistung der ganzen Newstitel erfolgt in einer gesamten UL-Liste anstatt für jeden Newstitel ein neues DIV zu starten.

    Die einzelnen Listenpunkte erhalten auf <li> die Klasse "beitrag".
    Das Datum wird mit <small> und der darauf liegenden Klasse "info" für eigenständiges Styling vorbereitet.

    Originaltemplate (TL 2.7.1):
    PHP-Code:
    <div class="layout_simple block<?php echo $this->class?>">
    <?php if ($this->date) echo $this->date?> 
    <?php echo $this->linkHeadline?>
    </div>
    Geändertes Template:
    PHP-Code:
    <?php if(strpos($this->class,'first')): ?><div class="layout_simple block"><ul><?php endif; ?>
    <li class="beitrag<?php echo $this->class?>">
    <?php if ($this->date): ?><small class="info"><?php echo $this->date?></small><?php endif; ?>
    <?php 
    echo $this->linkHeadline?>
    </li>
    <?php if(strpos($this->class,'last')): ?></ul></div><?php endif; ?>
    Angehängte Dateien Angehängte Dateien

  2. #2
    Contao-Urgestein Avatar von FloB
    Registriert seit
    19.06.2009.
    Ort
    Sonnensystem
    Beiträge
    1.618

    Standard

    Wäre es nicht aus Accessibility-Sicht sinnvoller, eine geordnete Liste zu benutzen? Die Nachrichtenbeiträge sind ja in einer bestimmten Reihenfolge, nämlich nach dem Datum, sortiert.
    So long,
    FloB since Nov. 2007 +706P +115P and counting

  3. #3
    Contao-Nutzer
    Registriert seit
    10.08.2016.
    Ort
    München
    Beiträge
    38

    Standard

    (Nachtrag: Die Suche nach "newslist" hatte mich auf diesen Thread gebracht. Ich habe leider übersehen, dass es zusätzlich dem mir bekannten Template "mod_newslist" ein weiteres "news_simplie" gibt. Für news_simple funktioniert die von Nina genannte Modifikation immer noch)

    Wie funktioniert denn aktuell die Umgestaltung des Newslisten-Templates mod_newslist?


    Template: mod_newslist

    Gesamter Inhalt von mod_newsliste:
    <?php $this->extend('block_unsearchable'); ?>

    <?php $this->block('content'); ?>

    <?php if (empty($this->articles)): ?>
    <p class="empty"><?= $this->empty ?></p>
    <?php else: ?>
    <?= implode('', $this->articles) ?>
    <?= $this->pagination ?>
    <?php endif; ?>

    <?php $this->endblock(); ?>
    Ich suche mir daraus das Template block_unsearchable, welches hier extended wird, wenn ich die Klassennamen zusätzlich ändern möchte:
    Gesamter Inhalt von block_unsearchable:
    <!-- indexer::stop -->
    <div class="<?= $this->class ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

    <?php if ($this->headline): ?>
    <<?= $this->hl ?>><?= $this->headline ?></<?= $this->hl ?>>
    <?php endif; ?>

    <?php $this->block('content'); ?>
    <?php $this->endblock(); ?>
    </div>
    <!-- indexer::continue -->
    Kopiere mir den Inhalt von block_unsearchable und ersetze daraus die Zeilen:
    <?php $this->block('content'); ?>
    <?php $this->endblock(); ?>
    durch den Inhalt von mod_newsliste
    Inhalt mod_newsliste:
    <?php if (empty($this->articles)): ?>
    <p class="empty"><?= $this->empty ?></p>
    <?php else: ?>
    <?= implode('', $this->articles) ?>
    <?= $this->pagination ?>
    <?php endif; ?>

    Vor-Ergebnis:

    <!-- indexer::stop -->
    <div class="<?= $this->class ?> block"<?= $this->cssID ?><?php if ($this->style): ?> style="<?= $this->style ?>"<?php endif; ?>>

    <?php if ($this->headline): ?>
    <<?= $this->hl ?>><?= $this->headline ?></<?= $this->hl ?>>
    <?php endif; ?>

    <?php if (empty($this->articles)): ?>
    <p class="empty"><?= $this->empty ?></p>
    <?php else: ?>
    <?= implode('', $this->articles) ?>
    <?= $this->pagination ?>
    <?php endif; ?>



    </div>
    <!-- indexer::continue -->
    Das Vorergebnis kann ich dann als neues mod_newsliste-Bearbeitet Template verwenden.
    Möchte ich aber eine ungeordnete oder geordnete Liste daraus machen, muss ich daran weiterarbeiten:


    Die Zeilen
    <?php if ($this->headline): ?>
    <<?= $this->hl ?>><?= $this->headline ?></<?= $this->hl ?>>
    geben die Überschrift der Newsliste vor.


    <?php endif; ?>
    Die Zeilen
    <?php if (empty($this->articles)): ?>
    <p class="empty"><?= $this->empty ?></p>
    <?php else: ?>
    <?= implode('', $this->articles) ?>
    <?= $this->pagination ?>
    <?php endif; ?>
    erzeugen die eigentliche Liste.
    Wie schreibe ich daraus dann nur die UL-Liste oder meinetwegen auch eine geordnete Liste?
    Leider werde ich aus genau diesem Code nicht schlau und scheinbar hat sich von 2009 bis 2017 bei der Newsliste doch einiges geändert?

    Um Hilfe wäre ich dankbar.
    Geändert von seamuc (10.02.2017 um 08:57 Uhr)

  4. #4
    Contao-Nutzer
    Registriert seit
    10.08.2016.
    Ort
    München
    Beiträge
    38

    Standard

    !!!!Oh, habe gesehen, dass ich mich versehen habe.!!!

    news_simple ist ein eigenes Template und mod_newslist ein anderes.

    Pardon!

    Allerdings wäre es natürlich interessant, ob mein Ansatz der Veränderung der "mod_newslist" so auch möglich ist.

  5. #5
    Community-Moderator
    Wandelndes Contao-Lexikon
    Avatar von Spooky
    Registriert seit
    12.04.2012.
    Ort
    Scotland
    Beiträge
    33.876
    Partner-ID
    10107

    Standard

    Naja, statt
    PHP-Code:
    <?= implode(''$this->articles?>
    schreibst du einfach
    PHP-Code:
    <ul>
      <?php foreach($this->articles as $article): ?>
        <li><?= $article ?></li>
      <?php endforeach; ?>
    </ul>
    Das News Template (also bspw. news_simple) musst du theoretisch nicht ändern. Kannst du aber, wenn du unnötiges HTML entfernen willst. Du kannst das
    HTML-Code:
    <li></li>
    ja auch bspw. in das News Template geben.

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Ähnliche Themen

  1. For-Schleife in news_simple.tpl
    Von sailor2001 im Forum Layout / Templates / Holy Grail
    Antworten: 1
    Letzter Beitrag: 04.11.2010, 22:03
  2. JavaScript-Datei verkleinern und packen
    Von Russe im Forum Entwickler-Fragen
    Antworten: 4
    Letzter Beitrag: 17.09.2010, 15:37
  3. Javascripts serverseitig in eine Datei packen?
    Von Psi im Forum Entwickler-Fragen
    Antworten: 13
    Letzter Beitrag: 09.07.2010, 10:14
  4. Kalender-Archiv Jahrweise in Ordner packen
    Von schueler im Forum Allgemeine Inhaltselemente
    Antworten: 3
    Letzter Beitrag: 03.12.2009, 22:37
  5. Inserttag {{env::page_id}} in Variable packen und abfragen
    Von Andreas im Forum Entwickler-Fragen
    Antworten: 8
    Letzter Beitrag: 30.07.2009, 13:00

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •