آموزش سفارشی سازی قالب وردپرس

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

در این مقاله، شما را از طریق پنل‌های پیش‌فرض راهنمایی می‌کنیم و به شما نشان می‌دهیم که چگونه از سفارشی‌سازی قالب وردپرس مانند یک حرفه‌ای استفاده کنید.

نحوه دسترسی به سفارشی ساز قالب وردپرس

سفارشی ساز قالب وردپرس (WordPress Theme Customizer)، یک ویژگی پیش فرض وردپرس و بخشی از هر وب سایت وردپرسی است.

می توانید از طریق پیشخوان وردپرس خود و سپس رفتن به قسمت “Appearance (نمایش)” سپس “Customize (سفارشی سازی)” از نوار کناری، به آن دسترسی داشته باشید. با این کار رابط سفارشی‌سازی  قالب فعلی شما باز می‌شود.

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

سفارشی‌ساز به شما امکان می‌دهد پیش نمایشی زنده از آن قالب را ببینید و قبل از اینکه آن را فعال کنید تغییراتی که می‌خواهید را ایجاد کنید.

برای انجام این کار، باید به صفحه “Appearance (نمایش)” سپس “Themes (پوسته‌ها)” بروید.

در مرحله بعد، نشانگر ماوس خود را روی قالب نصب شده قرار دهید و روی دکمه “Live Preview (پیش نمایش زنده)” کلیک کنید تا صفحه سفارشی‌ساز قالب وردپرس باز شود.

نمی توانید سفارشی‌ساز قالب را پیدا کنید؟ در اینجا نحوه رفع مشکل سفارشی‌ساز قالب در پیشخوان وردپرس آورده شده است.

نحوه استفاده از سفارشی ساز قالب وردپرس

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

سفارشی‌ساز قالب وردپرس با مجموعه‌ای از پنل‌های پیش‌فرض صرف‌نظر از قالبی که استفاده می‌کنید ارائه می‌شود.

برای ایجاد تغییرات در پنل‌ها باید روی آن‌ها کلیک کنید. همچنین می‌توانید روی هر یک از نمادهای مداد آبی در سمت راست صفحه کلیک کنید تا تنظیمات مربوط به آن مورد خاص باز شود.

توجه : قالب‌های پیشرفته وردپرس، برای سفارشی سازی بیشتر، پنل‌های تنظیمات اضافی دارند.

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

---

اضافه کردن عنوان (Title)، لوگو (Logo) و فاوآیکون (Favicon) در سفارشی ساز وردپرس

پنل هویت سایت (Site Identity) در سفارشی ساز قالب وردپرس به شما امکان می‌دهد عنوان (Title) و معرفی کوتاه (tagline) وب سایت خود را اضافه کنید یا تغییر دهید.

به طور پیش فرض، وردپرس “Just Another WordPress Site” را به عنوان معرفی کوتاه سایت اضافه می‌کند.

توصیه می‌شود پس از نصب وردپرس در سایت خود، آن را تغییر دهید. در صورت تمایل می‌توانید آن را خالی بگذارید.

پنل هویت ساز (Site Identity) در سفارشی ساز قالب وردپرس نیز به شما امکان می‌دهد لوگوی سایت خود را اضافه کنید. برای آپلود لوگوی وب سایت خود، بر روی گزینه “انتخاب آیکون سایت (Select logo)” کلیک کنید.

آیا می خواهید یک فاوآیکون (Favicon) به سایت خود اضافه کنید؟ می توانید با کلیک بر روی گزینه Select site icon این کار را انجام دهید. برای راهنمایی بیشتر، می‌توانید راهنمای ما را در مورد نحوه ایجاد و افزودن فاویکون به سایت خود دنبال کنید .

---

تغییر رنگ وب سایت در سفارشی ساز وردپرس

کنترل‌های پنل رنگ‌ها (Colors)،  بسته به قالب وردپرسی که استفاده می‌کنید متفاوت است.

به عنوان مثال، قالب Twenty Seventeen به شما امکان می‌دهد رنگ متن هدر را انتخاب کنید و یک تم رنگی برای کل وب سایت خود انتخاب کنید.

سایر قالب‌های وردپرس ممکن است گزینه‌های رنگی مختلفی را برای عناصر مختلف سایت مانند عنوان‌ها، پیوندها، متن بدنه و پس زمینه وب سایت شما ارائه دهند.

---

اضافه کردن منوی ناوبری در سفارشی ساز وردپرس

پنل منوها به شما امکان می‌دهد منوهای ناوبری ایجاد کنید و محل قرارگیری آن‌ها را در وب سایت خود انتخاب کنید.

در این برگه، تمام منوهای موجود وردپرس را که قبلا ایجاد کرده اید، پیدا خواهید کرد. می‌توانید روی دکمه ” View All Locations (مشاهده همه مکان‌ها)” کلیک کنید تا محل‌های موجود برای منو که قالب شما پشتیبانی می‌کند را بررسی کنید.

برای ایجاد منوی جدید باید بر روی دکمه “Create New Menu (ایجاد فهرست جدید)” کلیک کنید.

پس از آن، باید یک نام به منوی خود بدهید تا بتوانید بعداً به راحتی آن را مدیریت کنید. همچنین می‌توانید مکان منو را انتخاب کنید و سپس برای ادامه روی “Next (بعد)” کلیک کنید.

برای افزودن آیتم‌ها به این منو، باید روی دکمه ” Add Items (افزودن موارد)” کلیک کنید تا پنل جدیدی باز شود. اکنون می‌توانید پیوندهای دلخواه (links)، صفحات (pages)، نوشته‌ها (posts)، دسته‌ها (categories) و برچسب‌ها (tags) را به عنوان آیتم‌های منو اضافه کنید.

برای مرتب کردن مجدد آیتم‌ها، می‌توانید روی Reorder کلیک کنید و سپس از نماد فلش برای تنظیم آیتم‌های منو استفاده کنید.

---

تنظیم ابزارک ها (ویجت ها) در سفارشی ساز وردپرس

پنل ابزارک به شما امکان می‌دهد ابزارک‌ها را در سایت خود اضافه و مدیریت کنید.

با کلیک بر روی آن مکان‌های مختلفی که می‌توانید ابزارک‌ها را اضافه کنید، به شما نشان می‌دهد. بسته به قالبی که استفاده می‌کنید این مکان‌ها، متفاوت خواهد بود.

به عنوان مثال، قالب Twenty Seventeen، سه مکان برای قرار دادن ابزارک ارائه می‌دهد، در حالی که قالب Twenty Nineteen تنها با یک مکان ارائه می‌دهد.

وقتی روی هر یک از آن‌ها کلیک می‌کنید، ابزارک‌هایی را که قبلاً به آن مکان اضافه کرده اید مشاهده می‌کنید.

برای افزودن ابزارک جدید، باید روی دکمه “+” کلیک کنید. با این کار یک پنل جدید باز می‌شود که در آن لیستی از تمام ابزارک‌های موجود را مشاهده خواهید کرد.

شما باید روی موردی که می‌خواهید اضافه کنید کلیک کنید. همچنین می‌توانید تغییراتی در ابزارک‌های تازه اضافه شده ایجاد کنید و با کشیدن آن‌ها به بالا یا پایین، موقعیت آن‌ها را تغییر دهید.

---

پنل تنظیمات صفحه اصلی در سفارشی ساز وردپرس

به طور پیش فرض، وردپرس آخرین پست‌های وبلاگ را در صفحه اصلی شما نمایش می‌دهد.

با این حال، برای وب سایت‌های تجاری، کاربران ترجیح می‌دهند از یک صفحه اصلی سفارشی‌سازی شده استفاده کنند. این کار به شما امکان می‌دهد صفحه فرود مناسبی داشته باشید که محصولات و خدمات شما را نمایش می‌دهد.

برای استفاده از یک صفحه اصلی سفارشی، باید “A static page (برگه ایستا)” را در پنل تنظیمات صفحه اصلی انتخاب کنید .

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

در صورتی که در سایت خود صفحه‌ای ندارید، می‌توانید با کلیک بر روی پیوند “Add New Page+ (افزودن صفحه جدید)” در زیر منوی کشویی، صفحه جدیدی ایجاد کنید. با این کار یک صفحه خالی با نام انتخابی شما ایجاد می‌شود.

---

پنلCSS برای افزودن کدهای CSS سفارشی

آیا می خواهید کد CSS سفارشی را برای دادن استایل به وب سایت خود اضافه کنید؟ می‌توانید این کار را در “Additional CSS panel (پنل CSS اضافی)” انجام دهید.

کاربران متوسط ​​و حرفه‌ای وردپرس، اغلب سایت خود را با افزودن کد CSS به طور مستقیم به پوشه‌ی style.css قالب خود سفارشی می‌کنند.

یک راه حل ساده تر برای مبتدیان این است که کد CSS سفارشی خود را به “Additional CSS panel (پنل CSS اضافی)” در سفارشی ساز قالب وردپرس اضافه کنند. این کار به شما امکان می‌دهد تغییراتی را در سایت خود ایجاد کنید و آن‌ها را به صورت زنده در سمت راست صفحه خود مشاهده کنید.

وقتی شروع به نوشتن کدهای CSS می‌کنید، وردپرس به طور خودکار کدهایی را بر اساس حروفی که تایپ می‌کنید به شما پیشنهاد می‌کند. همچنین اگر کد CSS اشتباه نوشته باشید، خطا می‌دهد.

توجه : اگر می‌خواهید وب سایت خود را بدون نوشتن کد سفارشی کنید، به خواندن ادامه دهید. ما سه روش مناسب برای مبتدیان را پیشنهاد می‌دهیم که به شما امکان می‌دهد به راحتی قالب خود را سفارشی کنید و حتی یک قالب وردپرس سفارشی ایجاد کنید .

---

سایر گزینه های سفارشی ساز قالب وردپرس

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

بسته به موضوعی که استفاده می‌کنید، ممکن است بتوانید فونت را تغییر دهید، یک تصویر پس‌زمینه اضافه کنید، طرح‌بندی را تغییر دهید، رنگ‌ها را تغییر دهید، تصاویر هدر تصادفی را اضافه کنید و …

همچنین می‌توانید با کمک افزونه‌ها، ویژگی‌های خاصی را به سفارشی‌کننده قالب خود اضافه کنید. برای مثال، می‌توانید با استفاده از افزونه Easy Google Fonts، فونت‌های سفارشی را در وردپرس اضافه کنید.

---

چک کردن پیش نمایش سایت در حالت های مختلف

برای هر صاحب وب‌سایتی مهم است که مطمئن شود وب‌سایتش برای موبایل واکنش‌گرا است و در همه اندازه‌های صفحه نمایش خوب به نظر می‌رسد.

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

در پایین پنل سفارشی ساز قالب، سه نماد و پیوند “Hide Controls (پنهان کردن کنترل‌ها)” را خواهید دید.

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

Hide Controls برای مخفی کردن پنل سفارشی ساز وردپرس مفید است تا بتوانید سایت خود را در حالت دسکتاپ به درستی مشاهده کنید.

---

انتشار، ذخیره یا زمان بندی کردن تنظیمات سفارشی ساز

هنگامی که تغییرات لازم را انجام دادید، باید آن‌ها را در سایت خود اعمال کنید. در غیر این صورت تمام زحمات شما از بین خواهد رفت.

روی دکمه “Publish (انتشار)” کلیک کنید تا تغییرات اعمال شود. پس از اتمام، می توانید روی دکمه “close (بستن)”، که در گوشه سمت چپ بالای صفحه نمایش شما قرار دارد، کلیک کنید تا از سفارشی ساز قالب خارج شوید.

اگر برای نهایی کردن طرح جدید خود به زمان بیشتری نیاز دارید، می‌توانید آن را به‌عنوان پیش‌نویس ذخیره کنید و حتی طرح جدید خود را با شخصی به اشتراک بگذارید، بدون اینکه به او اجازه دسترسی به بخش مدیریت خود بدهید.

برای انجام این کار، باید روی نماد چرخ دنده کنار دکمه “Publish (انتشار)” کلیک کنید. با این کار پنل “Action (عمل)” باز می شود.

در اینجا سه ​​گزینه وجود دارد : Publish (انتشار)، Save Draft (ذخیره پیش‌نویس) و Schedule (زمان‌بندی).

گزینه “Save Draft (ذخیره پیش‌نویس)” را در پنل Action (عمل) انتخاب کنید و سپس روی آن کلیک کنید تا تغییرات شما ذخیره شود.

اکنون می توانید لینک پیش نمایش را کپی کرده و با دیگران به اشتراک بگذارید تا بازخورد دریافت کنید.

از طرفی گزینه “Schedule (زمان‌بندی)” به شما این امکان را می‌دهد که تغییرات خود را در تاریخ و ساعت مشخصی منتشر کنید. می‌توانید از این گزینه برای برنامه‌ریزی تغییرات قالب خود استفاده کنید تا در زمانی که کمترین ترافیک را دریافت می‌کنید فعال شوند.

در نهایت، اگر می‌خواهید تغییرات منتشر نشده را بازنشانی کنید، می‌توانید روی پیوند ” Discard changes (لغو تغییرات) ” در پنل Action (فعال) کلیک کنید.

---

پیش نمایش قالب بدون فعال سازی

مواقعی وجود دارد که می‌خواهید بررسی کنید که یک قالب جدید در سایت شما چگونه به نظر می‌رسد اما نمی‌خواهید قالب را در وب سایت خود فعال کنید.

در این صورت، می‌توانید سفارشی ساز وردپرس را باز کنید تا بدون نیاز به فعال کردن قالب‌ها، آن‌ها را آزمایش کنید.

در پنل Customizer (سفارشی‌سازی)، نام قالبی که فعال است و دکمه “Change (تغییر بده)” را پیدا خواهید کرد.

اگر روی آن دکمه کلیک کنید، وردپرس تمام قالب‌های نصب شده شما را در سمت راست صفحه نمایش می‌دهد.

برای بررسی یک قالب خاص، باید روی دکمه “Live Preview (پیش‌نمایش زنده)” کلیک کنید.

همچنین می‌توانید پیش نمایش قالب‌ها را از مخزن قالب‌های وردپرس مشاهده کنید. برای انجام این کار، باید “WordPress.org themes” را در پانل سمت چپ انتخاب کنید.

می‌توانید روی دکمه “Install & Preview (نصب و پیش‌نمایش) “کلیک کنید تا قالب مورد نظر خود را بررسی کنید.

همچنین می توانید با کلیک بر روی “Filter Themes (فیلترکردن پوسته‌ها)”  که در گوشه سمت راست بالای صفحه شما قرار دارد، قالب‌ها را فیلتر کنید.

---

درون ریزی یا برون ریزی تنظیمات سفارشی ساز قالب

آیا می‌دانستید که می‌توانید تنظیمات سفارشی‌ساز قالب خود را درون ریزی یا برون ریزی کنید؟

این امکان زمانی که در حال ایجاد تغییرات در قالب خود در سرور محلی یا یک سایت استیجینگ (staging) هستید، بسیار مفید است. به جای کپی کردن دستی تنظیمات در وب سایت خود، می‌توانید به سادگی تنظیمات سفارشی ساز قالب را برون‌ریزی کنید تا در وقت خود صرفه جویی کنید.

برای اطلاعات بیشتر، می‌توانید راهنمای ما را در مورد نحوه درون ریزی و برون ریزی تنظیمات سفارشی‌ساز قالب در وردپرس را دنبال کنید.

---

جایگزین های سفارشی ساز قالب وردپرس

اگرچه سفارشی ساز وردپرس به شما امکان می‌دهد تغییراتی در سایت خود ایجاد کنید، تعداد امکانات بسته به قالبی که استفاده می‌کنید متفاوت است.

اگر قالب خود را دوست دارید، اما میخواهید که گزینه‌های سفارشی سازی اضافی داشته باشید، چه؟

در این صورت، بهترین راه حل استفاده از یکی از سه افزونه سفارشی‌سازی است که در کنار سفارشی ساز قالب وردپرس کار می‌کنند.

SeedProd

SeedProd بهترین سازنده وب سایت با قابلیت کشیدن و رها کردن برای وردپرس است. شما می‌توانید از SeedProd برای ایجاد آسان قالب‌های سفارشی وردپرس و طرح بندی صفحات بدون نوشتن هیچ کدی استفاده کنید.

SeedProd صدها طرح‌بندی صفحه از پیش ساخته شده را برای صفحات فرود، صفحات فروش، صفحات ثبت وبینار، صفحات به زودی، صفحات حالت تعمیر و نگهداری و … ارائه می‌دهد.

سفارشی سازی با بلوک‌های آماده مانند فرم هایoptin، پروفایل‌های شبکه‌های اجتماعی، دکمه‌ها، تایمرهای شمارش معکوس، فرم‌های تماس و … آسان است.

همچنین می‌توانید تم‌های رنگی را تنظیم کنید، ترکیب‌های فونت را ذخیره کنید، و از صفحات و عناصر صفحه استفاده مجدد کنید تا مجبور نباشید دوباره آن‌ها را ایجاد کنید.

CSS Hero

CSS Hero یک افزونه وردپرس است که به شما امکان می‌دهد بدون نوشتن یک خط کد، سایت خود را شخصی سازی کنید. شما این آزادی را دارید که بدون هیچ زحمتی به هر عنصر سایت خود استایل دهید.

آیا می‌خواهید صفحه ورود به سایت وردپرس خود را شخصی سازی کنید؟ CSS Hero به شما اجازه می‌دهد این کار را در عرض چند دقیقه انجام دهید.

همچنین می‌توانید تغییرات در قسمت جلویی (frontend) را ویرایش کنید و پیش‌نمایش آن را ببینید تا مطمئن شوید که طراحی شما در هر دستگاهی عالی به نظر می‌رسد.

Beaver Builder

Beaver Builder یکی دیگر از بهترین صفحه سازهای وردپرس است که به شما اجازه می‌دهد تا با استفاده از رابط کشیدن و رها کردن، صفحات خیره کننده ای برای سایت خود بسازید.

بهترین بخش این است که Beaver Builder تقریبا با هر قالب وردپرس کار می‌کند. هم‌چنین به شما امکان می‌دهد از آن با قالب فعلی خود استفاده کنید.

Beaver Builder استفاده از کدهای کوتاه و ویجت ها پشتیبانی می‌کند. همچنین انواع مختلفی از ماژول‌ها را ارائه می‌دهد که می‌توانید از آن‌ها برای استایل دادن به وب سایت خود استفاده کنید. راهنمای ما در مورد نحوه ایجاد طرح بندی های سفارشی در وردپرس را برای راهنمای بیشتر ببینید.

امیدواریم این آموزش به شما کمک کرده باشد که یاد بگیرید چگونه از  سفارشی ساز وردپرس مانند یک فرد حرفه ای استفاده کنید. همچنین ممکن است بخواهید راهنمای ما را در مورد بهترین افزونه ها و ابزارهای وردپرس برای وب سایت خود ببینید. اگر این مقاله را دوست داشتید، لطفاً در کانال یوتیوب ما  برای آموزش‌های ویدیویی وردپرس عضو شوید. شما همچنین می‌توانید ما را در  اینستاگرام دنبال کنید.

مثل همیشه، اگر سوالی دارید، ما اینجا هستیم تا به شما کمک کنیم. مهم نیست که مشکل شما چقدر کوچک است، تنها کافیست پشتیبانی را باز کنید و از متخصصان تیم پشتیبانی بخواهید تا در اسرع وقت برای کمک به شما تماس خواهد گرفت.