جلسه ۱۵: کار با بخش سفارشی سازی وردپرس

کار با بخش سفارشی سازی وردپرس

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

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

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

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

ورود به پیشخوان وردپرس

برای اینکه بتونیم سایت‌مون رو سفارشی‌سازی کنیم، قبل از هر چیز باید وارد کنترل پنل مدیریت وردپرس بشیم؛ همون جایی که بهش می‌گیم پیشخوان یا داشبورد وردپرس. برای ورود، کافیه بعد از آدرس سایتتون، عبارت /wp-admin رو بنویسید. مثلاً اگه آدرس سایتتون اینه: www.mysite.com باید وارد این صفحه بشید: www.mysite.com/wp-admin

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

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

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

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

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

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

چرا من سفارشی سازی رو ندارم؟

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

برای این کار، کافیه برید توی پیشخوان وردپرس و از منوها، دنبال گزینه‌ای مثل “تنظیمات قالب” یا اسم خود قالب (مثلاً “اهورا” یا “Astra” یا هرچی که هست) بگردید. اونجا معمولاً یه پنل تنظیمات اختصاصی برای قالب وجود داره که کلی گزینه‌ی بیشتر بهتون می‌ده و از همون‌جا می‌تونید قالب‌تون رو تنظیم و شخصی‌سازی کنید.

اگه شما از قالب اهورا استفاده می‌کنید، خیالتون راحت باشه! فرقی نمی‌کنه از کجا وارد تنظیمات بشید؛ چه از بخش “نمایش > سفارشی‌سازی” برید، چه مستقیماً از منوی “تنظیمات قالب اهورا”، همشون شما رو به همون تنظیمات اصلی می‌برن. پس جای نگرانی نیست.

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

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

تنظیمات قالب اهورا

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

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

تایپوگرافی

به عنوان مثال یکی از مهم‌ترین بخش‌هایی که توی ظاهر سایت تأثیر زیادی داره، فونت‌ها هستن. فونت‌ها نه فقط برای زیبایی، بلکه برای خوانایی و جذاب‌تر کردن محتوای سایت خیلی اهمیت دارن. اگه وارد بخش «استایل» بشید و بعد گزینه‌ی «تایپوگرافی» رو انتخاب کنید، این امکان رو دارید که فونت کلی سایت‌تون رو به راحتی تغییر بدید.

با انتخاب یه فونت جدید، تمام بخش‌های سایت مثل عنوان‌ها، متن‌های اصلی، منوها و دکمه‌ها، فونتشون به همون فونتی که شما انتخاب کردید تغییر می‌کنه. معمولاً قالب‌های خوب (مثل اهورا) اجازه می‌دن برای هر بخش از سایت، فونت متفاوتی انتخاب کنید. مثلاً یه فونت برای عنوان‌ها (Heading‌ها) و یه فونت دیگه برای متن‌های عادی (بدنه).

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

سربرگ

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

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

تنظیمات مشترک بین تمام قالب‌ها

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

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

ووکامرس

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

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

هویت سایت

یکی دیگه از بخش‌های مشترک بین بیشتر قالب‌های وردپرس، بخش هویت سایت (Site Identity) هست.

این قسمت درواقع به معرفی کلی سایت شما مربوط می‌شه و اطلاعاتی رو در خودش داره که توی قسمت‌های مختلف مرورگر یا موتورهای جستجو نمایش داده می‌شن. توی این بخش معمولاً با سه گزینه‌ی اصلی روبه‌رو هستید:

1.‌ ‌عنوان سایت: اسم اصلی سایت شماست. مثلاً اگه سایت فروشگاهی دارید، می‌تونید اسم برند یا فروشگاه‌تون رو اینجا وارد کنید.

2.‌ معرفی کوتاه (شعار سایت): یه توضیح خیلی مختصر درباره‌ی سایتتون. مثلاً «فروشگاه تخصصی پوشاک زنانه» یا «آموزش رایگان طراحی سایت با وردپرس». این متن معمولاً زیر عنوان سایت یا در تب مرورگر نمایش داده می‌شه (اگه قالب پشتیبانی کنه).

3.‌ ‌نمادک سایت (Favicon): همون آیکون کوچیکی که کنار عنوان سایتتون توی تب مرورگر نمایش داده می‌شه.
برای این بخش باید یه تصویر مربعی با ابعاد ۵۱۲ در ۵۱۲ پیکسل انتخاب کنید. فرمت PNG یا JPG مناسبه، اما بهتره تصویر ساده، واضح و مرتبط با برندتون باشه. نمادک شاید کوچیک به نظر برسه، ولی تأثیر زیادی توی حرفه‌ای به‌نظر رسیدن سایت داره. پس حتماً یه نمادک اختصاصی برای سایتتون آماده و از این بخش بارگذاریش کنید.

نمادک چیه؟

تا حالا به اون آیکن کوچیکی که کنار اسم سایت توی تب مرورگر دیده می‌شه دقت کردید؟ مثلاً وقتی سایت google.com رو باز می‌کنید، یه آیکن ساده و معروف از گوگل کنار عنوان تب دیده می‌شه. یا وقتی وارد سایت مایکروسافت یا میهن وردپرس می‌شید، یه آیکن کوچیک از برند خودشون همون‌جا کنار اسم سایت نمایش داده می‌شه. اون آیکن کوچیک همون چیزیه که بهش می‌گن: ‌نمادک سایت یا Favicon.

نمادک باعث می‌شه که سایت شما توی مرورگر کاربر قابل تشخیص‌تر باشه. مخصوصاً وقتی کاربر چند تا تب باز کرده، اون آیکن کوچیک خیلی کمک می‌کنه که سریع سایت شما رو پیدا کنه. معمولاً این نمادک باید به شکل یه تصویر مربعی با سایز ۵۱۲ در ۵۱۲ پیکسل آپلود بشه. بهتره تصویر واضح، ساده و مرتبط با لوگو یا برند شما باشه. چون هم توی تب مرورگر، هم توی بخش علاقه‌مندی‌های مرورگر (Bookmarks) و حتی گاهی اوقات توی نتایج جستجو هم ممکنه نشون داده بشه.

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

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

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

پس به طور کلی، هر قالبی که روی وردپرس نصب می‌کنید، یه سری تنظیمات مخصوص به خودش داره. این تنظیمات معمولاً توی بخش «سفارشی‌سازی» یا از طریق تنظیمات اختصاصی قالب در پیشخوان قابل دسترسی هستن. نکته جذاب اینه که شما می‌تونید هر تغییری که دوست دارید روی ظاهر سایت‌تون اعمال کنید؛ از رنگ‌ها و فونت‌ها گرفته تا استایل منو، فوتر، صفحه محصول و کلی چیز دیگه.

یکی از بهترین قابلیت‌های این بخش اینه که همه‌ی تغییرات رو همون لحظه، به صورت زنده در سمت چپ صفحه‌تون می‌تونید ببینید. یعنی لازم نیست حدس بزنید که بعد از ذخیره چه شکلی می‌شه! همه‌چیز کاملاً واضح جلوی چشم‌تونه و هر زمان که راضی بودید، با یه کلیک می‌تونید تغییرات رو ذخیره و منتشر کنید.

چرا قالب وردپرس اهورا؟

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

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

صحبت آخر

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

اما این فقط شروع کاره! توی جلسات بعدی می‌ریم سراغ بخش‌هایی مثل ابزارک‌ها، فهرست‌ها و امکانات دیگه‌ای که کمک‌مون می‌کنن سایت‌مون رو بهتر مدیریت کنیم و تجربه‌ی کاربری بهتری برای بازدیدکننده‌هامون بسازیم. پس اگه تا اینجا همراه ما بودید، منتظر آموزش‌های بعدی باشید چون کم‌کم داریم وارد بخش‌های جذاب‌تر وردپرس می‌شیم. شاد و سربلند باشید.🙂

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

دوره رایگان آموزش وردپرس

تیم تولید محتوا

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