تعامل با Customizer Theme WordPress

  1. 1. آشنایی با سازنده تم وردپرس
  2. 2. در حال خواندن: تعامل با Customizer Theme WordPress
  3. 3. Boilerplate Customizer Theme WordPress
  4. 4. گسترش قالب Boilerplate Customizer Theme WordPress
  5. 5. قالب سفارشی سازنده قالب – گزینه های شرطی ، مضامین کودک و افزونه ها

در قسمت 1 از سری WordPress Theme Customizer ذکر کردم که برای تعامل با Theme Customizer باید بارگیری کنید $ wp_customize شی ، که نمونه ای از آن است WP_Customize_Manager کلاس برای انجام این کار ، شما باید استفاده کنید customize_register قلاب عمل:


add_action ('customize_register'، 'my_theme_customize_register')؛
عملکرد my_theme_customize_register ($ wp_customize) {

// تعامل با $ wp_customize شی

}

می توانید این کد را در function.php درون مضمون خود یا پرونده ای که از آن گنجانده شده است قرار دهید.

افزودن یا حذف عناصر Customizer Theme (بخش ها ، تنظیمات و کنترل ها)

پس از بارگیری $ wp_customize شما می توانید با استفاده از هرکدام از روشهای خود ، برای افزودن ، دریافت یا حذف تنظیمات ، کنترلها و بخشهای موجود در آن (add_setting ، get_setting ، remove_setting ، add_control … نکته را کسب می کنید).

بنابراین ، اگر می خواهید گرفتن یا برداشتن یک بخش ، کنترل یا تنظیمات ، تمام آنچه شما نیاز دارید شناسه آن است. این خط بخش Colors را حذف می کند (آن را درون عملکرد my_theme_customize_register از قطعه کد اول قرار دهید):

$ wp_customize-> remove_section ("رنگ")؛

اضافه کردن یک بخش ، کنترل یا تنظیم کمی متفاوت است زیرا به پارامترهای بیشتری احتیاج دارد. من به دو دلیل همه آنها را در اینجا نمی گذرانم:

  1. هدف این سری واقعاً نیست ، ما می خواهیم یک قالب بک گراند تم شخصی ساز ایجاد کنیم که به جای آن می توانید درون موضوع خود قرار دهید
  2. الکس مانسفیلد قبلاً آن را در 6000 کلمه هیولا از a قرار داده است آموزش شخصی سازی تم که هر توسعه دهنده وردپرس باید بخواند و سپس درباره آن صدای جیر جیر کند (به طور جدی ، اگر قبلاً وجود نداشت ، اکنون آن را بخوانید).

اما هنوز ، نگاهی می اندازیم که چگونه می توانید تنظیمات خود را با کنترل در یک بخش جدید Customizer Theme و همچنین برخی از آرگومان ها اضافه کنید. از آنجا که کار با مثال های واقعی بسیار ساده تر است ، آنچه در ادامه می خواهیم بیان می شود:

  • بخش جدید با عنوان “طرح بندی”
  • یک تنظیم جدید که طرح موضوع شما را ذخیره می کند
  • یک کنترل رادیویی جدید با دو گزینه – نوار کناری در سمت چپ و نوار کناری در سمت راست

اولین چیزی که می توانید به Theme Customizer اضافه کنید بخش “Layout” است:

$ wp_customize-> add_section (
// شناسه
'layout_section',
// آرایه آرگومان
آرایه(
'title' => __ ('Layout'، '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',
// آرایه آرگومان
آرایه(
'نوع' => 'رادیو',
'label' => __ ("طرح زمینه" ، "my_theme"),
'بخش' => 'layout_section',
'گزینه' => آرایه (
'نوار کناری سمت چپ' => __ ('نوار کناری سمت چپ' ، 'my_theme'),
'نوار سمت راست' => ​​__ ('نوار کناری سمت راست' ، 'my_theme')
),
// این آخرین باید با تنظیم شناسه از بالا مطابقت داشته باشد
'settings' => 'my_theme_settings [layout_setting]'
)
)؛

با فرض اینکه شما صفحات آموزش الکس و / یا Codex را خوانده اید ، فقط یک پارامتر در آرایه آرگومان های add_setting وجود دارد – “نوع” – که می خواهم روی آن تمرکز کنم. شما دو گزینه در اینجا ، “گزینه” و “theme_mod” دارید و می توانید با استفاده از آنها بازیابی کنید get_option و get_theme_mod, به ترتیب. من همیشه از گزینه “ساده” استفاده می کنم زیرا به شما امکان می دهد مقادیر تنظیمات موضوع را با دادن شناسه های مختلف به آنها سریالی کنید my_theme_settings [تنظیم_1], my_theme_settings [تنظیم_2] و غیره به این ترتیب تمام مقادیر به عنوان یک ورودی پایگاه داده در جدول wp_options شما ذخیره می شوند.

و در آخر اینکه ، پس از اضافه کردن آن دو قطعه کد برای عملکرد شما به آن وصل شده اید customize_register قلاب عمل (اولین قطعه کد در این پست) ، Theme Customizer سفارشی شده است:

بخش جدید به Theme Customizer اضافه شد

بخش جدید به Theme Customizer اضافه شد

با استفاده از مقادیر تنظیمات تنظیم کننده تم در موضوع خود

بعد از اینکه به کاربران خود توانایی ذخیره سازی این تنظیمات را داده اید ، می توانید مقدار آن را بگیرید ، وارد کنید بدن قلاب را فیلتر کرده و آن را به مجموعه کلاسهای بدن موجود اضافه کنید:

add_filter ('body_class'، 'my_theme_body_classes')؛
عملکرد my_theme_body_classes ($ کلاس) {

/ *
* از آنجا که در آرایه آرگومانهای add_setting از "گزینه" استفاده کرده ایم
* ما با استفاده از تابع get_option مقدار را بازیابی می کنیم
* /
$ my_theme_settings = get_option ('my_theme_settings')؛

$ کلاس [] = $ my_theme_settings ['layout_setting']؛

کلاسهای $ را برگردانید

}

این یا نوار کناری سمت راست یا نوار سمت راست به مجموعه ای از کلاس های بدن در موضوع شما اضافه می کند. با استفاده از این دو کلاس در پرونده style.css موضوع خود می توانید دو طرح بندی مختلف ایجاد کنید. مثلا:

/ * نوار کناری در سمت راست طرح پیش فرض است * /
#محتوا {
شناور به سمت چپ؛
عرض: 60٪؛
}
#sidebar {
شناور: درست؛
عرض: 30٪؛
}

/ * استفاده از کلاس نوار کناری برای رد کردن طرح پیش فرض * /
.نوار کناری سمت چپ # محتوا
شناور: درست؛
}
.نوار کناری سمت چپ # sidebar {
شناور به سمت چپ؛
}

از همه بهتر ، به لطف WordPress Theme Customizer ، کاربران می توانند قبل از ذخیره هر چیزی ، پیش نمایش هر دو طرح را مشاهده کنند. صفحه های تنظیمات موضوع را در نظر بگیرید!

خلاصه و خواندن بیشتر

TL ؛ نسخه DR این پست چیزی شبیه به این خواهد بود: می توانید $ wp_customize شی دریافت کنید و سپس چیزی (بخش ، تنظیم یا کنترل) را به آن اضافه کنید یا از آن حذف کنید. پارامترهای تنظیمات همه چیز کم می شود.

قسمت سوم جایی است که این سریال جالب می شود زیرا ما شروع خواهیم کرد به اتوماسیون کل مراحل و کار بر روی قالب Customizer Boilerplate که می توانید به درون موضوع خود بیفتید و بلافاصله شروع به استفاده کنید. گوش به زنگ باشید!

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map