WordPress - Seiten anteasern. Theorie, Praxis, Plugins

18
(Unter) Seiten anteasern Theorie, Praxis, Plugin 9.9.2014, Frank Staude <[email protected]>

Transcript of WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Page 1: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

(Unter) Seiten anteasern Theorie, Praxis, Plugin

9.9.2014, Frank Staude <[email protected]>

Page 2: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Seitenbaum

Page 3: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Eltern (parent)

Page 4: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Geschwister (siblings)

Page 5: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Kinder (children)

Page 6: WordPress - Seiten anteasern. Theorie, Praxis, Plugins
Page 7: WordPress - Seiten anteasern. Theorie, Praxis, Plugins
Page 8: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

wp_list_pages()

• http://codex.wordpress.org/Function_Reference/wp_list_pages

• Erzeugt eine Liste <LI> mit Seitennamen/Link

Page 9: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

WP_Query

• http://codex.wordpress.org/Class_Reference/WP_Query

• In einer eigenen Loop abarbeitbar

Page 10: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

$wpdb

• http://codex.wordpress.org/Class_Reference/wpdb

• SQL von Hand

Page 11: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Plugins

Page 12: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Plugin: extended pagelistShortcode [pagelist] listet Unterseiten der aktuellen Seite als HTML-Liste mit ul / li Elementen.

Page 13: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Plugin: extended pagelistShortcode [pagelist depth=“2“] listet Unterseiten bis zur übergebenen Anzahl an Ebenen ab der aktuellen Seite als HTML-Liste mit ul / li Elementen auf.

Page 14: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Plugin: extended pagelist<ul class="pagelist level_1“>

<li class="pagelist_element level_1"><a href="http://wp.dev/?page_id=6">1.1</a></li><ul class="pagelist level_2">

<li class="pagelist_element level_2"><a href="http://wp.dev/?page_id=15">1.1.1</a></li><li class="pagelist_element level_2"><a href="http://wp.dev/?page_id=17">1.1.2</a></li>

</ul> <li class="pagelist_element level_1"><a href="http://wp.dev/?page_id=8">1.2</a></li><li class="pagelist_element level_1"><a href="http://wp.dev/?page_id=10">1.3</a></li>

</ul>

Page 15: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Plugin: extended pagelistShortcode [pagelist type=“siblings“ ] listet Geschwisterseiten der aktuellen Seite als HTML-Liste mit ul / li Elementen.

Page 16: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Plugin: extended pagelistShortcode [pagelist output=“div“] verwendet statt ul/li eine div Struktur zur Ausgabe. Die HTML Klassen sind identisch.

Page 17: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Plugin: extended pagelistShortcode [pagelist template=“example1“] durchläuft eine Loop für die gefundenen Seiten. Innerhalb des Templates können wie in der „normalen“ Loop auf alle Elemente der Seite zugegriffen werden. Daher ist der Output frei gestaltbar. Templates werden vom Plugin mitgeliefert und können auch im Theme/Childtheme Verzeichnis liegen.

Page 18: WordPress - Seiten anteasern. Theorie, Praxis, Plugins

Plugin: extended pagelistParameter des Shortcode:

type: subpages | siblings, default: subpagesoutput: list | div, default: list templates: Name desTempaltes, default: kein default depth: Anzahl der Ebenen, default: 1 parent: ID des Seite die die Elternseite ist, default: aktuelle Seite order_by: Feld aus der Posts Tabelle nach dem sortiert wird, Default: post_title order: asc | desc, Sortierreihenfolge, default: asc