Optionen Wordpress

Wie erstelle ich ein Theme Options-Seite für WordPress 17. September 2012 Wenn Sie jemals ein WordPress Premium-Thema verwendet haben, dann hätten Sie die benutzerdefinierte Thema-Optionen-Seite, die verfügbar sind, gesehen haben. Die Themenoptions-Seite, die unter dem Aussehen-Menü gefunden wird, das dem Admin der WordPress-Website erlaubt, einige der Einstellungen auf dem Thema zu ändern. Die meisten Premium-Themen kommen mit Optionen, um die Farben der Schriftarten, Hintergründe, ändern Bilder oder Schriftarten ändern. Alles, was Ihnen erlaubt, das WordPress-Design Stil. Einige der am häufigsten zu ändernden Felder sind: Themenoptionen - Um das Design-Logo zu bearbeiten, das Stylesheet zu bearbeiten, ein neues Favicon hochzuladen, Google Analytics-Code hinzuzufügen, Ihre Feedburner-URL einzugeben und benutzerdefinierte CSS hinzuzufügen. Styling-Optionen - Ändern Sie die Hintergrundfarbe oder ändern Sie das Hintergrundbild. Schriftarten - Ändern Sie die Schriftart auf alle Ihre Header-Tags oder den Hauptinhalt Text. Social - Geben Sie das Thema mit Ihren Social-Media-Profile wird es einfacher, um sie in Teilen Ihres Themas Link oder zeigen Sie Ihre neuesten Tweets. Optionsseiten können auch für Plugins verwendet werden, um Einstellungen zu ändern und das Plugin anzupassen. Beispiele für Themes Optionen Seiten Hier ist, was einige der Theme-Optionen-Seite aus Premium-Themen aussehen. So erstellen Sie eine Theme-Optionsseite Beim Erstellen einer Optionsseite gibt es ein paar Dinge, die Sie einrichten müssen. Menü hinzufügen - Wenn Sie das Menü unter dem Erscheinungsbildschirm anzeigen möchten oder wenn Sie der Optionsseite ein eigenes Menü geben möchten. Sektionen hinzufügen - Dies sind Abschnitte von Einstellungen, die Sie der Optionsseite hinzufügen. Register Einstellungen - Einstellungen sind die verschiedenen Felder, die Sie zur Optionsseite hinzufügen, sie müssen mit der Einstellungs-API registriert werden. Anzeigeeinstellungen - Die API der Einstellungen wird verwendet, um eine Funktion aufzurufen, um die Einstellung anzuzeigen. Einstellung validieren - Wenn der Benutzer das Einstellungsfeld speichert, muss die Eingabe validiert werden, bevor sie in der Options-Tabelle gespeichert wird. Rückmeldemeldungen - Wenn die Einstellungen gespeichert sind, müssen Sie dem Benutzer Feedback geben können, wenn die Einstellungen erfolgreich gespeichert wurden oder ein Fehler während der Validierung aufgetreten ist. Um uns zu helfen, alle diese Aufgaben gibt es eine WordPress API genannt die API-Einstellungen. Diese API ermöglicht es Administratoren, Formulare halbautomatisch zu bearbeiten. Mit der API können Sie Seiten für die Einstellungen, Abschnitte für die Einstellungen und Felder für die Einstellungen definieren. Dies funktioniert, indem Sie die Einstellungsfelder registrieren, die in den Abschnitten und der Seite angezeigt werden sollen. WordPress verwendet die Einstellungs-API standardmäßig auf vorhandenen Admin-Seiten, das bedeutet, dass Sie über die Einstellungs-API bestehende Seiten hinzufügen können, indem Sie neue Einstellungen registrieren. Alle Validierungen müssen vom Entwickler der Einstellungsseiten durchgeführt werden, aber die Einstellungs-API steuert die Erstellung des Formulars und speichert die Werte in der Form in der Options-Tabelle. Add Menu To WordPress Admin Wenn Sie ein Menü hinzufügen, um die WordPress Admin-Bildschirm haben Sie viel Flexibilität haben Sie die Möglichkeit, neue Menüpunkte hinzufügen oder das Menü als Untermenü hinzufügen. Um ein Menü der obersten Ebene hinzuzufügen, benutzen Sie einfach die folgende Funktion addmenupage (). Pagetitle - Der auf der Einstellungsseite verwendete Titel. Menutitle - Der auf dem Menü verwendete Titel. - Zeigt nur das Menü an, wenn der Benutzer diese Funktion erfüllt. Menuslug - Der eindeutige Name der Menüpause. Funktion - Die Callback-Funktion wird ausgeführt, um die Seite anzuzeigen. Iconurl - Zeigt ein Symbol nur für das Menü an. Position - Hier können Sie wählen, wann der Menüpunkt in der Liste erscheint. Wenn Sie es vorziehen, das Menü unter dem übergeordneten Menü zu haben, können Sie das folgende Code-Snippet verwenden. Oder Sie können die Funktion addthemepage () verwenden, die ein Untermenü unter dem Erscheinungsbild hinzufügen wird. Registrieren der Einstellungen Um zu beginnen, müssen wir die Einstellungen Gruppe registrieren wir werden die Einstellungen Seite Werte zu speichern. Dies wird die Einstellungen-API verwenden, um die Gruppe der Einstellungen zu definieren, und dann werden die Einstellungen zu einer Gruppe hinzugefügt. Wenn Sie die Einstellungen in dieser Gruppe speichern, werden sie in der wpoptions-Datenbanktabelle gespeichert, sodass Sie diese Werte zu einem späteren Zeitpunkt abrufen können. Die wpoptions-Tabelle ist eine Schlüsselwertpaarung, die in der Datenbank gespeichert ist. Dies ist, was sollten Sie bei der Speicherung von langfristigen Daten auf Ihrem WordPress-Website verwenden. Wenn Sie eine Menge Daten speichern, ist es am besten, die Daten in ein Array umzuwandeln und unter einer Taste zu speichern, anstatt alle Werte über mehrere Schlüssel zu speichern. Dies bedeutet, dass, wenn Sie eine Einstellungsseite haben, um das Aufstellungsortzeichen, Hintergrundfarbe, Schriftart, Schriftartgröße etc. zu ändern, haben Sie nicht eine Wahl für jedes von diesen aber Sie werden sie in eine Optionsgruppe gruppieren. Der Grund, warum Sie dies tun, ist, die Effizienz der Datenbank zu erhöhen, indem Sie nicht zu viele Zeilen zur Optionsdatenbank hinzufügen. Um Einstellungen auf der Einstellungs-API zu registrieren, müssen Sie die Funktion registersetting () verwenden. Die Parameter, die Sie übergeben, sind: Optionsgruppe - Der Name der Gruppe von Einstellungen, die Sie speichern möchten. Dies muss mit dem in der Funktion settingsfield () verwendeten Gruppennamen übereinstimmen. Optionsname - Der Name der Option, die gespeichert werden soll, dies ist der Schlüssel, der in der Options-Tabelle verwendet wird. Sanitize Callback - Dies ist die Funktion, mit der die Einstellungen für diese Optionsgruppe überprüft werden. Hinzufügen von Abschnitten zu Einstellungen Nachdem die Einstellungen registriert sind, können wir der Einstellungs-API Abschnittsgruppen hinzufügen. Dies ermöglicht es uns, die Einstellungen auf der Seite zu organisieren, so dass Sie Stile hinzufügen können, um diese auf der Seite anders anzuzeigen. Der Vorteil des Hinzufügens von Abschnitten auf Ihrer Einstellungs-API ist, dass wir die Funktion dosettingssections () aufrufen können, da alle Einstellungen unter diesem einen Abschnitt angezeigt werden. Um eigene Einstellungen zu erstellen, müssen Sie nur die Funktion addsettingssection () verwenden. Die Parameter, die Sie für diese Funktion verwenden müssen, sind: Id - Zeichenfolge, die für die ID des Abschnitts verwendet werden soll. Titel - Der Titel für die Sektion. Rückruf - Diese Funktion zeigt die Einstellungen auf der Seite an. Page - Dies ist die Seite, die den Abschnitt angezeigt wird, sollte dem Menü-Slug der Seite entsprechen. Hinzufügen von Feldern zu den Abschnitten Die letzte wichtige Funktion, die wir verwenden müssen, um die Seite der Seite hinzuzufügen, ist die addsettingsfield () - Funktion, die als Teil der Einstellungen-API verwendet wird, um Felder zu einem Abschnitt zu definieren. Die Funktion muss den Seitenblock und den Abschnitt ID kennen, bevor Sie die zu verwendenden Einstellungen definieren können. Alle Einstellungen, die Sie hier einrichten, werden in der Options-Tabelle unter dem Schlüssel gespeichert, der in der Funktion registersettings () verwendet wird. Um diese Funktion zu verwenden, müssen Sie die folgenden Parameter hinzufügen. ID - ID des Feldes Titel - Titel des Feldes. Callback - Funktion zur Anzeige der Einstellung. Dies ist sehr wichtig, da es verwendet wird, um das gewünschte Eingabefeld anzuzeigen. Seite - Seite, die das Feld angezeigt wird, sollte das gleiche wie die Menüschnecke auf dem Abschnitt sein. Abschnitt - Sektion Id, der das Feld hinzugefügt werden soll. Args - Zusätzliche Argumente, die an die Callback-Funktion übergeben werden. Beispiel für die Verwendung der Einstellungen-API Es gibt eine Menge an Informationen zu nehmen in oben, um diese Seite Einstellungen zu erstellen, so dass es ein wenig kompliziert scheinen kann, aber sobald Sie Ihren Kopf um die Struktur der Einstellungen API verwendet seine eigentlich ganz einfach zu verstehen. Der beste Weg, um zu verstehen, wie dies alles funktioniert, ist, Ihnen mit einem Beispiel zu zeigen. Erstellen einer Themesoptionsseite mit einem Textfeldfeld In diesem Beispiel erstellen wir eine Themenoptionsseite und fügen ein Textfeld auf der Seite hinzu, um der index. php zusätzlichen Text hinzuzufügen. Fügen Sie einfach die folgenden, um Ihre functions. php-Datei, um ein Design-Optionen-Seite erstellen. Zunächst starten wir, indem wir die Menüoption unter dem Aussehen-Menü mit der Funktion addthemepage () der adminmenu-Aktion erstellen. Wie Sie oben sehen können, setzen wir die Callback-Funktion auf die Theme-Options-Seite, um puthemepage zu sein, damit wir diese Funktion erstellen müssen, um unsere Seite anzuzeigen. Hier erstellen wir ein Formular zur Übermittlung an die options. php, damit wir in der Options-Tabelle speichern können. Wir rufen settingsfields () auf, um die Einstellungen in registersettings () abzurufen und mit der Funktion dosettingssections () unsere Einstellungen anzuzeigen. Die Rückruffunktion für das Erstellen von Abschnitten kann verwendet werden, um zusätzliche Informationen hinzuzufügen, die über jedem Abschnitt erscheinen werden. In diesem Beispiel lassen wir es einfach leer. Die Rückruffunktion der addsettingsfield () - Funktion ist pudisplaysetting. Dies ist die Funktion, die Echo die Anzeige von Eingängen auf der Seite. Der Parameter für diese Funktion ist der args-Wert auf dem addsettingsfield (), den wir verwenden können, um Dinge wie id, name, default value usw. hinzuzufügen. Wir wollen alle vorhandenen Werte aus der wpoption-Tabelle erhalten, um alle Werte anzuzeigen, die zuvor eingegeben wurden Der Benutzer, tun, um dies erhalten wir die Werte aus der Tabelle mit der getoption () - Funktion. Schließlich können wir validieren die Werte in das Formular durch die Schaffung der Validierung Callback-Funktion puvalidatesettings hinzugefügt. All dies tut im Moment ist Schleife durch die Eingaben an sie übergeben und prüft, ob ihr ein Buchstabe oder eine Zahl. Die Rückgabe dieser Funktion wird der Datenbank hinzugefügt. Wenn Sie alle Snippets oben in Ihre functions. php Datei kopieren, sehen Sie dieses Optionsformular unter dem Aussehen Menü. Verwenden von Theme-Optionen innerhalb Ihres Themas Nachdem Sie nun wissen, wie Sie eine Theme-Options-Seite erstellen, müssen Sie diesen Wert in Ihrem Theme verwenden können, damit Sie die Einstellungen ändern können. Alle Einstellungen sind in der wpoptions-Tabelle mit WordPress seine sehr einfach, um diese Werte aus, alles, was Sie tun müssen, ist die getoption () - Funktion verwenden. Der Optionsname ist der Name, den Sie auf die Funktion registersettings () setzen. Also in unserem Beispiel oben werden Sie diesen Code verwenden. Die Optionsvariable speichert nun ein Array der Werte aus den Themenoptionen, mit denen Sie den Wert des Textfeldes, das wir auf die Seite setzen, mit diesem Snippet anzeigen können. Fazit Das ist die Grundlagen, die Sie verstehen müssen, um die Einstellungen-API verwenden. Jetzt können Sie diese Informationen und erstellen Sie Ihre eigene Thema-Optionen-Seite. Experimentieren Sie mit verschiedenen Eingabetypen, die Sie dem Formular hinzufügen können, und experimentieren Sie mit verschiedenen Validierungsmethoden, die Sie verwenden möchten. In zukünftigen Tutorials werde ich nach, wie Sie einige der eingebauten WordPress Drittanbieter-Anwendungen verwenden können, um eine bessere Benutzererfahrung auf Ihrem Thema-Optionen-Panel zu erstellen. Dazu gehören Dinge wie Farbauswahl, Datum Picker, jQuery UI-Funktionen etc. Wie Sie sehen können, haben wir eine Einstelloption Seite in knapp über 100 Zeilen Code, so dass seine nicht eine harte Sache zu tun, aber das sind ein paar Schritte zu schaffen Es und die Funktionen können erweitert werden. Aus diesem Grund Menschen haben Themenoptions-Frameworks, damit Sie einfach eine Themen-Option-Seite mit viel höheren Komplexität mit den Optionen zu schaffen. Aber wie viele andere Frameworks ich immer empfehlen Sie lernen die Grundlagen vor der Verwendung eines Frameworks, deshalb ist es wichtig zu verstehen, wie die Einstellungen-API arbeitet vor der Verwendung oder die Schaffung eines Einstellungs-Seite Rahmenwerk. WordPress Theme Customiser Wenn alle Einstellungen, die Sie in der Theme-Optionen-Seite sind nur für kosmetische Änderungen wie Schriftfamilie, Schriftgröße, Hintergrundfarben etc, dann sollten Sie in die Verwendung der neuen WordPress-Theme Customiser. Erstellt in WordPress Version 3.4 ermöglicht es Ihnen, eine Reihe von Feldern im Admin-Bereich zu schaffen, ermöglicht es Ihren Besuchern, Änderungen am Thema vorzunehmen und sehen diese Änderungen in Echtzeit im Vorschaufenster. Schnellste WordPress Hosting mit WPEngine Stunning Geschwindigkeit, leistungsstarke Sicherheit und Best-in-Class-Kundenservice. Bei WP Engine. Mit der Seite Optionen können Sie Seiten-Eltern und Vorlagen festlegen und die Reihenfolge Ihrer Seiten ändern. Er befindet sich auf der linken Seite des Seiteneditors. Übergeordnete Seite Sie können Ihre Seiten in Hierarchien anordnen, indem Sie eine obere Ebene für Ihre anderen Seiten auswählen. Seiten, die unter einer übergeordneten Seite sind, werden untergeordnete Seiten genannt. Zum Beispiel könnten Sie eine Übergeordnete Seite haben, die Life Story und My Dogs untergeordnete Seiten enthält. Unter 8220My Dogs8221 können Sie eine andere Seite mit dem Titel 8220Rosco8221 haben. Die URLs können folgendermaßen aussehen: Hinweis: Einige Seiten werden nicht angezeigt. Wie 8220author, 8221 8220tag, 8221 und 8220category8221 sind für spezielle Anwendungen reserviert. Sie können eine untergeordnete Seite erstellen, wenn die übergeordnete Seite eines der reservierten Schnecken verwendet. Wenn das Twenty-Eleven-Motiv aktiviert ist, würde es so aussehen: Es gibt keine Grenzen, wie tief man Seiten verschachteln kann. Hinweis: Nicht alle Themen werden im Navigationsmenü standardmäßig Seitenhierarchien anzeigen. Wenn dies bei dem von Ihnen verwendeten Motiv der Fall ist, können Sie die benutzerdefinierten Menüs verwenden, um Unterseiten zu erstellen und Ihre Navigationsmenüs anzupassen. Einige Themen haben zusätzliche Vorlagen, mit denen Sie Seiten mit zusätzlichen Funktionen oder benutzerdefinierten Layouts erstellen können. Sie können sehen, ob Ihr aktuelles Design über zusätzliche Vorlagen verfügt, indem Sie den Abschnitt Vorlagen im Modul Seitenoptionen überprüfen. Die häufigsten Vorlagen sind für Archive, Links und Kontakt-Seiten. Beispielsweise enthält das Bueno-Theme zusätzliche Vorlagen, die es einfach machen, eine Archivseite, eine Voll-Breite-Seite und eine Sitemap zu erstellen: Benutzer können die Vorlagen nicht ändern oder ihre eigenen hinzufügen. Sie können nur aus der Liste auswählen, die vom ausgewählten Motiv abhängig ist. Sie können die Reihenfolge, in der Ihre Seiten angezeigt werden, mithilfe des Felds "Auftrag" im Modul "Seitenoptionen" ändern. Let8217s sagen, Sie haben drei Seiten: Über, Fotos, Kontakt Wenn Sie wollten, um zuerst erscheinen, müssen Sie Folgendes tun: Gehen Sie zu Seiten in Ihrem Dashboard Finden Sie die Seite Über und klicken Sie auf den Titel. Suchen Sie das Modul Seitenoptionen links neben dem Editor. Legen Sie die Zahl 1 in das Feld für Auftrag. Dies sagt WordPress, diese Seite zuerst auf Ihrer Website anzuzeigen. Klicken Sie auf die Schaltfläche Aktualisieren. Wiederholen Sie den Vorgang für Ihre anderen Seiten, aber verwenden Sie höhere Nummern für die Reihenfolge Feld: 2, 3, etc. Dies sagt WordPress, um diese Seiten zweiten und dritten in Ihrem Blog anzuzeigen. Wenn you8217re mit dem Seiten-Widget. Müssen Sie die Option Sortieren nach auf Seitenreihenfolge setzen, nachdem Sie einen benutzerdefinierten Auftrag für Ihre Seiten festgelegt haben. Klicken Sie dann auf Save amp Publish. Wir hoffen jedoch, dass sie bei Ihrer Reiseplanung weiterhilft. Wenn diese Seite Ihre Frage nicht beantwortet hat oder Sie mehr wollen, lassen Sie uns wissen Wir lieben Ihr Feedback. Für Support, nutzen Sie bitte das Forum oder kontaktieren Sie das Support-Formular. Dank nicht ganz, was youre suchen