Ankündigung

Einklappen
Keine Ankündigung bisher.

Newsreader Aussehen aufhübschen

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Newsreader Aussehen aufhübschen

    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
    Angehängte Dateien

  • #2
    Man würde im jeweiligen Template (news_newsreader) die Ausgabe der Elemente umsetzen. Mit CSS wird diese Art Änderung unnötig kompliziert.
    http://www.premium-contao-themes.com

    Kommentar


    • #3
      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?

      Kommentar


      • #4
        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.
        http://www.premium-contao-themes.com

        Kommentar


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

          Kommentar


          • #6
            Zitat von zoom Beitrag anzeigen
            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
            http://www.premium-contao-themes.com

            Kommentar


            • #7
              Das hilft mir hier wahnsinnig weiter...

              Kommentar


              • #8
                Zitat von zoom Beitrag anzeigen
                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...

                http://www.premium-contao-themes.com

                Kommentar


                • #9
                  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
                  Zuletzt geändert von tschero; 04.11.2020, 21:52.
                  https://www.webdesign24.biz

                  Kommentar


                  • #10
                    Ich hab das Template mal etwas angepasst.

                    Code:
                    <?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.

                    Klicke auf die Grafik für eine vergrößerte Ansicht

Name: pct_news_newsreader.jpg
Ansichten: 237
Größe: 53,5 KB
ID: 21002

                    Gruß
                    tschero
                    Angehängte Dateien
                    Zuletzt geändert von tschero; 04.11.2020, 20:27.
                    https://www.webdesign24.biz

                    Kommentar

                    Lädt...
                    X