مقدمه ای بر سفارشی ساز تم وردپرس

یکی از مواردی که همیشه در مورد صفحات تنظیمات تم دوست نداشتم این بود که چقدر متفاوت خواهند بود. تصور کنید هر سازنده خودرو سعی می‌کند با قرار دادن چرخ‌های منحصربه‌فرد، ویژگی‌های خاص خود را اضافه کند و خواهید دید که چرا این چیز بدی برای ناشران وردپرس است.

خوشبختانه، از نسخه 3.4 و به لطف API Customizer Theme ما اصلاً به صفحات تنظیمات نیاز نداریم.

@slobodanmanic the Customizer به نوعی وبلاگ من را بی استفاده کرد، که این هم چیز خوبی است 🙂

— Konstantin Kovshenin (@kovshenin) 19 دسامبر 2012

بلوک نقل قول>

وبلاگ مورد نظر گالری گزینه‌های تم است، ویترینی از «بهترین (و بدترین) صفحه‌های گزینه‌های تم در شهر». اکثراً بدترین، اما من حدس می‌زنم که همین باعث محبوبیت آن شده است. به گفته کنستانتین، این تم سفارشی ساز است که آن را منسوخ می کند.

در طول این مجموعه پست، مزایای استفاده از Theme Customizer را در صفحات تنظیمات “قدیمی” بررسی خواهیم کرد، نحوه کارکرد Theme Customizer را بررسی خواهیم کرد، مشاهده می کنیم که چگونه می توانید آن را گسترش دهید و در نهایت صفحه دیگ بخار Theme Customizer را ایجاد می کنیم که می تواند با آن استفاده شود. هر تم وردپرس.

مزایای سفارشی ساز تم

حالا، نمی‌گویم که صفحات تنظیمات پوسته (آیا؟) همه بد هستند – اگر درست انجام شوند، شبیه یک افزونه طبیعی داشبورد وردپرس به نظر می‌رسند – فقط اینکه اکنون چیزی بهتر است. کاری که Customizer در مقایسه با صفحه تنظیمات انجام می‌دهد، این است که با برداشتن چشم‌بند از سر کاربر، فرآیند تنظیم تم را آسان‌تر می‌کند.

اگر هرگز آن را در عمل ندیده‌اید، این ویدیوی اتو را باید تماشا کنید:

بنابراین، سفارشی ساز تم دقیقاً چیست؟ طبق کدکس:

صفحه سفارشی‌سازی تم (یعنی «سفارشی‌کننده تم») به مدیران سایت اجازه می‌دهد تنظیمات یک طرح زمینه را تغییر دهند و پیش‌نمایش آن تغییرات را در زمان واقعی مشاهده کنند.

سفارشی ساز تم به طور خلاصه

Customizer Theme دارای سه جزء اصلی است – بخش‌ها، تنظیمات و کنترل‌ها. اگر Theme Customizer یک خانه بود، اتاق نشیمن شما یکی از بخش‌ها، هر چراغ در آن یک تنظیم و هر کلید چراغ یک کنترل بود. به همین سادگی است.

برای تعامل با Theme Customizer، باید به اقدام customize_register متصل شوید. با انجام این کار، $wp_customize شی، نمونه‌ای از کلاس WP_Customize_Manager را بارگیری می‌کنید که تمام کارهای سنگین را انجام می‌دهد. اطلاعات بیشتر در مورد آن در قسمت 2 این مجموعه.

از قبل آنجاست

اگر نمی‌خواهید با Theme Customizer تعامل داشته باشید و فقط باید به آن اجازه دهید این کار را در طرح زمینه شما انجام دهد، حتی ساده‌تر می‌شود. هنگامی که یک تم را از ابتدا ایجاد می کنید، Theme Customizer از قبل وجود دارد و بخش های داخلی خود را نشان می دهد. در واقع، فاصله index.php و style.css با هیچ چیز جز خطوط سرصفحه نظرات به این صورت است:

سفارشی کننده تم در یک طرح زمینه خالی

مطمئناً، چیزی برای پیش‌نمایش در آن اسکرین‌شات وجود ندارد، زیرا index.php هیچ کاری انجام نمی‌دهد، اما نکته این است – اگر یک توسعه‌دهنده تم هستید، Theme Customizer فقط فریاد می‌زند «هر وقت آماده باشید!» بنابراین دلیلی وجود ندارد که از آن در قالب وردپرس خود استفاده نکنید.

بخش‌های پیش‌فرض بیشتری وجود دارد، اما تنها در صورتی نشان داده می‌شوند که طرح زمینه شما از آنها پشتیبانی کند، فهرست کامل بخش‌های داخلی در اینجا آمده است:

• عنوان و عنوان سایت
• رنگ ها*
• تصویر سرصفحه*
• تصویر پس زمینه*
• ناوبری*
• صفحه اول ثابت

بخش‌های علامت‌گذاری‌شده (*) تنها در صورتی ظاهر می‌شوند که طرح زمینه شما از ویژگی‌های مربوطه پشتیبانی کند، اگر می‌خواهید بخش تصویر سرصفحه نمایش داده شود، تنها چیزی که نیاز دارید add_theme_support( ‘custom-header’) در جایی از شما است. فایل functions.php.

کنترل های موجود

با تمام این بخش‌ها داخلی، باید برخی از کنترل‌های موجود (کلیدهای نور، یادتان باشد؟) وجود داشته باشد تا آنها را پر کنید. این چیزی است که وردپرس خارج از جعبه به شما می دهد:

• فیلد نوشتاری
• چک باکس
• رادیو
• انتخاب
• انتخابگر رنگ
• آپلود فایل
• آپلود تصویر
• تصویر پس زمینه
• تصویر سرصفحه

احتمالاً برای اکثر تم ها به اندازه کافی خوب است، اما اگر موضوع شما خاص است (اجازه دهید حدس بزنم، درست است؟) و به کنترل های سفارشی نیاز دارد، می توانید این کار را نیز انجام دهید. ایجاد کنترل‌های سفارشی یکی از مواردی است که در این مجموعه به آن خواهیم پرداخت، پس با ما همراه باشید.

اکنون همه چیز همین است

WordPress در حال حاضر شانزده API دارد (سعی کنید همه آنها را نام ببرید!) و اگر آنها را بر اساس کاربر پسند بودن و نحوه قضاوت آنها قضاوت می کنید. ورود به داخل و شروع استفاده از آنها آسان است، هیچ یک به API سفارشی سازی تم نزدیک نمی شود.

آیا قبلاً به کاربران خود لطف کرده اید و از صفحات تنظیمات به سفارشی ساز تم تغییر داده اید؟ اگر نه، من دوست دارم بشنوم چرا و اگر دارید، تا به حال در مورد آن چه فکر می کنید؟