حتما مشاهده کرده اید که بعضی از سایت ها دارای مضامین و محتواهای آموزشی هستند،اگر شما هم از این دست سایت ها دارید مطمئنا به دنبال یک راهی هستید تا بتوانید یک سیستم تعاملی بین کاربران خود داشته باشید تا بتوانند با همدیگر به تبادل اطلاعات و گفتگو بپردازند که اینگونه سیستم ها برای سایت هایی که خدماتی را ارائه میدهند و بیشتر جنبه آموزشی دارند بسیار مفید هستند.
وردپرسی های عزیز وردپرس برای این دست از مسائل نیز افزونه های خاص خودش رو داره که یکی از بهترین افزونه های وردپرس موجود برای طراحی یک سیستم پرسش و پاسخ افزونه وردپرس HTML5 Responsive FAQ هستش که به شما در طراحی همچین سیستمی کمک شایانی خواهد کرد.
دوستان عزیز شما میتوانید با استفاده از این افزونه وردپرس یک نوع تالار گفتگو یا انجمن البته در سطح متوسط برای وبسایت خودتون طراحی کنید.
قابلیت های افزونه HTML5 Responsive FAQ:
بهره گرفته از HTML5 در طراحی
سهولت در استفاده
سئو وردپرس عالی
ریسپانسیو یا واکنش گرا بودن
پشتیبانی از انواع استایل ها
پشتیبانی از کدهای کوتاه(short code)
و…
اگر شما هم یک سایتی دارید که خدماتی رو به کاربرانتون ارائه میدهید یا یک وبسایت آموزشی تحت وردپرس دارید میتوانید براحتی از این افزونه وردپرس عالی استفاده کنید،برای دانلود میتوانید از طریق دکمه زیر اقدام نمایید:
دانلود افزونه HTML5 Responsive FAQ:
دریافت مستقیم افزونه HTML5 Responsive FAQ
مشاهده مشخصات
آموزش افزونه HTML5 Responsive FAQ:
بعد از دانلود این افزونه وردپرس از طریق دکمه بالا آنرا نصب و فعال کرده و سپس مشاهده میکنید که دو گزینه همانند تصویر زیر به پنل وردپرس شما اضافه میشوند که روی گزینه Responsive faQ کلیک میکنیم:
پس از کلیک روی گزینه مورد نظر وارد تنظیمات این افزونه میشویم که بطور پیش فرض به شکل زیر خواهد بود و شما میتوانید تنظیمات رو به دلخواه خودتون ویرایش کنید:
تنظیمات:
تنظیمات مربوط به پرسش ها و پاسخ ها رو در ادامه باهم بررسی میکنیم:
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:
تعیین فاصله بین دو پرسش و پاسخ.
خب دوستان انجام تنظیمات این بخش تمام شد پس آنرا ذخیره میکنیم و حالا مبحث بعدی برای نحوه استفاده و پیاده سازی پرسش و پاسخ ها درسایت هستش که در ادامه مورد بررسی قرار میدهیم.
به تصویر زیر توجه کنید:
پیاده سازی پرسش و پاسخ ها:
اگر به تصویر بالا توجه کنید خود این افزونه وردپرس نحوه استفاده از آنرا آموزش داده است و باید به شکل زیر عمل کنیم:
برای نمایش تمامی پرسش ها و پاسخ ها از شورتکد [hrf_faqs] استفاده میکنیم.
برای نمایش قطعه ای از پرسش و پاسخ ها از شورتکد [hrf_faqs category=’uncategorized’] استفاده میکنیم.
برای نمایش دسته ای پیوسته از پرسش و پاسخ ها از شورتکد [hrf_faqs category=’uncategorized,wordpress,plugins’] استفاده میکنیم.
برای نمایش عنوان ها در صفجه از شورتکد [‘hrf_faqs category=’uncategorized,wordpress,plugins’ title=’My Awesome Title’] استفاده میکنیم.
پس از آشنایی با تنظیمات و گزینه های گفته شده حالا نوبت به استفاده از گزینه FAQs میرسد که پیشتر به پنل ما اضافه شده بود.
البته قبل از اینکه به گزینه FAQs مراجعه کنید به دسته ها مراجعه کنید و یک ایجاد کنید.
افزودن پرسش و پاسخ:
مانند تصویر بالا گزینه های مورد نظر را انتخاب میکنیم و به صفحه ای همانند صفحه زیر هدایت میشویم:
خب دوستان در این صفحه شما میتوانید سوالات مد نظر خودتون رو وارد کنید.
در بخش چیدمان باید دقت کنید که id برای این پرسش تعیین شود و باید خودتان اینکار رو انجام دهید تا برای صفت این پرسش یک ای دی در نظر گرفته شود.
با توجه به شورتکدهایی که در بالا باهم دیگر بررسی کردیم و خدمت شما معرفی شد یکی را با توجه به نوع استفاده ای که میخواهید انتخاب کنید و سپس در یک برگه ای بگذارید تا نتیجه را براحتی بتوانید مشاهده کنید.
مطالب زیر مرتبط با این موضوع هستند شاید برای شما مفید باشند:
راه اندازی بخش پرسش و پاسخ برای محصولات
پرسش و پاسخ عمومی و خصوصی با DW Question & Answer
دوستان عزیز این آموزش وردپرس فریش تم از سری آموزش های افزونه های وردپرس به پایان رسید ، از اینکه با ما همراه بودید متشکریم.
منبع: فریش تم ، قالب وردپرس تجاری – قالب وردپرس تک صفحه ای – قالب دایرکتوری وردپرس .
