• Herzlich willkommen
  • Über mich
  • Artikelübersicht
  • Gaming
    • LittleBigPlanet: Die Geschichte von Sackboy
  • E-Mail für mich
  • Gästebuch
  • Impressum
  • Oben ↑
  • Veröffentlicht am 18. Mai 2010 / 806 Leser / 4 Kommentare
    Wordpress Icon

    [WordPress] Eine Übersichtsseite aller Artikel erstellen

    WordPress bietet viele Möglichkeiten veröffentlichte Artikel anzuzeigen und mit Abfragen auch nach allen erdenklichen Möglichkeiten zu filtern. Aber vielleicht hätte der Ein oder Andere gerne eine Seite, auf der die Titel aller bisher veröffentlichen Artikel aufgelistet sind. Hier ein Lösungsvorschlag.

    Erster Schritt: Template erstellen

    Um eine solche Übersichtsliste erstellen zu können, müssen wir zunächst ein Template erstellen, welches wir später verwenden werden. Dazu wählt euch auf eurem Webserver mit einem FTP-Client ein und kopiert aus dem Theme-Verzeichnis die Datei ‘single.php’ und benennt die Kopie ‘allarticles.php’. Öffnet die Datei nun mit einem Editor und fügt ganz am Anfang folgenden Code ein:

    <?php
    /*
    Template Name: All Articles Page
    */
    ?>

    Hiermit teilen wir WordPress mit, dass die Datei ‘allarticles.php’ ein Template, also eine Vorlage, ist.

    Zweiter Schritt: Datenfelder und Query in das Template einfügen

    Die von uns kopierte Datei ‘single.php’ ist die Vorlagendatei für Artikel. Damit hieraus eine Übersichtsseite wird, müssen wir noch ein paar Veränderungen vornehmen. Entfernt den Inhalt, ab dem, was wir unter Punkt 1 eingetragen haben und kopiert folgenden Code in die Datei ‘allarticles.php’ direkt darunter:

    <?php get_header(); ?>
    <h2>Alle veröffentlichten Artikel</h2>
    <ul>
    <?php query_posts('showposts=-1'); ?>
    <?php if ( have_posts() ) : while ( have_posts() ) : the_post(); ?>
    <?php $wp_query->is_home = false; ?>
    <li><a href="<?php the_permalink() ?>"><?php the_title(); ?></a>  <br />
    veröffentlicht am <?php the_time('j. F Y') ?>  , <?php comments_number(__('Keine Kommentare'), __('1 Kommentar'), __('% Kommentare')); ?>
    </li>
    <?php endwhile; endif; ?>
    </ul>
    <?php get_footer(); ?>

    Beachtet bitte, dass der Aufruf von <?php get_header(); ?> und <?php get_footer(); ?> themeabhängig ist. Kann also durchaus sein, dass dies in eurer ‘single.php’ fehlt. Dann ändert ihr den obigen Eintrag entsprechend und lasst die Befehle einfach weg.

    Damit werden nun sämtliche veröffentlichte Artikel mit Titel als Liste ausgegeben. In einer zweiten Zeile wird das Veröffentlichungsdatum sowie die Anzahl der Kommentare ausgegeben. Dies lässt sich natürlich noch mit Abfragen auf bestimmte Kategorien oder auch Tags begrenzen.

    Wenn beispielsweise nur die Kategorie ‘Beispiel’ ausgegeben werden soll, wäre die Zeile

    <?php query_posts('showposts=-1'); ?>

    wie folgt zu ändern

     <?php query_posts('showposts=-1&category_name=Beispiel');?>

    Sollen die Tags ‘Dies’ und ‘Das’ ausgegeben werden, lautet die Abfrage

     <?php query_posts('showposts=-1&tag=dies,das');?>

    Die Referenz für php query_posts findet ihr hier.

    Datei speichern nicht vergessen und zum letzten Schritt.

    Dritter Schritt: Seite erstellen

    Nun wollen wir die eigentliche Übersichts-Seite erstellen. Wählt dazu ‘Seite’ – ‘Erstellen’ und vergebt einen Titel. Als ‘Template’ wählt ihr auf der rechten Seite unter ‘Attribute’ die von euch erstellte Datei ‘All Articles Page’.

    Kommentare und Trackbacks deaktivieren nicht vergessen. Speichern und Fertig.

    Viel Spass beim Ausprobieren.

    Darf ich dir noch diese Artikel ans Herz legen?
    • [WordPress] Mehrere Sidebars nutzen vom 19. Mai 2012
    • [WordPress] Mein neues Theme ‘ZWEI’ vom 9. Mai 2012
    • [WordPress] Semmelstatz wird auch weiterhin supported (Semmelstatz reloaded) vom 5. Mai 2012
    • [WordPress] Ein Gästebuch ohne Plugins reloaded vom 3. Mai 2012
    • [WordPress] ‘EINS’ – Mein erstes WordPress-Theme vom 23. April 2012
  • Twittern
  • Kategorien
  • Web
  • Tags
  • internet php tutorial wordpress
  • 4 Kommentare

    ↓ Kommentieren
    1. Paul sagt:
      7. März 2011 um 18:48

      Super vielen Dank, durch Zufall auf deinen Blog gekommen. Wie könnte man es machen, das die Liste mit einem Farbunterschied zur besseren optischen “Trennung” versehen wird!? Also 1 Zeile weiss, zweite Zeile grau, nächste weiss….

      Antworten
      • Olli sagt:
        7. März 2011 um 21:18

        Hallo Paul,

        du könntest der Liste eine Tabelle zuweisen und dann jeder Zeile per CSS eine andere Hintergrundfarbe mitgeben:

        .zeile1 td {
          background: white;
        }
        .zeile0 td {
          background: grey;
        }
        

        Die Ausgabe muss dann natürlich noch entsprechend angepasst werden.

        Gruß Olli

        Antworten
    2. Michael sagt:
      4. November 2011 um 22:32

      Hi, wie bekomme ich es hin das die Liste Alphabetisch und 2 Spaltig dargestellt wird ?
      Thx
      Micha

      Antworten
      • Olli sagt:
        5. November 2011 um 00:02

        Hi Michael,

        eine alphabetische Sortierung der Artikel erreichst du, indem du die Abfrage erweiterst:

        <?php query_posts('showposts=-1&orderby=title&order=asc');?>

        Zum Thema Spalten: schau dir mal das Thema CSS3 Columns (Mehrspalten-Layout) an. Denke damit lässt sich das lösen.

        Gruß Olli

        Antworten

    Dein Kommentar zu diesem Artikel

    Abbrechen





    Du kannst folgende HTML-Tags benutzen: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

    «
    »

    Übersicht der Kategorien

  • Gaming
  • Grafik
  • Sicherheit
  • Sonstiges
  • Technik
  • Web
  • Webdesign
  • Übersicht der Schlagwörter

  • access
  • active directory
  • android
  • apple
  • atv
  • avatar
  • blu-ray
  • css
  • demo
  • divx
  • drm
  • dropbox
  • dsl
  • dvb
  • dyndns
  • e10
  • excel
  • facebook
  • fat32
  • fritzbox
  • fußball
  • galaxy s2
  • games
  • gif
  • gimp
  • google
  • guides
  • hannspad
  • hardware
  • hausmittel
  • hd
  • html
  • id3-tag
  • internet
  • ios
  • ipad
  • iphone
  • ipod
  • itunes
  • kennwort
  • lan
  • last.fm
  • lifestyle
  • littlebigplanet
  • marder
  • marketplace
  • medienfreigabe
  • modnation racers
  • mp3
  • musik
  • nas
  • nfl
  • ntfs
  • office
  • outlook
  • packers
  • partition
  • pdf
  • phishing
  • php
  • playstation 3
  • plugins
  • psn
  • psn id
  • remotedesktop
  • rss
  • sd
  • shopping
  • sim-lock
  • skin
  • spam
  • spielstand
  • sport
  • sql
  • steve jobs
  • tablet
  • theme
  • tutorial
  • tv
  • twonky media server
  • update
  • upnp
  • videos
  • vpn
  • wiedergabelisten
  • windows 7
  • windows media player
  • windows server
  • windows vista
  • wlan
  • word
  • wordpress
  • xbmc
  • xbox 360
  • xml
  • xoom
  • zip
    • Hallo, ich bin Olli. Herzlich willkommen auf meiner Webseite.

      Schön dich zu sehen

      Du findest hier jede Menge Informationen zu den Themen

      • WordPress und WordPress-Themes
      • Webdesign
      • Gaming
      • Grafikdesign
      • Technik
      • und vielen anderen...

      Schau dich in aller Ruhe um. Ich wünsche dir viel Spass beim Stöbern.

      Lust auf ein neues WordPress-Theme?

      WordPress-Themes

      Einige zufällig ausgewählte Artikel (nur für dich):

      • [iPad] Fotos aus dem Webbrowser heraus speichern vom 11. Mai 2011
      • [iTunes] Mehrere Wiedergabelisten zu einer zusammenfügen vom 4. Dezember 2009
      • [Gimp] Bunt machen und Themes nutzen vom 25. März 2011
      • Neue Spam-Welle für WordPress-Blogs im Anmarsch? vom 16. Februar 2012
      • [WordPress] Ein Gästebuch ohne Plugins reloaded vom 3. Mai 2012

      Die letzten Kommentare:

      • Christian hat am 18.05.2012 den Artikel [XBMC] Der ultimative Einsteiger-Guide - Teil 1 kommentiert
      • Christian hat am 17.05.2012 den Artikel [XBMC] Der ultimative Einsteiger-Guide - Teil 1 kommentiert
      • Olli hat am 17.05.2012 den Artikel [XBMC] Der ultimative Einsteiger-Guide - Teil 1 kommentiert
      • Christian hat am 17.05.2012 den Artikel [XBMC] Der ultimative Einsteiger-Guide - Teil 1 kommentiert

      Hier habe ich noch einige interessante Links für dich:

      • Meine Blu-ray-Sammlung
      • Olli on BluLife
      • Olli on Facebook
      • Olli on Google+
      • Olli on last.fm
      • Olli on lbp.me
      • Olli on twitter
      • Olli on YouTube

      Und noch was für die Schnäppchenjäger:

      • abstauben24
      • Blu-ray Preisradar für Amazon
      • Chillmo
      • DVD Tiefpreis
      • myDealZ.de
      • myliveshopping.de
      • Preisfieber
      • Preisjäger
      • Schnäppchen mit Reichweite
      • Schnäppchenfuchs
      • Schnappen4u
      • Schotendealz

      Meine persönlichen Favoriten:

      • BENM.AT
      • CSS-Tricks
      • Engadget Deutschland
      • Hifi Forum
      • ifun.de
      • Smartdroid
      • Smashing Magazine
      • Winfuture.de
    • Olli on twitter
    • Olli on Facebook
    • Olli on Google+
    • Olli on last.fm
    • Olli on YouTube
    • RSS

    Seitenanfang ↑

    Hier wird seit 937 Tagen gebloggt | 235 hilfreiche Artikel | 277 liebevolle Kommentare

    176,885 Besucher gesamt | 3 Besucher online

    Artikel RSS-Feed | Kommentar RSS-Feed | Anmelden »

    © olivergast.de ist made in Germany und wird angetrieben von Wordpress

    Theme 'ZWEI' (modified) von Oliver Gast