ساخت اسلایدر جی کوئری در وردپرس با WOW Slider

اسلایدر جی کوئری در وردپرس

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

اسلایدر جی کوئری در وردپرس با WOW Slider

wow slider - اسلایدر جی کوئری در وردپرس

افزونه wow slider افزونه ای است که امکان ساخت اسلایدر جی کوئری در وردپرس را برای کاربران خود فراهم می کند. این افزونه طرفداران بسیاری دارد و چیزی حدود 20000 نصب داشته است.

نصب و راه اندازی افزونه

برای نصب افزونه می توانید به بخش افزونه ها و سپس افزودن افزونه ی جدید مراجعه کرده و آن را نصب کنید. پس از نصب می توانید افزونه را فعال کنید. پس از فعال سازی با گزینه ای با عنوان ” WOW slider” در منوی سمت راست پیشخوان مواجه می شوید که مربوط به افزونه ی مورد نظر است.

menu - اسلایدر جی کوئری در وردپرس

حال شما می توانید از بخش all sliders تمامی اسلایدرهای ساخته شده را مشاهده کنید و البته به همراه شورت کد آنها موجود است.

  ساخت اسلایدر هوشمند در وردپرس با Smart Slider3

publish slider- اسلایدر جی کوئری در وردپرس

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

ساخت اسلایدر جی کوئری در وردپرس

بر روی گزینه ی Add new کلیک می کنیم. صفحه ای ساده مطابق تصویر زیر نمایان می شود.

build slider- اسلایدر جی کوئری در وردپرس

Upload

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

Import from folder

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

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

نتیجه عملکرد

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

بروز رسانی توسط آذر اسفندیاری 

دانلود افزونه WOW Slider

دانلود صفحه افزونه

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

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

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. لطفاً برای درج کد در سایت راهنمائی کنید
    ممنون

  2. باتشکر ، لطفاً نسخه واکنش گرا نیز منتشر بفرمائید

  3. سلام.لطفا بیشتر توضیح میدین؟؟؟محل فایل html خودش یعنی چی؟این فایل دانلود شده رو باید کدوم قسمت هاست بریزیم تا توی مدیریت وردپرس کار کند؟در ضمن اگه بخوایم بندازین بالای صفحه باید چیکار کنیم؟مبتدی هستم

  4. آقای محترم مدیر سایت , آدم باید واسه کاربراش ارزش قائل باشه. شما این افزونه رو گذاشتی اما هیچ کس به خاطر مشکل جای گذاری کدها نمی تونه ازش استفاده کنه ، الان 10 نفر + خودم این مشکل رو داریم.

  5. با سلام
    ممنون فوق العاده بود

  6. با سلام
    ممنون عالی بود

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

  8. سلام آقای حاجی محمدی.اینجا (http://www.slidesjs.com/examples/standard/) یه اسلایدر عکس هست که باjquery کار میکنه.میخوام بدونم.چطوری میتونم از این اسلایدر درون سایت وردپرسم استفاده کنم.
    یعنی کدهای javascript و jquery رو کجا کپی کنم.
    (نکته:از پلاگین نمیخوام استفاده کنم،میخوام کدش رو بنویسم)
    هر کاری کردم نشد،لطفا کمک کنید.

  9. سلام میشه این کد اسلایدر پایینی ساتتون رو بزارید هین که داخلش 3 باکس هستش نمیدونم لیتکدونی تبلیغاتی داخلش ایران پایگاه و این چیزا نوشته بی زحمت بزارید این اسلایدر رو

  10. سلام امکانش هست که به صورت اتوماتیک کار نکنه؟

  11. سلام داداش

    یه سوال داشتم

    می خواستم از این اسلایدر در قالب نیوک استفاده کنم میشه لطف کنید و آموزش جایگذاری رو بگید

    دقیقا باید کدام کد رو داخل قالب جای گذاری کنم؟

    می توانید کد رو مشخص کنید؟

    • 51 سال عضو همیار وردپرس

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

  12. درود

    دوست گرامی وقت کردید یک آموزش کوتاهی از طریقه بارگزاری این اسلایدر قرار بدید سپاس گزار میشم .

    ممکنه این آموزش برای شما ساده باشه ، برای من و امثال من اینطور نیست . امیدوارم این بار فقط به اعلام اینکه ( کار سختی نیست ) پاسخ من رو همانند دیگران ندهید .

  13. سلام
    داداش من ،رفیق من، من نوکرتم میشه یه خورده دقیق تر و صریحتر توضیح بدی که چه جوری میتونیم این اسلاید شو زیبا رو توی قالب وبلاگ قرار بدیم؟

  14. توضیحات خیلی کمه
    این کد هایی رو که تو پیش نمایش هست باید چی کار کنیم؟

  15. سلام، من یک اسلایدر جی کوئری دارم و میخوام بزارم بالای صفحه اما نمیدونم چطور؟
    اول فکر میکردم باید بزارمش توی پلاگینها تا نصبش کنم ولی دیدم نمیشه اصلا اینجوری نیست
    میشه کمکم کنید بهم ایمیل بزنید
    [email protected]

  16. سلام.
    توی پیش نمایش قسمتی هست به نام “Add start script”.
    اینو کجا باید قرار بدی؟

  17. با سلام
    منم به این پلاگین وپلاگین های مشابه احتیاج دارم میشه دقیق تر و به زبون سلیس فارسی توضیح بدید .که باید دقیقا چی کار کرد من تا حالا با jquery کار نکردم.
    با تشکر

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

  19. ممنون
    جالب بود و البته خیلی ساده

  20. لینک ها مشکل دارند

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

  22. سلام، من خیلی وقته دنبال این افزونه هستم. لطفا نام افزونه رو معرفی کنید . مرسی … منتظرم

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

مطالب زیر را حتما بخوانید

دوره‌های آموزشی