Newsreader Aussehen aufhübschen

[zoom]

Hallo zusammen,
vielleicht kann mir jemand erklären, wie ich das Aussehen vom Newsreader Modul per CSS verändern kann. Schön wäre es, wenn das Datum und der Autor unterhalb der Überschrift stehen würde. Und dann z. B. Datum, Geschrieben von Autor. Wie geht das genau? Bin dankbar für jede Hilfestellung!

Liebe Grüße
zoom

[Tim]

Man würde im jeweiligen Template (news_newsreader) die Ausgabe der Elemente umsetzen. Mit CSS wird diese Art Änderung unnötig kompliziert.

[zoom]

Danke für diesen Hinweis. Aber was genau muss wo umgestellt werden? Ich denke, zunächst wird eine Kopie vom Template angelegt, damit beim nächsten Update nichts überschrieben wird. Und dann? Wie ändere ich dort z. B. Schriftart und -farbe?

[Tim]

Farbliche-Änderungen wären CSS. Die Frage war nach der Platzierung. Diese sollte im Template erfolgen. Weitere lesbare Ausgaben wie z.B. "geschrieben von" müssen im Template erfolgen.
Ich würde das mitgelieferte Template direkt editieren und im Falle eines Theme-updates vorher sichern.

[zoom]

Wieder Danke hierfür Tim. Wie editiere ich denn nun?

[Tim]

Wieder Danke hierfür Tim. Wie editiere ich denn nun?

Templates sind ein wichtiger, fester Bestandteil einer Contao-Umgebung. Templates können im Backend oder mit einem FTP-Editor bearbeitet werden. Grundkenntnisse in HTML/PHP (bzw. auch CSS) sind Voraussetzung.

https://www.pergamon-interactive.de/...verwalten.html

[zoom]

Das hilft mir hier wahnsinnig weiter...

[Tim]

Das hilft mir hier wahnsinnig weiter...

Das Template öffnen sollte keine Hürde darstellen. Ein wenig eigene Lernbereitschaft wäre gut . Einfach mal ausprobieren. Wenn was nicht klappt, bitte das geänderte Template hier einfügen. Dann können wir mal schauen...

[tschero]

Hallo Tim,

ich nehme an, es handelt sich um das Template "news_newsreader", korrekt?
EDIT: Ja, jetzt hab ich es in Deinem Post oben gelesen.

Gruß
tschero

[tschero]

Ich hab das Template mal etwas angepasst.

<?php

// generate structured data
\PCT\SEO::writeJSON($this);
?>
<div class="newsreader block <?php echo $this->class; ?>" itemscope itemtype="http://schema.org/Article">

<!-- Anpassung Anfang -->
    <div class="meine-eigene-klasse"><h1><?php echo $this->headline ?></h1></div>    
<!-- Anpassung Ende -->
<?php if ($this->hasMetaFields): ?>
<!-- Anpassung Anfang: Einzelne Texte eingefuegt bei Datum und Autor -->
    <div class="info"><?php if ($this->date): ?><div class="date" itemprop="datePublished">Datum: <?php echo $this->date; ?></div><?php endif; ?><?php if ($this->author): ?><div class="author">Geschrieben von: <?php echo $this->author; ?></div><?php endif; ?><?php if ($this->commentCount): ?><div class="comments"><?php echo $this->commentCount; ?></div><?php endif; ?></div>
    <!-- Anpassung Ende -->

<?php endif; ?>
<?php if ($this->hasSubHeadline): ?>

<?php endif; ?>

<?php echo $this->text; ?>
<?php if ($this->enclosure): ?>

    <div class="enclosure">
<?php foreach ($this->enclosure as $enclosure): ?>
        <p><img src="<?php echo $enclosure['icon']; ?>" width="18" height="18" alt="<?php echo $enclosure['title']; ?>" class="mime_icon" /> <a href="<?php echo $enclosure['href']; ?>" title="<?php echo $enclosure['title']; ?>"><?php echo $enclosure['link']; ?> <span class="size">(<?php echo $enclosure['filesize']; ?>)</span></a></p>
<?php endforeach; ?>
    </div>
<?php endif; ?>

- Die "headline" der Nachricht als h1 Überschrift inkl. eigener CSS-Klasse, oberhalb der Metadaten eingefuegt
- Die oben beschriebenen Texte ("Datum" und "geschrieben von") bei den Metadaten eingefuegt

Höchstwahrscheinlich nicht der Weisheit letzter Schluss, aber zumindest erfüllt es augenscheinlich Deine Anforderungen.
Mit der eigenen CSS-Klasse - die Du nach belieben umbenennen kannst und solltest - kannst Du noch einiges mit CSS stylen.



Gruß
tschero