این نوشته قسمت 6 از مجموع 8 در سری آموزش کامل ویژوال کامپوزر می باشد

در مقاله های معرفی و نصب افزونه ویژوال کامپوزر، تنظیمات عمومی، ویرایشگر پیشرفته، ایجاد برگه سفارشی و المان Hover Box، تمامی نکات مربوط به افزونه ویژوال کامپوزر جهت آشنایی و تسلط هر چه بیشتر شما مورد بحث و بررسی قرار گرفته است. اکنون در این مقاله از کانی تمز به آموزش المان سوالات متداول (FAQ) در ویژوال کامپوزر می پردازیم. با ما همراه باشید.

 

المان سوالات متداول در ویژوال کامپوزر

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

برای افزودن المان سوالات متداول به صورت زیر عمل کنید:

  1. همانطور که در مقاله ایجاد صفحه در ویژوال کامپوزر آموزش داده شد، برگه ای جدید ایجاد کنید.
  2. برای افزودن المان جدید بر روی علامت + کلیک کنید.
  3. در صفحه ی باز شده، المان سوالات متداول را انتخاب کنید.

 

انتخاب المان سوالات متداول

 

  1. با افزودن المان FAQ به صفحه، پنل تنظیمات مربوط به المان نیز ظاهر می شود.

تنظیمات المان سوالات متداول

 

بررسی تب عمومی پنل تنظیمات سوالات متداول

نکته در بخش زیر از “بخش تغییر وضعیت” به جای تاگل یا Toggle استفاده شده است .

عنوان تاگل Toggle یا تغییر وضعیت : در این قسمت عنوان سوالی که باید پاسخ داده شود را وارد کنید.

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

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

رنگ آیکون: در این قسمت می توان رنگ آیکون بخش تغییر وضعیت که در قسمت استایل تنظیم کرده اید را انتخاب کنید.

سایز: سایز بخش تغییر وضعیت المان را می توانید در سه اندازه Small – Normal – Large قرار دهید.

حالت پیش فرض: مقدار بخش تغییر وضعیت در حالت پیش فرض روی Close قرار دارد. اما اگر می خواهید سوال و جواب نشان داده شود، مقدار حالت پیش فرض را روی Open قرار دهید.

CSS متحرک: به شما امکان اضافه کردن انیمیشن CSS به المان را می دهد.

نکته: انیمیشن های CSS گاهی در موبایل ها اجرا نمی شوند پس سعی کنید خیلی کم از این گزینه استفاده کنید.

 

بررسی تب تنظیمات طراحی

این تب به شما امکان تنظیم خصوصیاتی مانند Border، Margin، Padding، Background را می دهد. توصیه می شود از این قسمت استفاده کنید چرا که در زیبایی المان نقش بسیاری دارد.

 

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

استفاده از فونت سفارشی

افزونه صفحه ساز ویژوال کامپوزر WPBakery Page Builder – قسمت پنجم – المان Hover Boxافزونه صفحه ساز ویژوال کامپوزر WPBakery Page Builder – قسمت هفتم – المان تصویر تکی
پیشنهاد می کنیم برای دریافت آخرین مطالب کانال تلگرام کانی تمزرا دنبال کنید .