تبلیغات
طراحی و بهینه سازیمشاهده
تبلیغات

آخرین ارسال های تالار مشاهده انجمن
  • آموزش استفاده از پنل جدید سرچ کنسول ( پنل جدید) 0 پاسخ 2 بازدید
  • دانلود whmcs 7.7 نسخه سالم و بدون نیاز به لایسنس 0 پاسخ 2 بازدید
  • لایسنس King MEDIA نسخه 4.1 2 پاسخ 21 بازدید
  • تبلیغات گسترده اینستاگرامی 0 پاسخ 6 بازدید
  • مشکل در اسکریپت استک پست 0 پاسخ 6 بازدید
  • Sigma Plus 1 پاسخ 75 بازدید
  • مشکل نصب قالب Privado 2 پاسخ 22 بازدید
  • مشکل بخش نظرات ووکامرس 0 پاسخ 32 بازدید
  • بازگردانی به حالت اول 3 پاسخ 32 بازدید
  • آموزش عکاسی پرتره 0 پاسخ 6 بازدید
  • هاست

    آموزش ایجاد سوالات متداول به صورت آکاردئون در وردپرس

    آموزش ها , مقالات,آموزش,ترفند , وردپرس
    آموزش ایجاد سوالات متداول به صورت آکاردئون در وردپرسReviewed by محمد on Jun 23Rating: 4.0آموزش ایجاد سوالات متداول به صورت آکاردئون در وردپرسشاید دوست داشته باشید پرسش و پاسخ های متداول کاربران در مورد افزونه ها را روی سایتتان نمایش دهید. افزونه های زیادی برای افزودن بخش پرسش و پاسخ در وردپرس وجود دارد. در این مقاله ما به شما نحوه ی افزودن آکاردئون پرسش و پاسخ جی کوئری در وردپرس را آموزش میدهیم.

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

     

    آکاردئون چیست؟

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

     

    آموزش ایجاد سوالات متداول به صورت آکاردئون در وردپرس

     

    افزودن آکاردئون پرسش و پاسخ جی کوئری

    قبل از افزودن آکاردئون نیاز است از داشتن بخش پرسش و پاسخ اطمینان حاصل کنید. وردپرس دارای کتابخانه جی کوئری میباشد با این حال دارای قالب جی کوئری نیست. ما آنرا از گوگل CDN بارگذاری میکنیم و اسکریپتها را در وردپرس در صف قرار میدهیم. همچنین یک کد کوتاه ایجاد میکنیم که مکررا پرسش و پاسخ را نمایش میدهد و مهمتر از همه تمام این کارها را با ساخت افزونه وردپرس اختصاصی انجام میدهیم.

     

    یک فولدر روی دسکتاپ ایجاد کرده و نام آنرا my-accordion قرار دهید. یک ویرایشگر متن باز کنید و سپس یک فایل با نام  my-accordion.php ایجاد کنید و کد زیر را در آن قرار دهید:

    پس از ذخیره تغییرات یک فایل جدید باز کنید و بعنوان accordion.js ذخیره کنید. سپس کد زیر را در آن کپی کنید:

    اکنون افزونه ما آماده ی آپلود است. FTP یا فایل منیجر هاست را باز کرده و فولدر my-accordion را به دایرکتوری /wp-contnt/plugins/ در وب سایت وردپرس آپلود کنید. سپس به بخش مدیریت افزونه رفته و افزونه را فعال کنید.

     

    افزودن صفحه پرسش و پاسخ با آکاردئون

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

    سپس صفحه را ذخیره کرده و انتشار دهید. اکنون میتوانید نمایش پرسش و پاسخ را در یک منوی آکاردئون زیبا ببینید.

     

    تغییر سبک و رنگ آکاردئون

    برای رنگ و سبک آکاردئون از قالب jQuery UI در گوگل استفاده کنید. این یک سبک پایه است که اگر بخواهید میتوانید آنرا دانلود کرده و در وب سایت خود قرار دهید. وب سایت جی کوئری دارای بخش  jQuery UI themes میباشد. میتوانید آنرا با هر قالب در دسترس مانند smoothness و cupertino جایگزین کنید. همچنین میتوانید قالب را روی Themeroller ایجاد کنید یا تغییر دهید.

     

    آموزش ایجاد سوالات متداول به صورت آکاردئون در وردپرس

     

    موفق باشید

    دانلود

    .

    تور استانبول | مشاهده لیست قیمت ها


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

    مطلب مفیدی بود ؟
    نویسنده : admin 0 آموزش ها , مقالات,آموزش,ترفند , وردپرس

    لینک کوتاه مطلب : https://www.20script.ir/?p=35475

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    3,624افزونه وردپرس قرار دادن تصویر شاخص به صورت خودکار با Auto Post Thumbnail تاریخ : 2016/02/14
    1,259آموزش حذف سایدبار از قالب وردپرس تاریخ : 2018/01/25
    21,953دانلود قالب وردپرس Hueman فارسی نسخه 2.2.2 تاریخ : 2015/04/1
    2,151نمایش پست مربوط در زمان جستجو در وردپرس تاریخ : 2015/08/6
    2,358جستجوگر تمام صفحه برای وردپرس با افزونه Full Screen Search Overlay تاریخ : 2017/04/30
    4,663آموزش نصب قالب وردپرس روی هاست تاریخ : 2016/07/6
    2,585افزودن تصاویر شاخص با استفاده از کدهای ایستا در HTML تاریخ : 2014/03/14
    2,322آموزش تبدیل قالب HTML به قالب وردپرس تاریخ : 2018/02/16
    488لینک کردن اتوماتیک وردپرس به اکانت توییتر تاریخ : 2019/01/1
    2,116حل مشکل فضای خالی بالای سایت وردپرس تاریخ : 2018/05/31
    1,384قرار دادن قسمت درباره نویسنده در وردپرس تاریخ : 2018/06/5
    460ساخت برگه ها در وردپرس تاریخ : 2018/12/1
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب