خانه / وردپرس / آموزش وردپرس / معرفی افزونه HTML5 Responsive FAQ برای طراحی سیستم پرسش و پاسخ

تاریخ انتشار: بهمن 29, 1395 تعداد بازدید: 959 بازدید تعداد دیدگاه ها: 0

معرفی افزونه HTML5 Responsive FAQ برای طراحی سیستم پرسش و پاسخ

عرض و سلام و وقت بخیر دارم خدمت همه شما همراهان ارجمند فریش تم.

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

وردپرسی های عزیز وردپرس برای این دست از مسائل نیز افزونه های خاص خودش رو داره که یکی از بهترین افزونه های وردپرس موجود برای طراحی یک سیستم پرسش و پاسخ افزونه وردپرس HTML5 Responsive FAQ هستش که به شما در طراحی همچین سیستمی کمک شایانی خواهد کرد.

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

 

faqs

 

قابلیت های افزونه HTML5 Responsive FAQ:

  • بهره گرفته از HTML5 در طراحی
  • سهولت در استفاده
  • سئو وردپرس عالی
  • ریسپانسیو یا واکنش گرا بودن
  • پشتیبانی از انواع استایل ها
  • پشتیبانی از کدهای کوتاه(short code)
  • و…

 

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

دانلود افزونه HTML5 Responsive FAQ:

دریافت مستقیم افزونه HTML5 Responsive FAQ

مشاهده مشخصات

آموزش افزونه HTML5 Responsive FAQ:

بعد از دانلود این افزونه وردپرس از طریق دکمه بالا آنرا نصب و فعال کرده و سپس مشاهده میکنید که دو گزینه همانند تصویر زیر به پنل وردپرس شما اضافه میشوند که روی گزینه Responsive faQ کلیک میکنیم:

Capture

پس از کلیک روی گزینه مورد نظر وارد تنظیمات این افزونه میشویم که بطور پیش فرض به شکل زیر خواهد بود و شما میتوانید تنظیمات رو به دلخواه خودتون ویرایش کنید:

Capture

تنظیمات:

تنظیمات مربوط به پرسش ها و پاسخ ها رو در ادامه باهم بررسی میکنیم:

Category/Main title font size:

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

Text color of question:

زمانی که کاربری سوالی میکنید آن سوال چه رنگی داشته باشد؟

Background color of question:

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

(Text size of question (in pixels:

اندازه ی فونت سوال رو تعیین میکنیم.

select heading type for question:

نوع عنوان سوال رو مشخص میکنیم(h2.h3.h4.h5.h6)

Text Color of Answer:

زمانی که کاربر پاسخی میدهد،پاسخ چه رنگی داشته باشد؟

Background color of Answer:

در این گزینه میتوانیم رنگ پس زمینه پاسخ رو مشخص کنیم.

(Text size of question (in pixels:

اندازه ی فونت پاسخ رو تعیین میکنیم.

Select style of bullet:

انتخاب سبک نشانه ها.

Background color of bullet:

رنگ پس زمینه نشانه رو تعیین میکنیم.

Gap between 2 FAQs:

تعیین فاصله بین دو پرسش و پاسخ.

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

به تصویر زیر توجه کنید:

Capture

پیاده سازی پرسش و پاسخ ها:

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

  • برای نمایش تمامی پرسش ها و پاسخ ها از شورتکد  [hrf_faqs] استفاده میکنیم.
  • برای نمایش قطعه ای از پرسش و پاسخ ها از شورتکد [hrf_faqs category=’uncategorized’] استفاده میکنیم.
  • برای نمایش دسته ای پیوسته از پرسش و پاسخ ها از شورتکد  [hrf_faqs category=’uncategorized,wordpress,plugins’] استفاده میکنیم.
  • برای نمایش عنوان ها در صفجه از شورتکد [‘hrf_faqs category=’uncategorized,wordpress,plugins’ title=’My Awesome Title’] استفاده میکنیم.

پس از آشنایی با تنظیمات و گزینه های گفته شده حالا نوبت به استفاده از گزینه FAQs میرسد که پیشتر به پنل ما اضافه شده بود.

البته قبل از اینکه به گزینه FAQs مراجعه کنید به دسته ها مراجعه کنید و یک ایجاد کنید.

Untitled

 

افزودن پرسش و پاسخ:

مانند تصویر بالا گزینه های مورد نظر را انتخاب میکنیم و به صفحه ای همانند صفحه زیر هدایت میشویم:

Capture

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

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

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

مطالب زیر مرتبط با این موضوع هستند شاید برای شما مفید باشند:

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

پرسش و پاسخ عمومی و خصوصی با DW Question & Answer

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

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

کانال تلگرام فریش تم
  • دیدگاه شما پس از تایید در سایت نمایش داده می شود.
  • از ارسال متن بصورت فینگلیش خودداری نموده و فارسی تایپ کنید.
  • دیدگاه و سوالات شما توسط کارشناسان ما بین 1 تا 12 ساعت پاسخ داده خواهد شد.
  • از ارسال دیگاه جهت پشتیبانی محصولات تجاری پرهیز و برای پشتیبانی از بخش پشتیبانی سایت اقدام فرمائید

هنوز دیدگاهی ثبت نشده است.