Netzkescher

11.04.2010

Flatpress-Widgets beliebig positionieren

Der Ausgangspunkt für diesen Artikel lag für mich in der Frage

“Wie bekomme ich das Blockparser-Menü-Widget von der rechten Sidebar in eine horizontale Menüleiste im Header des Blocks?”

Dabei geht es nicht darum, wie dies css-mäßig zu realisieren ist, sondern eben darum, wie man Flatpress-Widgets beliebig positionieren kann. Wer jetzt mit dem Begriff “Widget” nichts anzufangen weiß, muss erstmal im Flatpress-Wiki nachlesen.

Bildlich ausgedrückt möchte ich also von dieser Darstellung

zu dieser

Der im Folgenden aufgezeigte Weg, lässt sich auf jedes andere Widgets übertragen. Ich kann auf diesem Weg alles, was sich durch ein Widget darstellen lässt, beliebig positionieren.

Wie wird festgelegt, wo Widgets dargestellt werden?

Widgets sind in Flatpress in Widgetbereichen (oder -leisten oder -gruppen) organisiert. Eine solche Gruppe kann ein einzelnes Widget oder auch mehrere enthalten. Wo diese Widgetbereiche auf der Webseite erscheinen, wird durch Einträge in den Theme-Dateien (*.tpl) festgelegt. Im Standardtheme “Leggero” existiert in der Datei widgets.tpl z.B. folgender Eintrag

Dieser Eintrag sorgt dafür, dass im div-Container “column” der Widgetbereich “right” dargestellt wird. Welche einzelnen Widgets im Bereich “right” enthalten sind und damit ihren Weg auf die Webseite finden, stellt man im Adminpanel “Widgets” ein.

Flatpress muss allerdings wissen, dass der Bereich “right” im Theme vorhanden ist. Er muss deshalb registriert werden. Wäre der Bereich “right” nicht registriert, würde er auf der Webseite nicht dargestellt. Ein nicht registrierter Widgetbereich führt im Admin-Widgetpanel dazu, dass der Bereich als nicht zum Theme zugehörig eingestuft wird.

Platz für den Widgetbereich schaffen

Mein Anliegen war, eine horizontale Menüleiste im Header zu erhalten. Für die Darstellung des Menüs musste im Header also entsprechend Platz geschaffen werden. Ich bearbeitete die header.tpl also so, dass dieser vorhanden war, indem ich einen div-container erstellte und über css nach meinen Vorstellungen positionierte. (Der div-Container hat bei mir die id=”menu_hor”.)

Eigene Widgetbereiche registrieren

Nun muss der neu zu erstellende Widgetbereich registriert werden. Dazu bearbeitete ich die theme.conf.php meines Themes. Die Zeile
register_widgetset(’Horiz_Menue’);
wurde ergänzt.

Code für Widgetbereich einbinden

Nun wird der neue Widgetbereich in der header.tpl in den gerade neu erstellten div-Container eingefügt.
So sieht das bei mir aus:

Wichtig ist, dass der von mir für den Widgetbereich gewählte Name “Horiz_Menue” in den beiden bearbeiteten Dateien übereinstimmt. (Keine Sonderzeichen, keine Leerzeichen verwenden.)

Widget in den neuen Widgetbereich einfügen

Dies geschieht über das Admin-Widgetpanel. Wenn alles geklappt hat, sollte im Panel jetzt der neue Widgetbereich sichtbar sein. Per Drag’N'Drop kann nun das Blockparser-Menü-Widget in den neuen Bereich gezogen werden. Speichern nicht vergessen.

Zum Schluss muss die Darstellung des Menüs (das Menü ist ja über eine Liste realisiert) natürlich noch über entsprechende css- Formatierungsangaben angepasst werden.

Bemerkungen

Ich habe hier einen Weg beschrieben, der bei mir funktioniert hat. Sollte er Fehler enthalten oder wenn ihr einen besseren, einfacheren oder anderen Weg kennt, schreibt gerne Kommentare.

Folgende Einträge im Flatpress-Wiki waren eine Hilfe:
Advanced techniques: Widgets
Adding widget bars
FAQ

05.04.2010

XML Sitemap-Plugin für Flatpress

So eine Sitemap soll ja ganz praktisch für Suchmaschinen sein (Info). Deshalb habe ich jetzt ein entsprechendes Plugin installiert. Man kann es bei Vincent herunterladen und es funktioniert wunderbar. Ich weise hier nur darauf hin, weil es im Flatpress-Wiki auf der Plugin-Seite nicht gelistet ist, wohl aber auf der Wiki-Startseite unter “Links”. Ich bin übers Forum darauf gestoßen. Muss ja nicht jeder lange suchen …

Wenn ihr einen Blick werfen wollt: Sitemap

14.03.2010

Firefox 3.6 und “Text Formatting Toolbar”

Um es beim Bearbeiten von Artikeln in Flatpress ein wenig bequemer zu haben, nutze ich gern das Firefox-Addon Text Formatting Toolbar. Ich habe früher schon einmal darüber geschrieben. Dieses Addon wird bei einem Update auf Firefox 3.6 jedoch deaktiviert. Auf der Firefox-Addon-Webseite steht noch keine angepasste Version zur Verfügung. Auf der Homepage von codefisher.org, dem Hersteller der Text Formating Toolbar, aber schon. Also bei Bedarf auf deren Downloadseite surfen und von dort installieren. Arbeitet bei mir reibungslos.

20.01.2010

Flatpress: Suchfeld individuell gestalten

Das kleine Standard-Suchformular lässt sich in Flatpress nur begrenzt individuell gestalten. Der Grund hierfür ist, dass in der php-Datei des Such-Plugins den Elementen keine id zugewiesen wurde. Eine individuell formatierte Schaltfläche ist so z.B. nicht möglich.

Folgende Ergänzung in der Datei plugin.searchbox.php bietet Abhilfe:

Danach lassen sich das Eingabeformularfeld und der Button einzeln ansprechen und damit auch über css gestalten.

Für dieses Design wurde z.B. der folgende css-Code verwendet: