نحوه سفارشی کردن نمای کلی options در وردپرس

این آموزش مروری بر گزینه‌های سفارشی سازی در قالب‌های وبلاگ نویسی وردپرس ارائه میده.

Customizer یک رابط تنظیمات WYSIWYG هست. این به شما امکان میده فونت‌ها، طرح بندی، ویجت‌ها و منوها رو مدیریت کنین. مزیت اصلی اینه که میتونین بلافاصله نتیجه رو مشاهده کنین و اون رو در همون لحظه بدون نیاز به کار با فایل‌ها یا کدها تغییر بدین.

برای دسترسی به صفحه Customize، صفحه Appearance > Customize در پنل مدیریتتون رو باز کنین:

چندین گزینه رو در اینجا میبینین:

بیاین نگاهی دقیق‌تر به تمام تظیمات موجود بندازیم:

Site Identity: در اینجا میتونین تنظیمات identity جانبی رو تنظیم کنین:

• عنوان سایت شما
• Site tagline: عبارت کوتاهی شبیه به توضیحات سایت
• میتونین tagline رو در دکمه بالا، فعال/غیرفعال کنین

تنظیمات عمومی سایت:

• لوگو و Favicon: اینجا میتونین لوگو و Favicon رو پیکربندی کنین. انتخاب کنین که آیا از لوگوی متنی یا تصویری استفاده بشه. میتونین آرم تصویر رو از کتابخانه رسانه انتخاب کنین. اگر نوع لوگوی متنی رو انتخاب کردین، عنوان سایت شما به عنوان لوگو استفاده میشه. اینجا میتونین سبک لوگوی متن رو تغییر بدین.
• اینجا میتونین نماد سایت رو تغییر بدین. نمادها باید مربعی باشن. حداکثر اندازه نماد، 32×32 پیکسل هست. میتونین از favicon در صفحه نمایش retina استفاده کنین. حداکثر اندازه تصویر retina باید 512×512 پیکسل باشه. همچنین میتونین هنگام باز کردن صفحه، Retina optimization رو فعال کنین و preloader رو نشون بدین.

• Breadcrumbs: اینجا میتونین Breadcrumbs رو تنظیم کنین. میتونین مسیر Breadcrumbهای کامل/کوچیک شده رو نشون بدین و عنوان صفحه رو در قسمت Breadcrumbs در صفحه اول، فعال/غیرفعال کنین:

• Social links: اینجا میتونین لینک‌های اجتماعی سایت رو تنظیم کنین. میتونین لینک‌های اجتماعی رو در هدر، پاورقی، صفحه وبلاگ یا پست‌های تک وبلاگ نشون بدین:

• Page Layout: اینجا میتونین الگوی طرح بندی container اصلی وبسایت رو انتخاب کنین. نوع طرح بندی رو انتخاب کنین: پهنای کامل یا جعبه‌ای. عرض container اصلی وبسایت رو بر حسب پیکسل تنظیم کنین و نسبت عرض رو برای نوار کناری سایت انتخاب کنین: 1/3 یا 1/4:

 

Color Scheme: میتونین طرح‌های Regular و Invert رو تغییر بدین:

Colors: اینجا رنگ پس‌زمینه سایت رو تغییر بدین:

Typography: اینجا میتونین هدرها و تایپوگرافی متن رو پیکربندی کنین:

Header: میتونین تنظیمات هدر رو در اینجا تنظیم کنین:

• Header Styles: اینجا میتونین رنگ پس زمینه هدر سایت یا تصویر پس زمینه رو تعریف کنین. موقعیت، طرح بندی و سبک پس زمینه رو تغییر بدین:

• Top Panel: اینجا میتونین محتوای متن پنل بالای هدر رو تعریف کنین. فرم جست‌وجو در قسمت هدر رو نمایش بدین/پنهون کنین. یا رنگ پس زمینه پنل بالایی رو تغییر بدین:

• تنظیمات منوی اصلی رو در اینجا پیکربندی کنین. فعال/غیرفعال کردن ویژگی‌های منوی sticky و عنوان:

تصویر پس زمینه: اینجا میتونین تصویر پس‌زمینه سایت رو تعریف کنین:

بخش منوها: به شما امکان میده منوی سایت رو ویرایش کنین و تنظیمات مکان اون رو تغییر بدین:

• Menus location: پوسته شما از 4 منو پشتیبانی میکنه. انتخاب کنین کدوم منو در چه مکانی ظاهر بشه. همچنین میتونین با ویجت منوی سفارشی، منوها رو در مناطق ویجت قرار بدین:

• Main Menu
• Footer Menu
• Social network menu

موقعیت نوار کناری رو در تب sidebar انتخاب کنین. میتونین از یکی از موقعیت‌های موجود استفاده کنین:

•  Sidebar on the left side.
• Sidebar on the right side.
• 2 sidebars.
• No sidebars:

MailChimp: اینجا میتونین حساب MailChimp خودتون رو راه‌اندازی کنین. کلید MailChimp API رو وارد کنین و MailChimp list رو انتخاب کنین:

میتونین تمام قسمت‌های ویجت‌های موجود در بخش ویجت‌ها ببینین:

تنظیمات پاورقی: به شما امکان میده طرح و محتوای پاورقی رو تغییر بدین: لوگوی پاورقی، متن حق چاپ، پس زمینه پاورقی و رنگ متن رو تغییر بدین:

تنظیمات وبلاگ: اینجا میتونین طرح بندی صفحه وبلاگ رو تغییر بدین. عناصر پست‌های وبلاگ (نویسنده پست، تاریخ انتشار، دسته‌ها، برچسب‌ها) رو فعال/غیرفعال کنین:

گزینه Static Front Page به شما امکان میده یک صفحه اول ثابت رو انتخاب کنین: