Im vorherigen Artikel haben wir die Installation von OptionTree und der Integration in Ihr Thema behandelt. Wir haben auch viele der grundlegendsten, aber unglaublich nützlichen Optionenstypen untersucht, die OptionTree über die Box bietet. Diese Optionen k?nnen in wenigen Minuten mit dem Easy -UI -Themenoptionsbuilder von OptionTree implementiert werden, was unübertroffen ist.
Key Takeaways
- OptionTree vereinfacht die Integration erweiterter Themenoptionen wie Datumsfertiger und Messeinheiten und verbessert die Anpassung ohne umfangreiche Codierung.
- Erweiterte Optionen wie "Datumspicker", "Datumszeit -Picker" und "Mess" -Typen erm?glichen detaillierte Benutzereingaben und k?nnen einfach über den Builder der UI -Themenoptionen verwaltet werden.
- Der Switch "Numeric Slider" und "Ein/Aus" sind benutzerfreundliche Schnittstellen zum Einstellen numerischer Werte und Einstellungen in Themen, wodurch die Benutzererfahrung gestoppt wird.
- OptionTree unterstützt verschiedene Datentypen, einschlie?lich Arrays für Messungen und Zeichenfolgen für Datum und Uhrzeit, um die Flexibilit?t bei der Handhabung von Themenoptionen zu gew?hrleisten.
- Die Anpassung erstreckt sich auf die ?nderung vorhandener Optionstypen wie ?nderungsdatumformate oder Messeinheiten und bietet Entwicklern die F?higkeit, Funktionen auf spezifische Anforderungen anzupassen.
einige der fortgeschritteneren Optionen untersuchen
Wir werden jetzt einige der fortschrittlichsten Optionen untersuchen, die Sie in Ihrem Thema mit nur wenigen Klicks aufnehmen k?nnen. Lassen Sie sich nicht durch den Begriff "Erweiterte Optionen" beunruhigen. OptionTree erleichtert sie alle einfach zu integrieren. Er wird jedoch als ?Fortgeschrittene“ angesehen, da diese von Hand von Hand von Hand codiert werden müssen. Hier gehen wir!
Date Picker
Der Optionstyp "Datumspicker" ist an ein Standardformular-Eingangsfeld gebunden, in dem ein Kalenderpop-up angezeigt wird, mit dem der Benutzer ein Datum ausw?hlen kann, an dem der Fokus auf das Eingabefeld angegeben wird. Der zurückgegebene Wert ist eine date formatierte Zeichenfolge (YJJJ-MM-DD).
<span>array(
</span> <span>'id' => 'spyr_demo_date_picker',
</span> <span>'label' => __( 'Date Picker', 'text-domain' ),
</span> <span>'desc' => __( 'Your description', 'text-domain' ),
</span> <span>'type' => 'date-picker',
</span> <span>'section' => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_date_picker = ot_get_option( 'spyr_demo_date_picker' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_date_picker = get_post_meta( $post->ID, 'spyr_demo_date_picker', true );
</span>
<span>// Checking if the date has passed
</span><span>$date = new DateTime( ot_get_option( 'spyr_demo_date_picker' ) );
</span><span>$now = new DateTime( "now" );
</span>
<span>// Compare the 2 dates
</span><span>// Not that this example assumes you have not changed the date format
</span><span>// through the ot_type_date_picker_date_format filter like shown below
</span><span>if( $now > $date ) {
</span> <span>echo 'Date is in the past';
</span><span>} else {
</span> <span>echo 'Date has not passed yet';
</span><span>}
</span>
<span>// Change displayed format and returnd value
</span><span>// Defaults to yy-mm-dd
</span><span>// Not recommended but it's possible
</span><span>add_filter( 'ot_type_date_picker_date_format', 'spyr_modify_date_picker_date_format', 10, 2 );
</span><span>function spyr_modify_date_picker_date_format( $format, $field_id ) {
</span> <span>if( 'spyr_demo_date_picker' == $field_id ) {
</span> <span>return 'mm-dd-yy';
</span> <span>}
</span><span>}</span>
Datumszeitpicker
Der Optionstyp "Datumszeitpicker" ist an ein Standardformular-Eingabebuch gebunden, in dem ein Kalenderpop-up angezeigt wird, mit dem der Benutzer ein beliebiges Datum und Zeitpunkt ausw?hlen kann, an dem der Fokus auf das Eingabefeld angegeben wird. Der zurückgegebene Wert ist eine Datums- und Uhrzeit-Zeichenfolge (YYYY-MM-DD HH: MM).
<span>// OptionTree Date Time Picker Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span><span>'id' => 'spyr_demo_date_time_picker',
</span><span>'label' => __( 'Date Time Picker', 'text-domain' ),
</span><span>'desc' => __( 'Your description', 'text-domain' ),
</span><span>'std' => '',
</span><span>'type' => 'date-time-picker',
</span><span>'section' => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_date_time_picker = ot_get_option( 'spyr_demo_date_time_picker' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_date_time_picker = get_post_meta( $post->ID, 'spyr_demo_date_time_picker', true );
</span>
<span>// Checking if the date has passed
</span><span>$date = new DateTime( ot_get_option( 'spyr_demo_date_time_picker' ) );
</span><span>$now = new DateTime( "now" );
</span>
<span>// Compare the 2 dates
</span><span>// Not that this example assumes you have not changed the date format
</span><span>// through the ot_type_date_time_picker_date_format filter like shown below
</span><span>if( $now > $date ) {
</span> <span>echo 'Date is in the past';
</span><span>} else {
</span> <span>echo 'Date has not passed yet';
</span><span>}
</span>
<span>// Change displayed format and returnd value
</span><span>// Defaults to yy-mm-dd
</span><span>// Not recommended but it's possible
</span><span>add_filter( 'ot_type_date_time_picker_date_format', 'spyr_modify_date_time_picker_date_format', 10, 2 );
</span><span>function spyr_modify_date_time_picker_date_format( $format, $field_id ) {
</span> <span>if( 'spyr_demo_date_time_picker' == $field_id ) {
</span> <span>return 'mm-dd-yy';
</span> <span>}
</span><span>}</span>
Messung
Der Optionstyp "Messung" ist eine Mischung aus Eingangs- und Auswahlfeldern. Mit der Texteingabe akzeptiert ein Wert und das Feld SELECT -Feld k?nnen die Messeinheit ausw?hlen, um diesen Wert hinzuzufügen. Derzeit sind die Standardeinheiten PX, %, EM und PT. Sie k?nnen diese jedoch mit dem ot_measurement_unit_types filter ?ndern.
<span>// OptionTree Measurement Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span> <span>'id' => 'spyr_demo_measurement',
</span> <span>'label' => __( 'Measurement', 'text-domain' ),
</span> <span>'desc' => __( 'Your description', 'text-domain' ),
</span> <span>'type' => 'measurement',
</span> <span>'section' => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>// Returns an array
</span><span>$spyr_demo_measurement = ot_get_option( 'spyr_demo_measurement' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>// Returns an array
</span><span>$spyr_demo_measurement = get_post_meta( $post->ID, 'spyr_demo_measurement', true );
</span>
<span>// Displaying the result side by side
</span><span>echo $spyr_demo_measurement[0] . $spyr_demo_measurement[1];
</span>
<span>// Adding a new measurement option to the list
</span><span>add_filter( 'ot_measurement_unit_types', 'spyr_ot_measurement_unit_types', 10, 2 );
</span><span>function spyr_ot_measurement_unit_types( $measurements, $field_id ) {
</span> <span>if( 'demo_measurement' == $field_id ) {
</span> <span>return array_merge( $measurements, array( 'rem' => 'rem' ) );
</span> <span>}
</span><span>}
</span>
<span>// Override list of measurements
</span><span>add_filter( 'ot_measurement_unit_types', 'spyr_ot_measurement_override_unit_types', 10, 2 );
</span><span>function spyr_ot_measurement_override_unit_types( $measurements, $field_id ) {
</span> <span>if( 'demo_measurement' == $field_id ) {
</span> <span>return array( 'rem' => 'rem' );
</span> <span>}
</span><span>}</span>
numerischer Slider
Der Optionstyp "Numeric Slider" zeigt einen JQuery UI Slider an. Es gibt einen einzelnen numerischen Wert für die Verwendung in einer benutzerdefinierten Funktion oder Schleife zurück.
<span>array(
</span> <span>'id' => 'spyr_demo_date_picker',
</span> <span>'label' => __( 'Date Picker', 'text-domain' ),
</span> <span>'desc' => __( 'Your description', 'text-domain' ),
</span> <span>'type' => 'date-picker',
</span> <span>'section' => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_date_picker = ot_get_option( 'spyr_demo_date_picker' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_date_picker = get_post_meta( $post->ID, 'spyr_demo_date_picker', true );
</span>
<span>// Checking if the date has passed
</span><span>$date = new DateTime( ot_get_option( 'spyr_demo_date_picker' ) );
</span><span>$now = new DateTime( "now" );
</span>
<span>// Compare the 2 dates
</span><span>// Not that this example assumes you have not changed the date format
</span><span>// through the ot_type_date_picker_date_format filter like shown below
</span><span>if( $now > $date ) {
</span> <span>echo 'Date is in the past';
</span><span>} else {
</span> <span>echo 'Date has not passed yet';
</span><span>}
</span>
<span>// Change displayed format and returnd value
</span><span>// Defaults to yy-mm-dd
</span><span>// Not recommended but it's possible
</span><span>add_filter( 'ot_type_date_picker_date_format', 'spyr_modify_date_picker_date_format', 10, 2 );
</span><span>function spyr_modify_date_picker_date_format( $format, $field_id ) {
</span> <span>if( 'spyr_demo_date_picker' == $field_id ) {
</span> <span>return 'mm-dd-yy';
</span> <span>}
</span><span>}</span>
Ein/Aus
Der Optionstyp "Ein/Aus -" zeigt einen einfachen Schalter an, mit dem die Dinge "Ein oder" oder "aus" abgeschaltet werden k?nnen. Der gespeicherte Rückgabewert ist entweder ?Ein- oder? Aus “.
<span>// OptionTree Date Time Picker Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span><span>'id' => 'spyr_demo_date_time_picker',
</span><span>'label' => __( 'Date Time Picker', 'text-domain' ),
</span><span>'desc' => __( 'Your description', 'text-domain' ),
</span><span>'std' => '',
</span><span>'type' => 'date-time-picker',
</span><span>'section' => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_date_time_picker = ot_get_option( 'spyr_demo_date_time_picker' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_date_time_picker = get_post_meta( $post->ID, 'spyr_demo_date_time_picker', true );
</span>
<span>// Checking if the date has passed
</span><span>$date = new DateTime( ot_get_option( 'spyr_demo_date_time_picker' ) );
</span><span>$now = new DateTime( "now" );
</span>
<span>// Compare the 2 dates
</span><span>// Not that this example assumes you have not changed the date format
</span><span>// through the ot_type_date_time_picker_date_format filter like shown below
</span><span>if( $now > $date ) {
</span> <span>echo 'Date is in the past';
</span><span>} else {
</span> <span>echo 'Date has not passed yet';
</span><span>}
</span>
<span>// Change displayed format and returnd value
</span><span>// Defaults to yy-mm-dd
</span><span>// Not recommended but it's possible
</span><span>add_filter( 'ot_type_date_time_picker_date_format', 'spyr_modify_date_time_picker_date_format', 10, 2 );
</span><span>function spyr_modify_date_time_picker_date_format( $format, $field_id ) {
</span> <span>if( 'spyr_demo_date_time_picker' == $field_id ) {
</span> <span>return 'mm-dd-yy';
</span> <span>}
</span><span>}</span>
Galerie
Der Optionstyp "Galerie" speichert eine mit Kommas getrennte Liste der Bildanhangs -IDs. Sie müssen eine Front-End-Funktion erstellen, um die Bilder in Ihrem Thema anzuzeigen. Sie k?nnen eine Bildgr??e erhalten, die Ihr Thema m?glicherweise über add_image_size () .
hinzugefügt hat<span>// OptionTree Measurement Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span> <span>'id' => 'spyr_demo_measurement',
</span> <span>'label' => __( 'Measurement', 'text-domain' ),
</span> <span>'desc' => __( 'Your description', 'text-domain' ),
</span> <span>'type' => 'measurement',
</span> <span>'section' => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>// Returns an array
</span><span>$spyr_demo_measurement = ot_get_option( 'spyr_demo_measurement' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>// Returns an array
</span><span>$spyr_demo_measurement = get_post_meta( $post->ID, 'spyr_demo_measurement', true );
</span>
<span>// Displaying the result side by side
</span><span>echo $spyr_demo_measurement[0] . $spyr_demo_measurement[1];
</span>
<span>// Adding a new measurement option to the list
</span><span>add_filter( 'ot_measurement_unit_types', 'spyr_ot_measurement_unit_types', 10, 2 );
</span><span>function spyr_ot_measurement_unit_types( $measurements, $field_id ) {
</span> <span>if( 'demo_measurement' == $field_id ) {
</span> <span>return array_merge( $measurements, array( 'rem' => 'rem' ) );
</span> <span>}
</span><span>}
</span>
<span>// Override list of measurements
</span><span>add_filter( 'ot_measurement_unit_types', 'spyr_ot_measurement_override_unit_types', 10, 2 );
</span><span>function spyr_ot_measurement_override_unit_types( $measurements, $field_id ) {
</span> <span>if( 'demo_measurement' == $field_id ) {
</span> <span>return array( 'rem' => 'rem' );
</span> <span>}
</span><span>}</span>
Slider
Mit dem Optionstyp "Slider" k?nnen Sie in wenigen Minuten einen Schieberegler erstellen. Sie k?nnen dann diese wiederholbaren Felder verwenden, um Informationen zu erhalten, mit denen Sie sp?ter Ihren Schieberegler bev?lkern. Diese Option wird bald zugunsten der flexibleren Option "Listenelement" veraltet.
<span>// OptionTree Numeric Slider Option Type </span> <span>// Example code when being used as a Metabox or </span><span>// Exported OptionTree file to be used in Theme Mode </span> <span>array( </span> <span>'id' => 'spyr_demo_numeric_slider', </span> <span>'label' => __( 'Numeric Slider', 'text-domain' ), </span> <span>'desc' => __( 'Your description', 'text-domain' ), </span> <span>'type' => 'numeric-slider', </span> <span>'section' => 'your_section', </span> <span>'min_max_step'=> '-500,5000,100', </span><span>) </span> <span>// Get the value saved on Theme Options Page </span><span>$spyr_demo_numeric_slider = ot_get_option( 'spyr_demo_numeric_slider' ); </span> <span>// Get the value saved for a Page, Post or CPT ( Within the loop ) </span><span>$spyr_demo_numeric_slider = get_post_meta( $post->ID, 'spyr_demo_numeric_slider', true );</span>
Listenelement
Der Optionstyp "Listenelement" erm?glicht eine gro?e Anpassung. Sie k?nnen Einstellungen zum "Listenelement" hinzufügen, und diese Einstellungen werden dem Benutzer angezeigt, wenn er ein neues "Listenelement" hinzufügt. In der Regel wird dies zum Erstellen von Schiebendinhalten oder Codebl?cken für benutzerdefinierte Layouts verwendet. Der Schieberegler ist ein Optionstyp "Listenelement" mit vier vordefinierten Feldern, sodass Sie einen Image -Schieberegler in Minuten erstellen k?nnen. Mit dem Optionstyp "Listenelement" k?nnen Sie Ihre eigenen Felder, ihre IDs und diese Felder sogar ihren eigenen Optionstyp haben. Die M?glichkeiten sind endlos.
Hier ist ein Beispiel für ein "Listenelement" -Setup.
hochladen
Der Optionstyp "Upload" wird zum Hochladen von WordPress -unterstützten Medien verwendet. Nach dem Hochladen müssen Benutzer die Schaltfl?che "An OptionTree senden" drücken, um die Eingabe mit dem URI dieser Medien zu füllen. Es gibt eine Einschr?nkung dieser Funktion. Wenn Sie die Themenoptionen importieren und Medien auf einer Website hochgeladen haben, spiegelt der alte URI die URI Ihrer neuen Website nicht wider. Sie müssen alle Medien erneut aufladen oder auf Ihrem neuen Server flohen und die URIs bei Bedarf ?ndern.
Der Optionstyp "Upload" kann auch als Anhangs-ID gespeichert werden, indem ot-upload-Antachment-ID zum Klassenattribut hinzugefügt wird. Auf diese Weise k?nnen Sie jede Bildgr??e über add_image_size () registrieren lassen. Der zurückgegebene Wert ist entweder eine Anhangs-ID oder die Quellverbindung zu einem Bild, je nachdem, ob ot-upload-Antachment-ID zum Feld der CSS-Klasse hinzugefügt wurde.
<span>// OptionTree On/Off Option Type
</span>
<span>// Example code when being used as a Metabox or
</span><span>// Exported OptionTree file to be used in Theme Mode
</span>
<span>array(
</span> <span>'id' => 'spyr_demo_on_off',
</span> <span>'label' => __( 'On/Off', 'text-domain' ),
</span> <span>'desc' => __( 'Your description', 'text-domain' ),
</span> <span>'type' => 'on-off',
</span> <span>'section' => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_on_off = ot_get_option( 'spyr_demo_on_off' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_on_off = get_post_meta( $post->ID, 'spyr_demo_on_off', true );
</span>
<span>// Checking whether it's On or Off
</span><span>if( 'off' != $onoff ) {
</span> <span>echo 'It\'s On';
</span><span>} else {
</span> <span>echo 'It\'s Off';
</span><span>}</span>
Registerkarte
Mit dem Optionstyp "Registerkarte" k?nnen Sie eine Reihe von Feldern zusammenarbeiten, die normalerweise die Seite erweitern würden. Sie werden diese Option immer wieder verwenden. Es gibt keine Rückgabewerte für dieses Feld. Die Implementierung dieser Option erfordert wie üblich nur ein paar Klicks und die Benutzeroberfl?che sieht für Sie und Ihren Kunden fantastisch aus.
Um Registerkarten über die Themenoptionen zu erstellen, müssen Sie nur sicherstellen, dass der Optionsart "Registerkarte" über der Gruppe der Felder steht, die Sie gruppieren m?chten. Sie k?nnen weitere "Registerkarten" hinzufügen, indem Sie dasselbe den anderen Optionen tun, die Sie gruppieren m?chten. Eine "Registerkarte" endet, wenn sie auf eine andere "Registerkarte" oder den Beginn eines neuen Abschnitts trifft.
Um Ihnen dies zu visualisieren, werfen wir einen Blick auf den UI -Builder mit einem Beispiel für reale Welt:
Wenn Sie die Seite der Themenoptionen unter "Aussehen" besuchen, erhalten Sie dies aus diesen Optionen.
Farbw?hler
Der Optionstyp "Color Picker" spart einen hexadezimalen Farbcode für die Verwendung in CSS. Verwenden Sie es, um die Farbe von etwas in Ihrem Thema zu ?ndern.
<span>array(
</span> <span>'id' => 'spyr_demo_date_picker',
</span> <span>'label' => __( 'Date Picker', 'text-domain' ),
</span> <span>'desc' => __( 'Your description', 'text-domain' ),
</span> <span>'type' => 'date-picker',
</span> <span>'section' => 'your_section',
</span><span>)
</span>
<span>// Get the value saved on Theme Options Page
</span><span>$spyr_demo_date_picker = ot_get_option( 'spyr_demo_date_picker' );
</span>
<span>// Get the value saved for a Page, Post or CPT ( Within the loop )
</span><span>$spyr_demo_date_picker = get_post_meta( $post->ID, 'spyr_demo_date_picker', true );
</span>
<span>// Checking if the date has passed
</span><span>$date = new DateTime( ot_get_option( 'spyr_demo_date_picker' ) );
</span><span>$now = new DateTime( "now" );
</span>
<span>// Compare the 2 dates
</span><span>// Not that this example assumes you have not changed the date format
</span><span>// through the ot_type_date_picker_date_format filter like shown below
</span><span>if( $now > $date ) {
</span> <span>echo 'Date is in the past';
</span><span>} else {
</span> <span>echo 'Date has not passed yet';
</span><span>}
</span>
<span>// Change displayed format and returnd value
</span><span>// Defaults to yy-mm-dd
</span><span>// Not recommended but it's possible
</span><span>add_filter( 'ot_type_date_picker_date_format', 'spyr_modify_date_picker_date_format', 10, 2 );
</span><span>function spyr_modify_date_picker_date_format( $format, $field_id ) {
</span> <span>if( 'spyr_demo_date_picker' == $field_id ) {
</span> <span>return 'mm-dd-yy';
</span> <span>}
</span><span>}</span>
Schlussfolgerung
Obwohl dies einige der fortschrittlichsten Funktionen von OptionTree sind, wird das Beste noch kommen. OptionTree macht es wirklich einfach, die Typografie zu verbessern und Ihnen und Ihren Kunden Ihre HTML -Elemente problemlos zu stylen. In einem zukünftigen Artikel werden wir uns mit der Arbeit mit CSS ansehen und die Optionstypen "Hintergrund" und "Typografie" erstellen, die Ihre WordPress -Themen auf eine ganz neue Ebene bringen.
h?ufig gestellte Fragen zu Optionstree Advanced Options
Wie installiere ich OptionTree auf meiner WordPress -Site? Navigieren Sie zun?chst zum Abschnitt "Plugins" in Ihrem WordPress -Dashboard. Klicken Sie in der Suchleiste auf "Neu hinzuzufügen" und suchen Sie nach "OptionTree". Sobald Sie das Plugin gefunden haben, klicken Sie auf "Jetzt installieren" und dann "aktivieren". Das Plugin sollte jetzt für die Verwendung auf Ihrer Website bereit sein. Um es zu verwenden, navigieren Sie zum Abschnitt "OptionTree" in Ihrem WordPress -Dashboard. Klicken Sie auf "Einstellungen" und dann auf "UI Builder". Von hier aus k?nnen Sie Ihrem Thema Abschnitte, Einstellungen und Optionen hinzufügen. Denken Sie daran, Ihre ?nderungen zu speichern, wenn Sie fertig sind. Navigieren Sie zum Abschnitt "OptionTree" in Ihrem WordPress -Dashboard. Klicken Sie auf "Einstellungen" und dann auf die Option, die Sie aktualisieren m?chten. Nehmen Sie Ihre ?nderungen vor und klicken Sie dann auf "Aktualisieren", um sie zu speichern. OptionTree 'Abschnitt in Ihrem WordPress -Dashboard. Klicken Sie auf "Einstellungen" und dann die Option, an der Sie interessiert sind. Der Wert der Variablen wird auf der rechten Seite des Bildschirms angezeigt.
Wie füge ich meinem OptionTree -Thema benutzerdefinierte CSS hinzu? Klicken Sie auf "Einstellungen" und dann auf "benutzerdefinierte CSS". Hier k?nnen Sie Ihren benutzerdefinierten CSS -Code hinzufügen. Denken Sie daran, Ihre ?nderungen zu speichern, wenn Sie fertig sind. Thema auf Ihrer WordPress -Site. Navigieren Sie dann zum Abschnitt "OptionTree" in Ihrem WordPress -Dashboard. Klicken Sie auf "Einstellungen" und dann auf "Kinderthema". Von hier aus k?nnen Sie die Einstellungen für Ihr untergeordnetes Thema konfigurieren. Plugin ist auf dem neuesten Stand. Wenn dies nicht der Fall ist, aktualisieren Sie es. Wenn das Problem weiterhin besteht, versuchen Sie, das Plugin zu deaktivieren und zu reaktivieren. Wenn Sie immer noch Probleme haben, müssen Sie m?glicherweise das Support -Team des Plugins kontaktieren, um weitere Hilfe zu erhalten. Auf Ihrem WordPress Dashboard. Suchen Sie "OptionTree" in der Liste der installierten Plugins und klicken Sie auf "Deaktivieren". Sobald das Plugin deaktiviert ist, k?nnen Sie auf "L?schen" klicken, um es von Ihrer Website zu entfernen. Es kann also nicht auf Nicht-Wort-Sites verwendet werden. Für andere Content -Management -Systeme sind jedoch ?hnliche Tools verfügbar, die ?hnliche Funktionen bieten. Einige Themen unterstützen jedoch m?glicherweise nicht alle Funktionen von OptionTree. Wenn Sie Kompatibilit?tsprobleme haben, müssen Sie m?glicherweise den Entwickler des Themas um Unterstützung wenden.
Das obige ist der detaillierte Inhalt vonOptionTree - Erweiterte Optionen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Hei?e KI -Werkzeuge
Undress AI Tool
Ausziehbilder kostenlos
Undresser.AI Undress
KI-gestützte App zum Erstellen realistischer Aktfotos
AI Clothes Remover
Online-KI-Tool zum Entfernen von Kleidung aus Fotos.
Clothoff.io
KI-Kleiderentferner
Video Face Swap
Tauschen Sie Gesichter in jedem Video mühelos mit unserem v?llig kostenlosen KI-Gesichtstausch-Tool aus!
Hei?er Artikel
Hei?e Werkzeuge
Notepad++7.3.1
Einfach zu bedienender und kostenloser Code-Editor
SublimeText3 chinesische Version
Chinesische Version, sehr einfach zu bedienen
Senden Sie Studio 13.0.1
Leistungsstarke integrierte PHP-Entwicklungsumgebung
Dreamweaver CS6
Visuelle Webentwicklungstools
SublimeText3 Mac-Version
Codebearbeitungssoftware auf Gottesniveau (SublimeText3)
So diagnostizieren Sie die durch WordPress verursachte hohe CPU -Verwendung
Jul 06, 2025 am 12:08 AM
Die Hauptgründe, warum WordPress den Anstieg der Server-CPU-Nutzung hervorruft, umfassen Plug-in-Probleme, Ineffiziente Datenbankabfrage, schlechte Qualit?t des Themencodes oder Anstieg des Datenverkehrs. 1. Best?tigen Sie zun?chst, ob es sich um eine hohe Belastung handelt, die durch WordPress über Oben-, HTOP- oder Bedienfeld -Tools verursacht wird. 2. Geben Sie den Fehlerbehebungsmodus ein, um die Plug-Ins nach und nach zu erm?glichen, Leistungs Engp?sse zu beheben, mit QueryMonitor die Plug-in-Ausführung zu analysieren und ineffiziente Plug-Ins zu l?schen oder zu ersetzen. 3. Installieren Sie Cache-Plug-Ins, r?umen Sie redundante Daten auf, analysieren Sie langsame Abfrageprotokolle, um die Datenbank zu optimieren. 4. überprüfen Sie, ob das Thema Probleme wie überladungsinhalte, komplexe Abfragen oder mangelnde Caching -Mechanismen aufweist. Es wird empfohlen, Standard -Thementests zu verwenden, um die Codelogik zu vergleichen und zu optimieren. Befolgen Sie die obigen Schritte, um den Ort zu überprüfen und zu l?sen und das Problem nacheinander zu l?sen.
So miniieren Sie JavaScript -Dateien in WordPress
Jul 07, 2025 am 01:11 AM
Miniving JavaScript -Dateien k?nnen die Ladegeschwindigkeit der WordPress -Website verbessern, indem sie Rohlinge, Kommentare und nutzlose Code entfernen. 1. Verwenden Sie Cache-Plug-Ins, die die Zusammenführungskomprimierung wie W3totalcache unterstützen, den Komprimierungsmodus in der Option "Minify" aktivieren und ausw?hlen. 2. Verwenden Sie ein dediziertes Komprimierungs-Plug-In wie FastVerocityMinify, um eine st?rkere Kontrolle zu erhalten. 3. Die JS -Dateien manuell komprimieren und über FTP hochladen, geeignet für Benutzer, die mit Entwicklungstools vertraut sind. Beachten Sie, dass einige Themen oder Plug-in-Skripte mit der Komprimierungsfunktion in Konflikt stehen und die Website-Funktionen nach der Aktivierung gründlich testen müssen.
So optimieren Sie WordPress ohne Plugins
Jul 05, 2025 am 12:01 AM
Methoden zur Optimierung von WordPress-Sites, die nicht auf Plug-Ins angewiesen sind, umfassen: 1. Leichte Themen wie Astra oder Generatedress verwenden, um Stapelthemen zu vermeiden; 2.. 3. Optimieren Sie die Bilder vor dem Hochladen, verwenden Sie das WebP -Format und die Steuerung der Datei. 4. Konfigurieren.htaccess, um den Browser -Cache zu aktivieren, und eine Verbindung zu CDN herstellen, um die statische Ladegeschwindigkeit zu verbessern. 5. Artikelüberarbeitung einschr?nken und redundante Datenbankdaten regelm??ig reinigen.
So verwenden Sie die Transienten -API zum Zwischenspeichern
Jul 05, 2025 am 12:05 AM
Transientsapi ist ein integriertes Tool in WordPress, um automatische Ablaufdaten vorübergehend zu speichern. Die Kernfunktionen sind set_transient, get_transient und delete_transient. Im Vergleich zu OptionsAPI unterstützt Transienten die Festlegung der überlebenszeit (TTL), die für Szenarien wie Cache -API -Anforderungsergebnisse und komplexe Computerdaten geeignet ist. Wenn Sie es verwenden, müssen Sie auf die Einzigartigkeit des wichtigsten Namens und des Namespace, des Mechanismus "Lazy Deletion" und des Problems, das m?glicherweise nicht in der Umgebung von Objekt -Cache dauert, auf die Einzigartigkeit achten. Typische Anwendungsszenarien umfassen die Reduzierung der externen Anforderungsfrequenz, die Steuerung des Codeausführungsrhythmus und die Verbesserung der Ladenleistung der Seite.
So verhindern Sie, dass Kommentare Spam programmatisch verhindern
Jul 08, 2025 am 12:04 AM
Der effektivste Weg, um Kommentare zu verhindern, besteht darin, ihn automatisch mit programmatischen Mitteln zu identifizieren und abzufangen. 1. Verwenden Sie Verifizierungscode -Mechanismen (wie Googler captcha oder hcaptcha), um effektiv zwischen Menschen und Robotern zu unterscheiden, insbesondere für ?ffentliche Websites. 2. Setzen Sie versteckte Felder (Honeypot -Technologie) und verwenden Sie Roboter, um Funktionen automatisch auszufüllen, um Spam -Kommentare zu identifizieren, ohne die Benutzererfahrung zu beeintr?chtigen. 3.. überprüfen Sie die schwarze Liste der Keywords in den Kommentaren inhaltlich, filtern Sie Spam -Informationen durch sensible Word -übereinstimmung und achten Sie darauf, dass Fehleinsch?tzungen vermieden werden. V. 5. Verwenden Sie Anti-Spam-Dienste von Drittanbietern (wie Akismet, Cloudflare), um die Identifizierungsgenauigkeit zu verbessern. Kann auf der Website basieren
Wie man Verm?genswerte für einen Gutenberg -Block eingreift
Jul 09, 2025 am 12:14 AM
Bei der Entwicklung von Gutenberg -Bl?cken umfasst die richtige Methode der Enqueue -Verm?genswerte: 1. Verwenden Sie Register_Block_Type, um die Pfade von editor_script, editor_style und style anzugeben; 2. Registrieren Sie die Ressourcen über wp_register_script und wp_register_style in functions.php oder plug-In und setzen Sie die richtigen Abh?ngigkeiten und Versionen. 3. Konfigurieren Sie das Build -Tool, um das entsprechende Modulformat auszugeben, und stellen Sie sicher, dass der Pfad konsistent ist. 4. Steuern Sie die Ladelogik des Front-End-Stils über add_theme_support oder enqueue_block_assets, um sicherzustellen, dass die Ladelogik des Front-End-Stils sichergestellt wird.
So fügen Sie Benutzern benutzerdefinierte Felder hinzu
Jul 06, 2025 am 12:18 AM
Um benutzerdefinierte Benutzerfelder hinzuzufügen, müssen Sie die Erweiterungsmethode entsprechend der Plattform ausw?hlen und auf die Datenüberprüfung und die Berechtigungssteuerung achten. Zu den allgemeinen Praktiken geh?ren: 1. verwenden zus?tzliche Tabellen oder Schlüsselwertpaare der Datenbank, um Informationen zu speichern; 2. Fügen Sie Eingangsk?sten am vorderen Ende hinzu und integrieren Sie sie in das hintere Ende. 3.. Formatprüfungen und Zugriffsberechtigungen für sensible Daten einschr?nken; 4. Aktualisieren Sie Schnittstellen und Vorlagen, um die Anzeige und Bearbeitung des neuen Feldes zu unterstützen, w?hrend die mobile Anpassung und die Benutzererfahrung berücksichtigt werden.
So optimieren Sie WordPress -Roboter txt
Jul 13, 2025 am 12:37 AM
Robots.txt ist für die SEO von WordPress -Websites von entscheidender Bedeutung und kann Suchmaschinen zum Kriechenverhalten leiten, doppelte Inhalte vermeiden und die Effizienz verbessern. 1. Blocksystempfade wie /wp-admin /und /wp-includes /, aber vermeiden Sie versehentlich das Blockieren des /Uploads /das Verzeichnis; 2. Fügen Sie Sitemap -Pfade wie Sitemap hinzu: https://yourdomain.com/sitemap.xml, um Suchmaschinen schnell zu entdecken. 3. Limit / Page / und URLs mit Parametern zur Reduzierung von Crawler -Abf?llen, aber achten Sie darauf, wichtige Archivseiten nicht zu blockieren. 4. Vermeiden Sie h?ufige Fehler, wie z. B. die versehentlicher Blockierung der gesamten Site, das Cache-Plug-In, das die Aktualisierungen beeinflusst, und das Ignorieren der Anpassung mobiler Terminals und Subdom?nen.
