abgx360.net
  • Home
  • Уроци
  • Сигурност
  • Новини и общност
  • Отзиви
RSS

Взаимодействие с персонализатор на теми за WordPress

07.06.2020 Jeffrey Wilson уроци

Взаимодействие с персонализатор на теми за WordPress
  1. 1. Въведение в персонализатора на теми WordPress
  2. 2. В момента четете: Взаимодействие с персонализатор на теми за WordPress
  3. 3. WordPress Тема за персонализиране на котлона
  4. 4. Удължаване на котлона за персонализиране на темата за WordPress
  5. 5. Тема персонализатор котел – Условни опции, Детски теми и приставки

В част 1 от серията WordPress Theme Customizer споменах, че за да взаимодействате с персонализатора на теми, трябва да заредите $ wp_customize обект, който е инстанция на WP_Customize_Manager клас. За да направите това, трябва да използвате customize_register кука за действие:


добавяне ('customize_register', 'my_theme_customize_register');
функция my_theme_customize_register ($ wp_customize) {

// Взаимодействие с $ wp_customize обект

}

Можете да поставите този код в темата на function.php или във файл, който е включен в него.

Contents

  • 1 Добавяне или премахване на елементи за персонализиране на теми (секции, настройки и контроли)
  • 2 Използване на стойностите за настройки на тематичния персонализатор във вашата тема
  • 3 Обобщение и допълнително четене

Добавяне или премахване на елементи за персонализиране на теми (секции, настройки и контроли)

След като сте заредили $ wp_customize обект, можете да използвате всеки от неговите методи за добавяне, получаване или премахване на настройки, контроли и секции в него (add_setting, get_setting, remove_setting, add_control … вие получавате точката).

Така че, ако искате GET или Премахване раздел, управление или настройка, всичко, от което се нуждаете, е неговият идентификационен номер. Този ред ще премахне раздела Цветове (поставете го във функцията my_theme_customize_register от първия фрагмент на код):

$ wp_customize-> Remove_section ('цветове');

Добавянето на секция, контрол или настройка е малко по-различно, защото изисква някои повече параметри. Няма да преживея всички тях тук по две причини:

  1. Това не е всъщност каква е целта на тази поредица, ще създадем котел за тематичен персонализатор, който можете просто да влезете във вашата тема
  2. Алекс Мансфийлд вече го обхвана в своето 6000 думи чудовище на Урок за персонализиране на теми че всеки разработчик на WordPress тема трябва да чете и след това да чурулика (сериозно, ако не сте го направили, прочетете го сега).

Но все пак, нека да разгледаме как можете да добавите собствената си настройка с контрола в нов раздел за персонализиране на теми, както и някои от аргументите. Тъй като е много по-лесно да работим с реални примери, ето какво следваме след:

  • Нов раздел, озаглавен „Оформление“
  • Нова настройка, която съхранява оформлението на вашата тема
  • Ново радиоуправление с две опции – странична лента вляво и странична лента вдясно

Първото нещо, което трябва да добавите към персонализатора на теми, е разделът „Оформление“:

$ Wp_customize-> add_section (
// ДОКУМЕНТ ЗА САМОЛИЧНОСТ
"Layout_section",
// Аргументи масив
масив (
'title' => __ ('Оформление', 'my_theme'),
'capability' => 'edit_theme_options',
'description' => __ ('Позволява ви да редактирате оформлението на вашата тема.', 'my_theme')
)
);

Не се опитвайте да го видите в персонализатора все още, раздел няма да бъде показан, освен ако към него има добавена настройка и контрол. Затова нека добавим и двете:

$ Wp_customize-> add_setting (
// ДОКУМЕНТ ЗА САМОЛИЧНОСТ
"My_theme_settings [layout_setting],
// Аргументи масив
масив (
'default' => 'дясна лента',
'type' => 'опция'
)
);
$ Wp_customize-> add_control (
// ДОКУМЕНТ ЗА САМОЛИЧНОСТ
"Layout_control",
// Аргументи масив
масив (
'type' => 'radio',
'label' => __ ('Оформление на темата', 'my_theme'),
'section' => 'layout_section',
'choices' => масив (
'лява странична лента' => __ ('Лява странична лента', 'my_theme'),
'дясна странична лента' => __ ('Дясна странична лента', 'моя_тема')
),
// Последният трябва да съответства на идентификатора на настройката отгоре
'settings' => 'my_theme_settings [layout_setting]'
)
);

Ако приемем, че четете ръководствата на Alex и / или Codex страниците, има само един параметър в масива от аргументи за добавяне на настройки – „type“, върху който бих искал да се съсредоточа. Тук имате две възможности, „опция“ и „тема_мод“ и можете да ги извлечете, като използвате get_option и get_theme_mod, съответно. Винаги използвам „опция“, просто защото ви позволява да сериализирате стойностите на настройките на темите си, като им давате идентификатори като my_theme_settings [setting_1], my_theme_settings [setting_2] По този начин всички стойности ще се съхраняват като един запис в базата данни в таблицата ви wp_options.

И накрая, след като добавихте тези два кодови фрагмента, за да функционирате, в които сте се свързали customize_register кука за действие (първи фрагмент на кода в тази публикация), персонализаторът на темата е персонализиран:

Добавен е нов раздел към персонализатора на теми

Добавен е нов раздел към персонализатора на теми

Използване на стойностите за настройки на тематичния персонализатор във вашата тема

След като предоставите на потребителите си възможност да съхраняват тази настройка, можете да вземете нейната стойност и да се закачите body_class филтър кука и добавете към масив от съществуващи класове на тялото:

add_filter ('body_class', 'my_theme_body_classes');
функция my_theme_body_classes ($ класове) {

/ *
* Тъй като използвахме 'опция' в масива от аргументи add_setting
* извличаме стойността с помощта на функцията get_option
* /
$ my_theme_settings = get_option ('my_theme_settings');

$ class [] = $ my_theme_settings ['layout_setting'];

върнете $ класове;

}

Това ще добави или лява странична лента, или права в странична лента, за масив от класове на тялото във вашата тема. Използвайки тези два класа във файла style.css на вашата тема, ще можете да създадете два различни оформления. Например:

/ * Страничната лента вдясно е оформление по подразбиране * /
#content {
плувка: вляво;
ширина: 60%;
}
#sidebar {
плувка: дясно;
ширина: 30%;
}

/ * Използване на клас отляво на страничната лента за отмяна на подредбата по подразбиране * /
.лява странична лента #content {
плувка: дясно;
}
.лява странична лента #sidebar {
плувка: вляво;
}

Най-доброто от всичко, благодарение на WordPress Theme Customizer, потребителите могат да визуализират и двете оформления, преди да запазят нещо. Вземете това, страниците за настройки на темата!

Обобщение и допълнително четене

TL; DR версията на тази публикация ще има нещо подобно: Можете да получите $ wp_customize обект и след това или да добавите нещо (раздел, настройка или контрол) към или да го премахнете. Всичко останало се свежда до параметрите на настройките.

Трета част е мястото, където тази поредица става интересна, тъй като ще започнем да автоматизираме целия процес и да работим върху Theme Customizer Boilerplate, който можете да влезете във вашата тема и да започнете да използвате веднага. Продължавайте да се настройвате!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    « 10+最好的插件来组织您的WordPress媒体库 » Как да настроите облачен хостинг WordPress облачен хостинг

    Random Posts

    • BlueHost Kontrolpanelvejledning
    • Vysoká cena bezplatných pluginů WordPress
    • Vylepšete SEO pomocí zpětných odkazů, rychlosti webu a dalších
    • 10 kostenlose WordPress-Plugins zum Verwalten eines redaktionellen Workflows
    • Jak vytvořit web Small Business WordPress
    • Jak zvýšit čas strávený návštěvníky na vašich webových stránkách WordPress
    • Fórum bbPress pro WordPress: Stručný průvodce
    • WP Optin Wheel Review: Com millorar les tarifes d’inclusió a l’instant
    • So repräsentieren Sie sich in der WordPress-Community
    • VikAppointments: Cites de llibre i programa com un cap
    • Addició de Javascript als temes de WordPress de la manera correcta
    • Comment déplacer HTTP vers HTTPS sur WordPress
    • Как да публикувате публикации в блога на WordPress чрез имейл
    • So erstellen Sie E-Mail-Tropfkampagnen für WordPress
    • Guide d’inscription BlueHost
    • Tipps, um ein freiberuflicher Autor zu werden, von einem Blogger zum anderen
    • Per què i com començar un bloc després de la jubilació amb WordPress
    • 改善您网站的WordPress功能的提示
    • 45 úžasných blogů WordPress, které byste měli sledovat
    • Com augmentar les mostres de mitjans socials des del vostre lloc de WordPress
    • 15+ nejlepších pluginů WordPress Menu
    • Dokonalý průvodce multisite WordPress
    • Einführung in den WordPress Theme Customizer
    • 2 стъпки към привличане на трафик към вашия WordPress блог с Twitter
    • WordPress的10个常见主题问题及其解决方法
    • 使用LAMP在Ubuntu上本地安装WordPress
    • 15 WordPress-Plugins für die beste Terminbuchung
    • 将您的网站或博客切换到WordPress.org的10个理由
    • 30+ στατιστικά στοιχεία και γεγονότα WordPress
    • WordPress SEO Best Practices für 2020 und darüber hinaus
    • WPEngine Review
    • WordPress-Tipps: 15 um jeden Preis zu vermeidende WordPress-Fehler
    • SiteGround Cloud Hosting-anmeldelse
    • 15 bedste gratis Favicon-generatorer
    • Jak zvýšit viditelnost online pro váš web elektronického obchodu
    • Outils de commerce électronique FatCow
    • Com exportar i importar blocs de Gutenberg a WordPress
    • Nejlepší software pro generování olova pro WordPress – recenze a průvodce OptinMonster
    • 如何设置Cloudways托管WordPress云托管
    • Slide Deck 2 WordPress Slider Plugin Recenze
    • 君主评论:ElegantThemes的社交共享WordPress插件
    • Tutoriel Shopify pour créer une boutique en ligne
    • 移动响应菜单插件,使您的WordPress网站更加适合移动设备
    • Výhody a nevýhody Multisite WordPress – Jak nainstalovat Multisite s místním Xampp
    • El millor programari de generació de plom per WordPress – OptinMonster Review and Guide
    • Consells senzills de WooCommerce per augmentar les vendes
    • Μήπως το InMotion προσφέρει πρότυπα ιστότοπου;
    • 使用这些有用的工具自定义您的WordPress主题
    • 为您的WordPress博客雇用自由作家时要寻找的内容
    • 5 Běžné problémy po spuštění aplikace WordPress
    • Podrobný průvodce migrací webu WordPress na nového hostitele
    • Архивиране на WordPress в облак с BackWPup – цялостно ръководство
    • Какво е времето за първи байт и как да го подобрим на уебсайта си WordPress
    • Kas WebHostingHub paneb reklaame oma kliendi veebisaitidele?
    • Recursos gratuïts i festius per al vostre bloc de WordPress
    • 如何加快您的WordPress博客
    • Всичко, което трябва да знаете за писането и показването на биографичен блог на WordPress
    • Top 20 af spørgsmål om webhosting besvaret
    • Revisió d’allotjament web de SiteGround
    • Recenze WP Compress Review: Snadná a rychlá optimalizace obrazu pro WordPress
    • Jak nastavit mezipaměť WordPress s mezipamětí W3 (W3TC)
    • 20 + Millors blocs de WordPress per a blocs personals i autònoms
    • Πώς να χρησιμοποιήσετε το Wix (Tutorial)
    • Dilema mezi „pěknými“ a uživatelsky přívětivými: Jak vybrat perfektní téma WordPress
    • 15+ temes de WordPress per a llocs web de cites
    • Bootstrap-huijaussivu
    • Justhost-hosting-arvostelu
    • InMotion Privat WHOIS-guide
    • So fügen Sie Ihrer WordPress-Site eine Autorenbox hinzu
    • Top WordPress Business SEO Tipps
    • 10 millors complements de gestió de diversos autors de WordPress
    • 如何选择最佳的WordPress电子商务解决方案
    • Jak může sociální obchod těžit z vašeho webu WordPress
    • 12+ millors complements de la taula de preus de WordPress
    • Überprüfung des SiteGround-Webhostings
    • Què cal cercar a WordPress Hosting
    • Moje 25 nejlepších WooCommerce úryvky pro WordPress část 2
    • Vendes, cupons i ofertes de WordPress Black Friday i Cyber ​​Monday
    • WordPress Komentáře Vylepšuje vaše stránky
    • 将WordPress网站迁移到新主机的分步指南
    • Tipy pro zlepšení funkčnosti WordPress pro váš web
    • HostGator anmeldelse
    • Jak nainstalovat více pluginů WordPress pomocí instalačního programu Multi Plugin
    • Ison-Britannian parhaat web-hosting-yritykset (tuki ja suorituskyky)
    • MochaHost-arvostelu
    • Reciclem publicacions antigues del bloc per conduir el trànsit
    • Guia pas a pas per iniciar un bloc de WordPress el 2020
    • Com afegir pestanyes a publicacions i pàgines de WordPress
    • Wie man ein erfolgreicher Blogpreneur wird und mit WordPress Geld verdient
    • 5 pluginů WordPress, které mohou zvýšit zapojení čtenářů do vašeho blogu WordPress
    • So verbieten Sie einen WordPress-Benutzer
    • Erstaunliche Traffic Boosting-Quellen für Ihr WordPress-Blog
    • 如何修复WordPress安全漏洞以获得更安全的购物体验
    • Πώς να δημιουργήσετε ένα χαρτοφυλάκιο
    • Creeu i desplegueu llocs de clients de WordPress amb DesktopServer
    • Как да намалите времето за престой на вашия уебсайт WordPress
    • Einfache Tipps für WordPress-Anfänger für den Einstieg im Jahr 2018
    • Rozhraní API pro přepis WordPress
    • SiteGround VPS Hosting Review 2020 (70% rabatkupon)
    • Κριτική φιλοξενίας Διαδικτύου Storm

    Follow us

    • facebook
    • twitter
    • dribbble

    ↑

    • Home
    • Уроци
    • Сигурност
    • Новини и общност
    • Отзиви