Pages bedienen Widgets
-
Upload
dietrich-koch -
Category
Software
-
view
322 -
download
0
description
Transcript of Pages bedienen Widgets
![Page 1: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/1.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/2.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/3.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/4.jpg)
Kundenanforderungen
�Menüstrukturen
�Slideshows
�Werbebanner
�Videos
�Linklisten
�Umfragen
�Marquee
© Dietrich Koch internetdienste-berlin.de 4
![Page 5: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/5.jpg)
Beispiel
© Dietrich Koch internetdienste-berlin.de 5
![Page 6: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/6.jpg)
© Dietrich Koch internetdienste-berlin.de 6
![Page 7: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/7.jpg)
© Dietrich Koch internetdienste-berlin.de 7
![Page 8: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/8.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/9.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/10.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/11.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/12.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/13.jpg)
Text und/oder Bilder für ein Widget
© Dietrich Koch internetdienste-berlin.de 13
![Page 14: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/14.jpg)
Linklisten direkt im Widget:
© Dietrich Koch internetdienste-berlin.de 14
![Page 15: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/15.jpg)
Linkliste in der Seite
�Linklisten
Auf der Hilfsseite:
© Dietrich Koch internetdienste-berlin.de 15
![Page 16: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/16.jpg)
Beispiele
© Dietrich Koch internetdienste-berlin.de 16
![Page 17: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/17.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/18.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/19.jpg)
Durchnummerierung der Hilfsseiten
© Dietrich Koch internetdienste-berlin.de 19
![Page 20: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/20.jpg)
page_id Erkennung
© Dietrich Koch internetdienste-berlin.de 20
![Page 21: Pages bedienen Widgets](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/21.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/22.jpg)
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](https://reader034.fdocuments.net/reader034/viewer/2022042714/55385cd24a79597a748b4739/html5/thumbnails/23.jpg)
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