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

توی این آموزش تنظیمات قالب آوادا، اول سه بخش مهم یعنی Global Options، Page Options و تنظیمات Elementها رو با هم می‌شناسیم. بعد قدم‌به‌قدم می‌بینید چطور رنگ‌ها، فونت‌ها، چیدمان، هدر و فوتر سایتتون رو بدون کدنویسی تغییر بدید.

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

آوادا یک قالب و سایت‌ساز پولی برای وردپرسه و طبق صفحه رسمی آوادا در ThemeForest، بیشتر از یک میلیون فروش داره. کنار پنل تنظیمات سراسری، ابزارهایی مثل ویرایشگر زنده، صفحه‌ساز، Layout Builder، Header Builder، Footer Builder و Form Builder هم در اختیارتون قرار می‌گیرن.

آموزش تنظیمات قالب آوادا

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

قبل از تغییر تنظیمات آوادا چه کار کنیم؟

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

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

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

سه نوع تنظیمات مهم در آوادا

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

1. Global Options: همون تنظیمات سراسریه. تغییرهای این بخش معمولا روی کل سایت اثر می‌ذارن؛ مثل رنگ اصلی، فونت عمومی و عرض سایت.
2. Page Options: تنظیمات مخصوص یک برگه یا نوشته‌ست. این بخش بهتون اجازه می‌ده تنظیم سراسری رو فقط برای همون صفحه عوض کنید.
3. Element Options: تنظیمات هر المان داخل صفحه‌سازه. مثلا از اینجا می‌تونید رنگ یک دکمه یا فاصله یک ستون خاص رو تغییر بدید.

اگه یک تغییر فقط برای یک صفحه‌ست، اول Page Options رو بررسی کنید. اگه هم فقط یک دکمه، تصویر یا بخش مشخص رو می‌خواید تغییر بدید، سراغ تنظیمات همون Element برید. Global Options زمانی به کارتون میاد که می‌خواید ظاهر همه سایت هماهنگ تغییر کنه.

تنظیم رنگ‌های قالب آوادا

برای مدیریت رنگ‌های اصلی، از پیشخوان وردپرس وارد Avada بشید و بعد Options یا Global Options رو باز کنید. حالا روی بخش Colors بزنید. اسم دقیق بعضی منوها ممکنه در نسخه‌های مختلف آوادا کمی فرق داشته باشه.

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

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

تنظیم فونت و تایپوگرافی آوادا

تایپوگرافی یعنی ظاهر نوشته‌ها؛ مواردی مثل نوع فونت، اندازه متن، ضخامت و فاصله خط‌ها. برای دیدن این گزینه‌ها وارد Global Options بشید و بخش Typography رو باز کنید.

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

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

ساخت هدر و فوتر با Avada Layouts

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

در نسخه‌های جدید آوادا، روش پیشنهادی برای طراحی این دو بخش استفاده از Avada Layouts و سازنده هدر آوادا هست. تنظیمات قدیمی هدر هنوز برای بعضی ساختارها به کار میاد، ولی Layouts دستتون رو برای طراحی و انتخاب محل نمایش بازتر می‌ذاره.

1. از پیشخوان وردپرس وارد بخش Avada بشید.
2. بخش Layouts رو باز کنید و یک Layout تازه بسازید.
3. برای Header یا Footer یک بخش تازه تعریف کنید.
4. اون بخش رو با Avada Builder ویرایش کنید و لوگو، منو، متن یا دکمه‌های موردنیاز رو داخلش بذارید.
5. شرایط نمایش رو مشخص کنید تا هدر یا فوتر در کل سایت یا فقط صفحه‌های دلخواه دیده بشه.
6. تغییرها رو ذخیره کنید و نتیجه رو هم در دسکتاپ و هم در موبایل ببینید.

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

تنظیم عرض سایت و چیدمان صفحه‌ها

برای تغییر عرض کلی محتوا و مدل نمایش سایت، در Global Options دنبال بخش Layout بگردید. معمولا اینجا می‌تونید چیدمان تمام‌عرض یا جعبه‌ای رو انتخاب کنید. در حالت تمام‌عرض، پس‌زمینه بخش‌ها تا لبه صفحه می‌ره. در حالت جعبه‌ای، محتوای سایت داخل یک محدوده مشخص دیده می‌شه.

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

تنظیمات سرعت و بهینه‌سازی آوادا

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

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

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

چرا تغییرات تنظیمات آوادا دیده نمی‌شن؟

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

• ببینید Page Options تنظیم سراسری رو بازنویسی نکرده باشه.
• تنظیمات خود Element رو بررسی کنید؛ شاید رنگ یا اندازه جداگانه‌ای براش انتخاب شده باشه.
• صفحه رو در پنجره ناشناس مرورگر باز کنید.
• کش افزونه، سرور یا شبکه توزیع محتوا رو پاک کنید.
• مطمئن بشید قالب و افزونه‌های همراه آوادا نسخه‌های هماهنگی دارن.

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

جمع‌بندی

برای مدیریت تنظیمات قالب آوادا، اول مشخص کنید تغییرتون باید روی کل سایت، یک صفحه یا فقط یک المان اثر بذاره. برای تغییرهای سراسری سراغ Global Options برید، برای یک برگه یا نوشته از Page Options کمک بگیرید و جزئیات هر بخش رو از تنظیمات همون Element عوض کنید.

بهتره تنظیمات قالب آوادا رو مرحله‌به‌مرحله جلو ببرید. قبل از شروع نسخه پشتیبان بگیرید، هر بار فقط یک گزینه رو تغییر بدید و نتیجه رو در دسکتاپ و موبایل بررسی کنید. برای ساخت هدر و فوتر هم Avada Layouts انتخاب مناسب‌تری برای نسخه‌های جدید آواداست. اگه تغییری دیده نشد، ذخیره شدن تنظیمات، Page Options، تنظیمات Element و کش سایت رو به‌ترتیب بررسی کنید.

سؤالات متداول تنظیمات قالب آوادا

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

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