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

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

این قالب علاوه بر رسپانسیو بودن از صفحه ساز حرفه ای فیوژن که امکانات طراحی حرفه ای رو به کاربرا میده برخورداره و نیاز به هیچ برنامه نوسی و دانش کد نویسی نداره و به راحتی با کشیدن و رها کردن عناصر در جای دلخواه میتونید قالب مورد نظرتونو ایجاد کنین. همچنین این قالب از چهار اسلایدر مختلف و قدرتمند Elastic slider ,Layer slider ,Revolution slider Fusion slider استفاده میکنه و همگی واکنشگرا همانند خود قالب هستند.

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

برخی از امکانات قالب آوادا

پشتیبانی از زبان راست چین	استفاده از CSS و HTML5
دارای ویژگی تمام عریض و طرح جعبه ای	طراحی قالب واکنش گرا
دارای قابلیت چند زبانه بودن	فروشگاه قدرتمند مبتنی بر ووکامرس
استفاده از ترکیب رنگ نامحدود	استفاده از صفحه ساز فیوژن
انواع فرم های تماس زیبا	استفاده از 4 نوع اسلایدر
تنظیمات کاملا حرفه ای	سازگاری با انواع مرورگرها
انواع صفحات حرفه ای	انواع هدر های زیبا
صفحه وبلاگ	استفاده از نقشه های گوگل
استفاده از عناصر طراحی گرافیکی حرفه ای	استفاده به عنوان نمونه کار

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

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

تنطیمات بخش Layout قالب آوادا

در قسمت Layout میتونید طرح بندی یا layout سایت را به صورت باکس (boxed) یا عریض (wide) تعیین کنید. که به صورت پیش فرض روی حالت wide قرار داره.

• در قسمت Site Width می توانید عرض کلی سایت را کنترل نمایید که به صورت پیکسل یا درصد مشخص میشه مثلا میتونید 100% برای داشتن سایتی تمام عرض رو وار کنید یا اینکه یک مقدار مشخصی مثل 1170px را وارد کنید یعنی اینکه عرض 1170 پیکسل باشه.
• Page Content Padding: در این قسمت میتوانید میزان فاصله محتوا از بالا و پایین یا همان Padding را براساس پیکسل مشخص کنید.
• Default Page Template: مشخص میکنید که زمان ایجاد برگه به صورت پیش فرض از چه الگویی تبعیت کند و عرض آن 100 درصد باشد یا به اندازه عرض سایت.
• 100% Width Padding: در این بخش میتوانید فاصله محتوا از سمت چپ و راست یا همان padding ها را تعیین کنید این تنظیمات روی container های صفحه ساز تاثیر گذار نیست.

تنظیماتی که در ادامه تشریح میکنیم در صفحاتی با 1 سایدبار استفاده می شود.

• Single Sidebar Width: در این قسمت می توانید عرض نوار کناری سایت را کنترل نمایید . به صورت پیکسل یا درصد برای مثال 100% یا 1170px یا پیکسل.
• Single Sidebar Gutter: در این بخش فضای مورد نظر بین محتوای اصلی و سایدبار را تعیین میکنید که چقدر از یکدیگر فاصله داشته باشند.

این تنظیمات در صفحاتی با 2 سایدبار اعمال می شود.

• Dual Sidebar Width 1:  در این قسمت می توانید عرض اولین نوار کناری سایت را کنترل نمایید . به صورت پیکسل یا درصد مثلا 100% یا 1170px یا پیکسل.
• Sidebar 2 Width : در این قسمت می توانید عرض دومین نوار کناری سایت را براسا پیکسل یا درصد مشخص کنید.
• Dual Sidebar Gutter: در این فیلد هم میتونید مشخص کنید ستون ها تا محتوای اصلی چقدر فاصله داشته باشند مثلا 40px.

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

با انتخاب گزینه Responsive Design ویژگی طراحی واکنشگرا را می توانید برای قالب فعال کنید. اگر این گزینه را غیر فعال کنید layout ثابت برای وب سایت شما انتخاب خواهد شد و قالب واکنش گرایی نخواهد داشت بنابراین اگر قصد دارید قالب در دستگاه هایی با نمایشگرهای مختلف یکسان نمایش داده شود حتما قابلیت Responsive Design را در حالت On قرار دهید تا سایت در موبایل ئ تبلیت و دسکتاپ به خوبی نمایش داده شود.

• Grid Responsive Breakpoint: زمانی که طرح بندی شبکه ای را برای بلاگ یا پورتفولیو انتخاب کرده باشید، با تغییر اندازه صفحه در دستگاه های مختلف این شبکه بندی به ستون های کوچکتری تقسیم می شود و این محاسبات به صورت خودکا رانجام می شود. در این فیلد میتوانید یک عدد را برحسب پیکسل جهت کنترل میزان شکست ها وارد کنید.
• Header Responsive Breakpoint: در این قسمت می توانید زمانیکه هدر نسخه دسکتاپ در موبایل نمایش داده می شود به صورت هوشمندانه به هدر موبایلی تغییر داده شود. Breakpoint پیشنهادی 800px به همراه عرض هدر جانبی می باشد. این مقادیر به پیکسل هستند مثل 1080px

• Site Content Responsive Breakpoint: زمان بررسی محتوای وبسایت در دستگاه تلفن همراه، طرح بندی نسخه موبایلی نمایش داده شود که شامل فوتر هم هست ابعاد این بخش براساس پیکسل محاسبه می شوند.
• Sidebar Responsive Breakpoint: این گزینه برای مدیریت نحوه نمایش ستون های کناری در نسخه تلفن همراه است. مثلا 800 پیکسل
• Mobile Device Zoom: با فعال کردن این گزینه قابلیت zoom در دستگاه های تلفن همراه فعال خواهد شد. در صورتیکه که این گزینه را انتخاب نکنید قابلیت زوم غیرفعال می شود.

در بخش Element Responsive Breakpoints میتوانید تعیین کنید که المان ها در حالت رسپانسیو چطور عمل کنند. تنظیمات این بخش باعث می شود وبسایت شما در دستگاه های مختلف از جمله دسکتاپ و تبلت و موبایل به صورت بهتری نمایش داده شود.

• Small Screen: عددی را به عنوان اندازه صفحه نمایشگرهای کوچک تعیین کنید.
• Medium Screen: یک عدد را به عنوان اندازه پیش فرض صفحه نمایشگرهای متوسط وارد کنید.
• Large Screen: یک عدد را به عنوان اندازه معمول صفحه نمایشگرهای بزرگ تعیین می کنید و هر نمایشگری بزرگ تر از این اندازه بود در لیست Large Screen ها یا نمایشگرهای بزرگ قرار میگیرد و برخورد قالب و نحوه نمایش المان ها متفاوت خواهد بود.

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

• Responsive Typography Sensitivity: در این بخش می توانید میزان حساسیت رسپانسیو بودن تایپوگرافی را تعیین کنید اگر در این فیلد عدد 0 را وارد کنید این قابلیت غیرفعال خواهد شد و زمان تغییر اندازه نمایشگر کاربر، هیچگونه حساسیتی روی تایپوگرافی ها نخواهد بود اما هرچقدر این رقم بالاتر برود حساسیت رسپانسیو بودن تایپوگرافی هم افزایش خواهد یافت.
• Minimum Font Size Factor: در طراحی های رسپانسیو یک حداقلی را برای فونت سایز مشخص کنید در نظر داشته باشید سایز فونت محتوای بدنه در این فاکتور ضرب می شود.

تنظیمات رنگ بندی قالب آوادا از بخش Colors

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

• Color Palette: یک پالت رنگی از رنگ روشن تا رنگ تیره تنظیم کنید این پالت شامل 8 رنگ است اما اگر رنگ بندی های مورد نظرتان را تعیین نکنید، از کد رنگ های پیش فرض استفاده خواهد شد.
• Primary Color: یک رنگ را به عنوان رنگ اصلی سایت مشخص کنید.

تنظیمات Logo در قالب آوادا

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

• Logo Alignment: در این قسمت می توانید ترازبندی لوگو را مشخص کنید که سمت راست، مرکز یا سمت چپ باشد.
• Logo Margins: حاشیه لوگو از سمت چپ، راست بالا و پایین را به پیکسل مشخص کنید. برای مثال 10px
• Logo Background: میتوانید در فیلد Logo Custom Link UR یک آدرس سفارشی وارد کنید تا تصویر لوگو به این آدرس لینک داده شود در صورت خالی بودن این فیلد لوگو به صفحه اصلی لینک می شود.

در قسمت Default Logo میتوانید تنظیمات پیش فرض لوگو را اعمال کنید.

1. Default Logo : در این قسمت می توانید فایل تصویر لوگو را از طریق دکمه upload آپلود کنید یا از طریق دکمه remove حذف نمایید.
2. Retina Default Logo: در این قسمت می توانید فایل تصویر لوگو برای ورژن Retina لوگو را انتخاب نمایید. این تصویر باید دقیقا سایز 2x یا دو برابر از لوگوی اصلی باشد.

در بخش Sticky Header Logo میتوانید یک لوگو را برای هدر چسبان سایتتان انتخاب کنید.

• Sticky Header Logo : از طریق دکمه upload می توانید یک فایل تصویری بعنوان لوگو ثابت بخش هدر انتخاب نمایید.
• Retina Sticky Header Logo: برای نسخه رتینا هدر چسبنده، یک فایل لوگو انتخاب کنید. این فایل باید دقیقا 2 برابر اندازه لوگوی انتخاب شده در قسمت Sticky Header باشد.

در بخش Mobile Logo میتوانید مشخص کنید که لوگو در نسخه موبایلی به چه شکلی باشد و چه فایلی به عنوان لوگو در موبایل نمایش داده شود.

• Mobile Logo : در این قسمت می توانید یک فایل تصویر از طریق دکمه upload برای لوگوی موبایلی سایت خود انتخاب نمایید.
• Retina Mobile Logo: در این قسمت می توانید فایل تصویری به عنوان لوگوی موبایلی برای ورژن Retina را انتخاب نمایید. این تصویر باید دقیقا سایز 2x از لوگوی موبایلی اصلی باشد.

تنظیم آیکون کوچک سایت یا Favicon در قالب آوادا

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

• Favicon: در این قسمت می توانید فایل نمادک سایت یا favicon سایت را به صورت 16px x 16px یا 32px در 32px آپلود نمایید.
• Apple Touch Icon: در این قسمت می توانید آیکون سایت برای اپل ایفون ها را به صورت  180px در 180px آپلود نمایید.
• Android Devices Icon: در این قسمت می توانید آیکون سایت برای دستگاه های اندروید را به صورت 192px در 192px آپلود نمایید.
• Microsoft Edge Icon: فاویکون برای مرورگر مایکروسافت اج در 270px در 270px را آپلود کنید.

تنظیمات عنوان صفحه یا Page Title Bar در قالب آوادا

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

با مراجعه به بخش Page Title Bar واقع در قسمت تنظیمات آواد، می توانید نمایش یا عدم نمایش متن عنوان صفحات را مشخص کنید. این یک گزینه کلی برای هر صفحه یا پست است، و می توانید آن را از طریق تنظیمات صفحات و پست ها را به صورت تکی تغییر دهید. این قسمت یک کشو با 3 پیکربندی مختلف ارائه داده:

1. گزینه ی show bar and content برای نمایش نوان عنوان و محتوا با هم
2. گزینه ی show content only برای نمایش فقط محتوا
3. گزینه ی hide جهت مخفی کردن نوار عنوان صفحات می باشد.

• در بخش Breadcrumbs / Search Bar Content Display تعیین می کنید در ناحیه محتوایی Page Title Bar چه چیزهایی نمایش داده شود، بردکرامب؟ فیلدی برای سرچ؟ یا هیچ چیز؟!
• Page Title Bar Headings: در این قسمت میتوانید مشخص کنید که هدینگ و نوشته نوار عنوان فعال شود یا خیر.

در قسمت Page Title Bar Styling هم میتوانید تنظیماتی مثل رنگ بندی ها، ارتفاع، رنگ حاشیه ها و… را تنظیم کنید.

• 100% Page Title Width : با انتخاب این گزینه می توانید محتوای عنوان صفحات را به 100% عرض مرورگر تنظیم کنید و یا در صورتیکه این گزینه انتخاب نشود محتوای عنوان صفحات با عرض سایت تنظیم خواهد شد. این گزینه فقط در حالت wide layout کار می کند.
• Page Title Bar Height : در این قسمت می توانید ارتفاع نوار عنوان صفحات را بر حسب پیکسل مشخص کنید. برای مثال 10px
• Page Title Bar Mobile Height : در این قسمت می توانید ارتفاع نوار عنوان صفحات در موبایل را بر حسب پیکسل مشخص کنید. برای مثال 10px
• Page Title Bar Background Color : در این قسمت می توانید رنگی برای پس زمینه ی نوار عنوان صفحات انتخاب کنید. جهت انتخاب بر روی دکمه گزینش رنگ کلیک کنید.
• Page Title Bar Borders Color : در این قسمت می توانید زنگی برای خطوط یا Border قسمت نوار عنوان صفحات انتخاب کنید. جهت انتخاب بر روی دکمه گزینش رنگ کلیک کنید.

• Page Title Bar Text Alignment : در این قسمت می توانید ترازبندی متن عنوان اصلی و عنوان فرعی صفحات را به صورت چپ/راست یا وسط مشخص کنید.
• Page Title Bar Background : در این قسمت می توانید یک فایل تصویر آپلود یا آدرس یک فایل تصویر برای پس زمینه ی نوار عنوان صفحات تعیین کنید.
• Retina Page Title Bar Background Image: در این قسمت می توانید یک فایل تصویر آپلود یا آدرس یک فایل تصویر برای پس زمینه ی نوارعنوان صفحات در ورژن retina تعیین کنید.
• 100% Background Image : در صورتیکه این گزینه را انتخاب کنید، تصویر پس زمینه ی نوار عنوان، در 100% طول و عرض نوار عنوان نمایش داده خواهد شد و متناسب با مرورگر مقیاس پذیر خواهد بود.
• Parallax Background Image : با انتخاب این گزینه می توانید حالت پارالاکس تصویر پس زمینه را در هنگام اسکرول کردن فعال نمایید.
• Fading Animation : در صورتیکه این گزینه را فعال کنید، در هنگام اسکرول کردن، متن عنوان صفحات افکت fade یا محو خواهد گرفت.

تنظیمات مسیر سایت یا Breadcrumb Options در قالب آوادا وردپرس

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

• Breadcrumbs on Mobile Devices: در صورتیکه بخواهید breadcrumbs در دستگاه های موبایلی نمایش داده شود می توانید این گزینه را در حالت on قرار دهید در غیراینصورت Off را انتخاب کنید.
• Breadcrumb Prefix : در این قسمت می توانید متنی که می خواهید قبل از breadcrumbs قرار داده شود را تایپ کنید.
• Breadcrumb Separator : در این قسمت میتوانید کاراکتر یا سمبلی که می خواهید در بین قسمت های مختلف breadcrumb نمایش داده شود را وارد کنید که به صورت پیشفرض معمولا کاراکتر اسلش “/” می باشد.

• Breadcrumbs Font Size: در این قسمت میتوانید اندازه فونت Breadcrumbs را براساس واحدهای px, em یا rem تنظیم کنید. مثلا 12px
• Breadcrumbs Text Color: رنگ نوشته های Breadcrumbs را مشخص کنید.
• Breadcrumbs Text Hover Color: رنگ هاور متون Breadcrumbs را مشخص کنید به این صورت زمانی که ماورس از روی متن بردکرامب عبور کرد رنگ متن تغییر میکند و این رنگی که انتخاب کرده اید نمایش داده می شود.

• Post Categories/Terms on Breadcrumbs : برای نمایش دسته بندی پست ها در نوار Breadcrumbs می توانید این گزینه را انتخاب کنید.
• Post Type Archives on Breadcrumbs: برای نمایش آرشیو های انواع پست های سفارشی در نوار Breadcrumbs می توانید این گزینه را انتخاب کنید.
• Post Name on Breadcrumbs: در این قسمت تنظیم میکنید که آیا نام پست در مسیر breadcrumbs نمایش داده شود یا خیر.

درنهایت بعد از اعمال تنظیمات روی دکمه Save Changes کلیک کنید.

تنظیمات آیکون و لینک شبکه های اجتماعی یا Social Media در قالب avada

در بخش Social Media Icons میتوانید کلیه تنظیمات مرتبط با آیکون لینک شبکه های اجتماعی را تنظیم کنید. تنظیمات این بخش از شبکه های اجتماعی عموما در بالای صفحه یا فوترها نمایش داه می شوند. هر کدام از اکانت هایی که در شبکه های اجتماعی دارید را در این بخش تعریف کنید و آدرس اکانت را درج نمایید چنانچه اکانت های پیشنهادی را ندارید فیلد مربوطه را خالی رها کنید یا کلا آن را Delete کنید تا در نوار شبکه احتماعی درج نشود.

• facebook: اگر در فیسبوک اکانتی دارید آدرس آن را در فیلد facebook وارد کنید.
• X: اگر اکانت X یا همان توییتر را دارید آدرس اکانتتان را درج کنید در غیراینصورت فیلد را خالی بگذارید.
• Youtube: در این قسمت می توانید لینک سفارشی خود را برای نمایش آیکون Youtube وارد کنید.
• Instagram: در این قسمت می توانید آدرس اکانت اینتاگرام خود را برای نمایش آیکون شبکه اجتماعی Instagram وارد کنید. برای مخفی کردن این آیکون می توانید آن را به صورت خالی رها کنید.
• RSS: در این قسمت می توانید لینک سفارشی خود را برای نمایش آیکون خبرخوان RSS وارد کنید.
• Email Address: در این قسمت می توانید یک لینک سفارشی برای نمایش آیکون آدرس ایمیل وارد کنید. این کار برای ابجاد یک پل ارتباطی بین شما و کاربر مناسب است.

با لیک روی دکمه Add میتونید شبکه های دلخواه دیگری را هم به این بخش اضافه کنید. مثلا امکان اضافه کردن آدرس اکانت های LinkedIn ،Blogger ،Skype ،Reddit ،Dropbox،Soundcloud و… را دارید.

در قسمت Social Network از شکوی موجود میتوانید شبکه اجتماعی مورد نظرتان را انتخاب کنید. سپس در کادر Icon یک آیکن را به عنوان نماد این شبکه اجتماعی انتخاب کنید با جستجوی نام شبکه اجتماعی میتوانید آیکن های مرتبط را بیابید و در فیلد custom Link هم آدرس اکانتتان در این شبکه اجتماعی را درج کنید.

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

• Posts Slideshow Images: در این قسمت می توانید تعداد تصاویر شاخص اسلایدر های بخش نمونه کارها و وبلاگ را کنترل نمایید.
• Autoplay: با انتخاب این گزینه می توانید حالت پخش خودکار اسلایدر ها را فعال نمایید.
• Smooth Height: با انتخاب این گزینه حالت ارتفاع یکنواخت بر روی اسلایدر فعال می گردد و در زمان استفاده از تصاویر با ارتفاع مختلف مورد استفاده قرار می گیرد. لطفا توجه داشته باشید ارتفاع یکنواخت در طرح شبکه ی وبلاگ غیرفعال می باشد.
• Slideshow Speed: در این قسمت می توانید سرعت اسلایدر در پست ها و کد های کوتاه را کنترل نمایید. برای مثال 1000 = 1 ثانیه می باشد.
• Pagination Circles Below Video Slides: با انتخاب این گزینه محدوده ی صفحه گذاری بر روی اسلاید های ویدئویی نمایش داده خواهد شد. در صورتیکه این گزینه را انتخاب نکنید این ویژگی مخفی خواهد بود.
• Navigation Box Dimensions: میتوانید ابعاد کل اسلایدر یعمی طول و عرض آن را مشخص کنید که برحسب پیکسل است.
• Navigation Arrow Size: میتونید اندازه جهت نماها را مشخص کنید که برحسب px یا em یا rem تعیین می شوند مثلا 14px.

تنظیمات اسلایدر الستیک یا Elastic Slider در قالب avada وردپرس

قالب آوادا اسلایدرهای بسیار حرفه ای در دموهای خود ارائه کرده برای طراحی و نمایش این اسلایدرها از افزونه های قدرتمندی از جمله Layer Slider و Revolution Slider Fusion Slider کمک گرفته میشه. در تنظیمات آوادا از بخش Elastic Slider میتوان تنظیمات حرفه ای تری برای طراحی اسلایدرها اعمال کرد اما برای دسترسی به تنظیمات این بخش حتما باید در منوی Advanced به زیرمنوی Post Types مراجعه کنید و گزینه Elastic Slider را در حالت فعال قرار دهید.

• Elastic Slider Dimensions: در این قسمت می توانید عرض اسلایدر را بر حسب پیکسل یا درصد مشخص کنید. برای مثال 100% یا 100
• Slider Height : در این قسمت می توانید ارتفاع اسلایدر را بر حسب پیکسل مشخص کنید. برای مثال 100px
• Animation Type: در این قسمت می توانید حالت متحرکت اسلایدر را از مرکز(center) یا کنار (side) مشخص کنید.
• Autoplay : با انتخاب این گزینه اسلایدر به صورت خودکار اجرا می شود.
• Slideshow Interval: در این قسمت می توانید سرعت اسلایدر را مشخص کنید که برحسب میلی ثانیه است.

• Sliding Speed: در این قسمت می توانید سرعت حالت متحرک اسلاید را مشخص کنید. برای مثال 1000 = 1 ثانیه می باشد.
• Thumbnail Width: در این قسمت می توانید اندازه ی پهنای thumbnail ها یا تصاویر کوچک را مشخص کنید. این عدد باید بدون px برای مثال به صورت 100 وارد شود.
• Title Font Size : در این قسمت می توانید اندازه ی فونت سرصفحه را بر اساس پیکسل مشخص کنید. اندازه ی پیشفرض 42 می باشد. جهت تغییر می توانید نمودار میله ای را بکشید و عدد دلخواه را تنظیم کنید.
• Caption Font Size : در این قسمت می توانید اندازه ی فونت عنوان را بر اساس پیکسل مشخص کنید. اندازه ی پیشفرض 20 می باشد. جهت تغییر می توانید نمودار میله ای را بکشید و عدد دلخواه را تنظیم کنید.
• Title Color : در این قسمت می توانید رنگ متن سر صفحه ها را تغییر دهید. جهت انتخاب بر روی دکمه گزینش رنگ کلیک کنید.
• Caption Color : در این قسمت می توانید رنگ متن عناوین را تغییر دهید. جهت انتخاب بر روی دکمه گزینش رنگ کلیک کنید.

تنظیمات قسمت Google reCaptcha در قالب avada

در بخش تنطیمات آوادا امکان پیکربندی کپچا و اعمال آن روی بخش های مختلف سایت را دارید. برای این منظور در تنظیمات آوادا روی گزینه Google reCaptcha کلیک کنید. اولین و مهم ترین گزینه در این بخش reCAPTCHA Version است در این قسمت نسخه reCAPTCHA که استفاده میکنید را مشخص کنید و مطمئن شوید که Site Key و Secret Key ری کپتچا با نسخه ای که انتخاب کرده اید مطابقت دارند. می توانید ورژن 2 یا ورژن 3 را انتخاب کنید. در V2چک باکس ریکپچا مشخص است اما V3 نسخه جدیدتر ریکپچا است که حالتی مخفی دارد.

• ReCaptcha Site Key: در این قسمت می توانید کلید کپتچای سایت خود (Site Key) را دریافت و در فیلد این قسمت وارد کنید.
• ReCaptcha Secret Key: می توانید کلید محرمانه کپتچای سایت خود (Secret Key) را دریافت و در فیلد وارد کنید. با مراجعه به آدرس google.com/recaptcha/admin میتوانید کلیدهای کپچا را برای دامنه خود تنظیم و دریافت کنید.

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

• ReCaptcha Color Scheme : در این قسمت می توانید طرح رنگی کپتچا را به صورت روشن (light) یا تیره (dark) انتخاب کنید.
• reCAPTCHA For User Elements: با فعال کردن این گزینه کپچا در کلیه فرم های ورود، فرم های بازیابی رمز عبور و فرم های ثبتنام نیز اضافه می شوند.
• reCAPTCHA For Comments: در این قسمت میتوانید مشخص کنید که reCAPTCHA در فرم ها هم اضافه شود یا خیر.

تنظیمات صفحه جستجو در قالب avada وردپرس

در پبیشخوان وردپرس بعد از کلیک روی منوی avada در بخش Options روی گزینه Search کلیک کنید تا به قسمت تنظیمات جستجوی قالب آوادا هدایت شوید. این بخش شامل دو قسمت زیر است:

1. Search Form: بخشی برای تنظیمات جستجوی فرم ها
2. Search page: برای اعمال تنظیامت جستجو در صفحات مختلف سایت

به طور پیش فرض وقتی روی بخش Search کلیک میکنید به زیرمنوی اول یعنی Search Form هدایت خواهید شد که تنظیمات زیر را در این صفحه مشاهده می کنید:

• Limit Search Results Post Types: در این بخش میتوانید جستجو را به پست تایپ های خاصی محدود کنید با فعال کردن این گزینه کادر جدیدی نمایش داده می شود و میتوانید نوع محتوایی که قصد دارید در نتیجه جستجو به کاربر نمایش داده شود را تعیین کنید مثلا  نمونه کارها، سوالات متداول، محصولات ووکامرس، پست ها و…
• Limit Search to Post Titles: در این قسمت می توانید جستجو را فقط به عناوین پست ها محدود کنید.
• Search Form Design: این قسمت مربوط به طراحی فرم های جستجو است.
• Enable Live Search: در این قسمت میتوانید تنظیمات Live Search یا جستجوی زنده را فعال یا غیر فعال کنید. حتما این قابلیت را در وبسایت های مختلف مشاهده کرده اید که در فیلدی عبارت مورد نظرتان را جستجو میکنید و لیستی از موضوعات مرتبط را میبینید و میتوانید از میان آنها گزینه دلخواهتان را انتخاب کنید.

• Live Search Minimal Character Count: در این قسمت میتوانید مشخص کنید حداقل کاراکترهای نتایج لایو سرچ چند کاراکتر باشد.
• Live Search Number of Posts: در این قسمت مشخص میکنید که در نتیجه جستجوی زنده، چند مورد نمایش داده شود.
• Live Search Results Container Height: اینجا تعیین میکنید که ارتفاع باکسی که نتایج جستجو را نمایش میدهد چند پیکسل باشد.

• Live Search Display Featured Image: آیا در نتیجه جستجوف تصویر شاخص هم نمایش داده شود؟
• Live Search Display Post Type: مشخص کنید در لایو سرچ، پست تایپ هم نمایش داده شود یا خیر.

در نهایت برای ذخیره تغییراتی که اعمال کرده اید، روی دکمه Sava Changes کلیک کنید.

تنظیمات جستجوی در صفحات یا Search Page در قالب آوادا

• Search Results Layout: در این قسمت می توانید طرح بندی یا layout صفحه ی نتایج جستجو را وارد کنید. layoutهای در دسترس به صورت large،medium،large alternate،medium alternate،grid و Timeline می باشد.
• Number of Search Results Per Page: در این قسمت می توانید تعداد نتایج در هر صفحه را مشخص کنید که به صورت پیش فرض 10 عدد است.
• Search Pagination Type: نوع صفحه بندی صفحه نتایج جستجو را تنظیم کنید که به صورت Pagination یا صفحه بندی، Infinite Scroll اسکرول خودکار یا به صورت Load More Button دکمه ای برای نمایش بیشتر باشد.
• Number of Columns: اگرطرح بندی شبکه ای یا grid را در قسمت layouts انتخاب کرده اید، در اینجا میتوانید تعداد ستون های شبکه را مشخص کنید.
• Column Spacing: اگر در قسمت layouts طرح بندی شبکه ای را انتخاب کرده اید، در این بخش می توانید که فاصله ستون ها از یکدیگر چند پیکسل باشد.
• Search Content Display:  در این قسمت می توانید محتوایی که در نتایج جستجو نمایش داده می شوند را تعیین کنید. برای مثال فقط پست ها، پست ها و صفحات و یا فقط صفحات را انتخاب کنید.
• Search Excerpt Length: بخش چکیده محتوا، در صفحات جستجو چند کلمه باشد؟
• Search Strip HTML from Excerpt: میتوانید بخش چکیده محتوا را در حالت فعال یا غیرفعال قرار دهید.
• Featured Images for Search Results: در این بخش تعیین می کنید آیا تصویر شاخص در نتایج جستجو نمایش داده شود؟ با انتخاب دکمه off میتوانید ویژگی تصویر شاخص را برای نتایج مخفی کنید.
• Search Results Meta: چه داده ای در صفحات جستجو به کاربر نمایش داده شود؟ نویسنده، تاریخ دسته بندی ها، نظرات، لینک ادامه مطلب و…
• Search Field Position: در این قسمت می توانید موقعیت فیلد جستجو را در صفحه ی نتایج تعیین کنید . می توانید آن را در بالای صفحه یا در پایین صفحه قرار دهید و یا کلا آن را پنهان کنید.

قرار دادن تنظیمات css اختصاصی یا Custom CSS در قالب avada

 در این قسمت می توانید کد های css خود را paste کنید، سعی کنید در این قسمت کمی وسواس باشید چون هر کد css سفارشی که در این بخش وارد شود ، theme CSS اصلی را لغو خواهد کرد. در برخی موارد استفاده از تگ !important نیز مورد نیاز خواهد بود و از تصاویر یا svg یا مسیر های رمز شده استفاده نکنید زیرا محتویات این فیلد به صورت خودکار رمزنگاری خواهد شد. در فیلد CSS Code می توانید کد های خود را وارد کنید. سپس روی دکمه Save Change کلیک کنید.

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

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

نتیجه گیری

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