Pages bedienen Widgets

23
Pages als Lieferanten für Widgets Ein einfacher Weg für Redakteure Text-Widgets zu editieren Dietrich Koch http://internetdienste-berlin.de © Dietrich Koch internetdienste-berlin.de 1

description

Eine Technologie für die Pflege von WordPress-Blogs durch Redakteure. Der Hintergrund: Widgets sind eigentlich gesperrt für Autoren und Redakteure, Text-Widgets lassen sich nur mühselig designen - vernünftig nur über einen externen Editor und dann mit Copy/Past übertragen, viele Plugins liefern nur Shortcodes und keine Widget-Variante. Mein Ansatz geht dahin, dass ich den Redakteur bei dem Knowhow abholen möchte, dass er besitzt: nämlich Artikel/Seiten schreiben, sie gestalten, Bilder und sonstige Medien hochladen und platzieren. Deshalb baue ich Sites mit einer komplexen Widgetstruktur so auf, dass sie dem Prinzip folgen: Seiten bedienen Widgets oder: Widgets beziehen Ihren Informationen von Seiten.

Transcript of Pages bedienen Widgets

Page 1: Pages bedienen Widgets

Pages als Lieferanten für Widgets

Ein einfacher Weg für Redakteure Text-Widgetszu editieren

Dietrich Koch http://internetdienste-berlin.de

© Dietrich Koch internetdienste-berlin.de 1

Page 2: Pages bedienen Widgets

Einige Mittel des einfachen Editierens

� Frontend-Editoren - z. B. Plugins von scribu, djarzyna…?

� Posting by E-Mail - unterstützt durch das Plugin Postie

� Editor Styles - mit Hilfe von Advanced TinyMce können die Autoren/Redakteure auf eine Auswahl von Stylings festgelegt werden

� editor-style.css - durch Anpassung dieser Datei kann man den TinyMce an das Frontend angleichen

� Anpassung des Administrationsbereichs an die Bedürfnisse des Redakteurs - am besten unterstützt durch das Plugin Adminimizevon Frank Bültge

� Ajax-basierte Seitenbäume im Administrationsbereich - am besten unterstützt durch das Plugin Admin Menu Tree Page View

� Und zum Schluss mein Thema: die Bedienung der Widgets durch Pages

© Dietrich Koch internetdienste-berlin.de 2

Page 3: Pages bedienen Widgets

Anwendungen für Widgets

�„ewige“ Inhalte – Menüs, Adressen, Logos,

Telefonnummer,..

�Sich selbständig erneuernde Inhalte –Kalender, letzte Artikel

�Öfter zu pflegende Inhalte – Bilder,

Slideshows, Werbebanner, Linklisten, …

© Dietrich Koch internetdienste-berlin.de 3

Page 4: Pages bedienen Widgets

Kundenanforderungen

�Menüstrukturen

�Slideshows

�Werbebanner

�Videos

�Linklisten

�Umfragen

�Marquee

© Dietrich Koch internetdienste-berlin.de 4

Page 5: Pages bedienen Widgets

Beispiel

© Dietrich Koch internetdienste-berlin.de 5

Page 6: Pages bedienen Widgets

© Dietrich Koch internetdienste-berlin.de 6

Page 7: Pages bedienen Widgets

© Dietrich Koch internetdienste-berlin.de 7

Page 8: Pages bedienen Widgets

Widgets für die Kommunikation mit

Pages vorbereiten

1. Text-Widgets müssen shortcodes verstehen

2. Eine Kommunikationsfunktion muss definiert

werden

zu 1. Einsatz eines Filters in der functions.php:

add_filter('widget_text', 'do_shortcode');

Zu 2. Die Kommunikationsfunktion liest den

Seiteninhalt einer zugeordneten Seite aus oder

die Attachments

© Dietrich Koch internetdienste-berlin.de 8

Page 9: Pages bedienen Widgets

Kommunikationsfunktion

Seiteninhalt wird ausgelesen:

function dk_get_content($post_id){

$post = get_post($post_id);

$content = $post->post_content;

echo $content;

}

add_shortcode ( 'cont','dk_get_content ');

© Dietrich Koch internetdienste-berlin.de 9

Page 10: Pages bedienen Widgets

Kommunikationsfunktion als Plugin

add_shortcode ('cont','dk_get_content');

function dk_get_content($attr){

$post = get_post($attr['id']);

$content = $post->post_content;

return do_shortcode($content);

};

© Dietrich Koch internetdienste-berlin.de 10

Page 11: Pages bedienen Widgets

Kommunikationsfunktion

Attachments werden "ausgelesen"

Beispiel: NIVO-Slider

[nivo theme=oik post_parent=10694 trans=fade

pause=10000 caption=n page=12]

© Dietrich Koch internetdienste-berlin.de 11

Page 12: Pages bedienen Widgets

Inhalt des Widgets

© Dietrich Koch internetdienste-berlin.de 12

[nivo theme=oik post_parent=10539

trans=fade pause=1500 caption=n ]

Page 13: Pages bedienen Widgets

Text und/oder Bilder für ein Widget

© Dietrich Koch internetdienste-berlin.de 13

Page 14: Pages bedienen Widgets

Linklisten direkt im Widget:

© Dietrich Koch internetdienste-berlin.de 14

Page 15: Pages bedienen Widgets

Linkliste in der Seite

�Linklisten

Auf der Hilfsseite:

© Dietrich Koch internetdienste-berlin.de 15

Page 16: Pages bedienen Widgets

Beispiele

© Dietrich Koch internetdienste-berlin.de 16

Page 17: Pages bedienen Widgets

Pages als Lieferanten für …

�Posts

�Pages

�kurz: all Eingabefelder, die einen Shortcode

interpretieren können

© Dietrich Koch internetdienste-berlin.de 17

Page 18: Pages bedienen Widgets

Dokumentation

1. Durchnummerierung der Hilfsseiten

2. Screenshot der Seite(n) mit Nummerierung der Widgets entsprechend der zugeordneten Hilfsseiten

3. Optional: Verwendung des page-Parameters zum Rückverweis auf die Hilfsseite

4. Optional: html-Kommentar im Widget mit Rückverweis auf die Hilfsseite

5. Optional: Kommentierung auf der Seite, wenn nur Attachments zu den Widgets kommuniziert werden.

© Dietrich Koch internetdienste-berlin.de 18

Page 19: Pages bedienen Widgets

Durchnummerierung der Hilfsseiten

© Dietrich Koch internetdienste-berlin.de 19

Page 20: Pages bedienen Widgets

page_id Erkennung

© Dietrich Koch internetdienste-berlin.de 20

Page 21: Pages bedienen Widgets

Weiteres

�Nutzererfahrung

�Nutzung von Banner-Plugins statt Text-

Widgets für Werbung (Adrotate z.B.)

© Dietrich Koch internetdienste-berlin.de 21

Page 22: Pages bedienen Widgets

Zusammenfassung

� Um Text-Widgets einfach editieren zu können und den

Redakteuren einen indirekten Zugriff zu ermöglichen, wird zu

jedem Widget eine Seite/Page erzeugt, die den Inhalt des

Widgets verwaltet.

� Das zugeordnete Widget liest diese Seite aus, entweder die

Attachments um z. B. Slideshows zu erzeugen oder den Inhalt

für Texte und Bilder

� Das Auslesen wird durch einen Shortcode angestoßen. Die

Widgets müssen also Shortcodes auswerten können. Der

Shortcode wird in der functions.php oder durch ein Plugin

erzeugt.

© Dietrich Koch internetdienste-berlin.de 22

Page 23: Pages bedienen Widgets

Zusammenfassung

�Der Kunde/Redakteur erhält einen Screenshot seiner Seite(n), auf dem die betroffenen Widgetsdurchnummeriert sind. Mit der gleichen Nummer sind die zugeordneten Seiten versehen.

� Im Shortcode wird die ID der zugeordneten Seite benötigt. Zum einfachen Auslesen (kein Reload)dieser ID wird die Nutzung des Plugins Admin Menu Page Tree View empfohlen.

�Die Technik kann für jedes Eingabefeld, das Shortcodes interpretieren kann, angewendet werden.

© Dietrich Koch internetdienste-berlin.de 23