Wordpress Theme Customizer - Bereich für Benutzer zum Bewegen und Organisieren von Widgets hinzufügen

8

Ich entwickle gerade ein Wordpress-Theme und benutze den Theme Customizer, damit Benutzer ihn anpassen können, aber ich bleibe stecken.

Für die Fußzeile habe ich verschiedene Widgets erstellt, die verschiedene Dinge enthalten, wie zum Beispiel "Letzte Beiträge" oder einen Live Twitter Feed.

Ich möchte, dass die Benutzer sie in der gewünschten Reihenfolge organisieren können, aber ich kann nicht herausfinden, wie das geht. Ich habe ein anderes Thema (Zerif Lite) gefunden, mit dem man das machen kann (siehe Bild unten), aber ich habe den ganzen Code durchgegangen und konnte nicht herausfinden, dass es gemacht wurde. Es wurde nichts hinzugefügt, um den Abschnitt "Unsere Fokussektionswidgets" hinzuzufügen .

Ich habe mein Thema ähnlich organisiert, es gibt verschiedene Panels mit Abschnitten, und ich möchte einen dieser Abschnitte enthalten.

BEARBEITEN:

Nicht jeder scheint mein Problem zu bekommen. Ich weiß, wie man Widgets erstellt

Ich weiß, wie man Widgets erstellt. Ich möchte einen Bereich im Theme Customizer, damit Benutzer sie verschieben können , nicht nur die von mir erstellten, sondern auch andere Standard-Tags wie die Tag Cloud.

EDIT 2: @Codeartist, ich benutze Wordpress 4.3.1, und hier ist mein Code in functions.php

%Vor%     
Druzion 30.11.2015, 17:01
quelle

3 Antworten

3

Nachdem ich in zerif_customizer.js nachgesehen habe, habe ich festgestellt, dass Zerif Lite die Widget-Panel-Bereiche über JavaScript zum Design-Customizer hinzufügt.

Das gleiche in einem Child-Thema von Zerif Lite zu tun ...

In Ihrer functions.php -Datei:

%Vor%

Fügen Sie dann eine neue JavaScript-Datei in Ihr Design ein, wobei der Dateiname und der Pfad mit dem zweiten Parameter aus der obigen Funktion übereinstimmen müssen:

%Vor%

Natürlich muss panel_mysection bereits so existieren:

%Vor%

Und der Widgetbereich sidebar-mysection muss bereits existieren:

%Vor%     
Sparky 28.02.2016, 16:26
quelle
7

Ich experimentierte am frisch aktualisierten Twenty Eleven-Thema.

In function.php wurden einige Seitenleisten registriert:

%Vor%

Jede Seitenleiste hat ihre eigene eindeutige ID. Wenn Widgets und Seitenleisten in Ihrem Design aktiviert sind, wird das Standardfenster "Widgets" von Wordpress auf dem Anpassungsbildschirm erstellt. Dann würde für jede Seitenleiste ein Bereich erstellt, der im 'Widgets'-Panel platziert wird. Dieser Abschnitt hat eine ID basierend auf der Sidebar-ID. Und diese ID sieht so aus.

%Vor%

Dabei ist sidebar-id eine ID der jeweiligen Seitenleiste.

Der gesamte Code sollte in der Datei functions.php (oder innerhalb des Plugins) in 'customize_register' hook

gespeichert werden %Vor%

Im Grunde müssen wir also ein neues Panel erstellen

%Vor%

Und dann in diesem Feld alle Abschnitte verschieben, die Seitenleisten darstellen.

%Vor%

In Twenty Eleven gibt es fünf Seitenleisten, also verschieben wir fünf Abschnitte.

Schließlich ist der Name jedes Abschnitts identisch mit dem Namen der jeweiligen Seitenleiste. Um die Beschreibung des Abschnitts zu ändern, können Sie so etwas tun.

%Vor%

Leider gibt es nicht viel Dokumentation zu get_section, aber hier ist der Link zu codex: Ссылка

    
Codeartist 09.12.2015 16:05
quelle
4

Was Sie suchen, ist der Theme Customizer in WordPress, der über einen einzigartigen Satz von Hooks und eine API verfügt.

Beginnen Sie mit diesem Hook, dem customize_register hook:

Ссылка

Um den Design-Customizer herum wurde eine ziemlich robuste API aufgebaut, und Sie können in diesem Handbuch nach Dokumentation suchen, wenn Sie damit arbeiten:

Ссылка

    
Mike M. 10.12.2015 04:03
quelle