استفاده از ۴ اسلایدر مختلف در وردپرس با Meta Slider +آموزش ویدئویی

اسلایدر در وردپرس

بروز رسانی در تاریخ ۱۳۹۶/۰۹/۱۸
سلام؛
وجود یک  اسلایدر در وردپرس به‌صورت شیک و زیبا، مسلما جذابیت ویژه‌ای به وبسایت ما خواهد داد و در عین حال انتخاب آن نیز باید با وسواس و دقت صورت گیرد.
اسلایدرهای کاربردی در وردپرس بسیار دیده می‌شود و ما نیز در همیار وردپرس به نمونه‌هایی از آن‌ها اشاره کردیم. یکی از اسلایدرهایی که عملکرد جالبی دارد و مخاطب فوق‌العاده‌ای نیز به خود اختصاص داده “Meta Slider” است. در واقع یک افزونه اسلایدر است اما ۴ مدل مختلف اسلایدر را می تواند نمایش دهد. مطمئنا شما نیز دوست دارید از چنین افزونه‌ای در وبسایت خود استفاده کنید. پس به جمع علاقه‌مندان این افزونه بپیوندید…

اسلایدر در وردپرس

Meta Slider افزونه بسیار قدرتمندی است که می‌تواند به ۴ شکل مختلف اسلایدر در وردپرس ایجاد کند. این افزونه کاملا ریسپانسیو و منعطف است که شامل انواع اسلایدرهای “Nivo Slider، Flex Slider، Coin Slider و Responsive Slides” می‌شود. اگر موافقید به بررسی عملکرد Meta Slider بپردازیم.

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

meta slider- اسلایدر در وردپرس

پس از نصب افزونه و فعال‌سازی آن، دکمه ای با عنوان “Meta Slider” به منوی سمت راست وردپرس اضافه می شود.

meta hamyarwp-اسلایدر در وردپرس

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

create slider hamyarwp-اسلایدر در وردپرس

با کلیک بر روی آیکون “+” می توان یک اسلایدشو ایجاد کرد.

تنظیمات

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

choose slider hamyarwp-اسلایدر در وردپرس

ما تصمیم داریم در این آموزش هر ۴ مدل اسلایدر را تست کنیم.

قرار دادن اسلاید

در قسمت عرض و ارتفاع می‌توانید اندازه دلخواه را وارد کنید و نوع افکت را از منوی کشویی مشخص نمایید.
در سمت راست این جعبه تنظیمات، می‌توانیم تصاویر مورد نظر را به عنوان اسلایدر در وردپرس اضافه کنیم…

  ساخت فرم تماس در وردپرس با Contact Form by BestWebSoft

add slider- اسلایدر در وردپرس

به همین شکل که می‌بینید اسلایدها را اضافه می‌کنیم (به هر تعداد که می خواهید!)

نکته ی جالب!!! مورد جالبی که در این اسلایدر وجود دارد این است که شما می‌توانید برای هر تصویر علاوه بر عنوان، سئوی مناسبی را در نظر بگیرید و در واقع بر روی سئوی آن کار کنید.

پس از انجام تمامی تنظیمات، بر روی گزینه ذخیره کلیک کنید تا اسلایدر در وردپرس ذخیره شود و یا اگر می‌خواهید همین جا نتیجه کار را مشاهده کنید بر روی گزینه ی ذخیره و مشاهده کلیک نمایید.

۱- Flex Slider

flex slider- اسلایدر در وردپرس

۲- Responsive Slides

responsive slider- اسلایدر در وردپرس

۳- Nivo Slider

nivo slider- اسلایدر در وردپرس

۴- Coin Slider

coin slider- اسلایدر در وردپرس

همانطور که ملاحظه می کنید، ۴ مدل اسلایدر را می‌توانید به راحتی ایجاد کنید. حال برای قرار دادن آن در سایت می‌توانید از شورت‌کد و همچنین کد پی‌اچ‌پی که در جعبه ابزار سمت چپ در اختیار شما قرار گرفته کمک بگیرید.

برای قرار گرفتن در برگه ها

 [metaslider id=ID number] 

جمع بندی! 

وجود یک اسلایدر در وردپرس با توجه به فعالیتی که داریم، می‌تواند جذابیت و زیبایی را به وبسایت ما هدیه کند. همان قدر که زیبایی مد نظر ماست به همان اندازه باید برای انتخاب اسلایدری سبک و منعطف جستجو کنیم. ما این کار را انجام دادیم و یک افزونه فوق العاده و پرکاربرد که تا به امروز بالای ۶۰۰۰۰۰ نفر از آن استفاده کرده‌اند را پیدا کردیم که امکان استفاده از چهار اسلایدر در یک بسته را به شما می دهد.

ویدئوی آموزشی

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

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

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

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

319,259 نفر

پاسخی بگذارید

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

  1. 2 ماه عضو همیار وردپرس

    سلام من افزونه رو نصب؛ اسلایدر ساختم و بعد خواستم در صفحه اصلی سایت قرار بدم
    به کمک افزونه Shortcode Widget قرار دادم
    حالا مشکل اینه که اسلایدر ثابت نیست و با بالا وپایین رفتن اونم حرکت میکنه
    اگه لطف کنید و راهنمایی بفرمایید که چگونه در صفحه اصلی ثابت نگه دارم ممنون میشم
    با تشکر از تیم خوبتون

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

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

  2. 3 سال عضو همیار وردپرس

    پرونده فرستاده شده بزرگ‌تر از upload_max_filesize در php.ini است.
    بببخشید من افزونه meta slider دانلود کردم این پیغام چیه؟چرا نصب نمیشه تو بارگذاری؟

  3. 1 سال عضو همیار وردپرس

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

  4. با سلام
    من میخوام اسلاید رولوشن که میزارم کلا بچرخه
    مثل مکعب
    باید چکارکنم
    لطفا راهنمایی کنید

  5. 1 سال عضو همیار وردپرس

    محل قرار دادن کد اسلایدر کجا هستش در قالب سایت

  6. 4 سال عضو همیار وردپرس

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

  7. سلام.
    نسخه ی pro این افزونه امکاناتی مانند layer دارد که در نسخه ی رایگان آن قرار ندارد. برای استفاده از این امکان حتما باید افزونه را بخریم؟ آیا افزونه ی رایگان دیگری برای اینکار وجود ندارد؟

  8. من هر کاری میکنم و سایز رو هم تغییر می دم ولی اسلایدر خیلی کوچیکه علتش چیه؟

  9. من هر کاری میکنم و سایز رو هم تغییر می دم ولی اسلایدر خیلی کوچیکه علتش چیه؟در ضمن از افزونه ویژوال کامپوزر استفاده کردم

  10. 2 سال عضو همیار وردپرس

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

  11. 4 سال عضو همیار وردپرس

    سلام …
    چرا بعد از نصب و راهندازی و قرار دادن کد داخل قالب هنگام باز کردن سایت بجاش کد هار مربوطه دیده میشه و با یه رفرش ساده دوباره قالب نشون داده میشه
    این امر هر بار تکرار میشه!

  12. 4 سال عضو همیار وردپرس

    چطوری میتونم li ها رو جوری لیست کنم که بجای اینکه مصلا اسلاید بشن و بره به اسلاید بعدی، تمام li ها کنار هم نمایش داده بشن و کل این اسلایدها ه کنار هم قرار گرفتن حالت حرکت به چپ و راست آهسته داشته باشن؟
    نمیدونم متوجه منظورم شدید یا نه
    ببینید بصورت کلی نمیخوام اسلاید ها (li ها) اسلاید بشن، فقط میخوام کنار هم قرار بگیرن و در یک قاب کلی دیده بشن، مثل یک بنر که از چندتا تصویر li کنار هم قرار گرفته تشکیل شده

  13. سلام
    ببخشید بنده این اسلایدر رو نصب کردم اما فقط flex slider رو درست نشون میده و اون سه تای دیگه رو که انتخاب میکنم اسلایدر رو یا نشون نمیده یا تصاویر رو زیر هم بدون استایل نشون میده. میشه راهنمایی کنید مشکل از کجاست؟
    همچنین smart slider رو هم همین مشکل رو دارم یعنی تنظیمش میکنم ولی خروجیش فقط عکس تصاویر زیر هم هست و اسلایدری در کار نیست.
    ممنونم میشم کمکم کنید.

  14. سلام
    برای قرار دادن متااسلایدر در هدر قالب یا سربرگ، کد php دقیقاً در کدوم خط از توابع php باید کپی بشه؟ کد:

    و اینکه آیا خود عبارت باید نوشته بشه یا خیر؟
    البته از طریق شورت کد هم در پست و هم در برگه مراحل رو انجام دادم، ولی در هدر یا سربرگ قرار نمی گیرد. قالب من mh tech-magazine است.

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

      سلام
      معمولا بعد از تگ بگذارید جواب میده و البته داخل header.php باشه.

    • عباراتی که گفتین در توابع پوسته نیست. کد توابع پوسته و کد اسلایدر رو می فرستم لطفاً شما جایگذاری نمایید. تشکر
      توابع پوسته قالب من:
      ”, ‘default-text-color’ => ‘333f49’, ‘width’ => 300, ‘height’ => 100, ‘flex-width’ => true, ‘flex-height’ => true));
      }
      add_action(‘after_setup_theme’, ‘mh_techmagazine_custom_colors’);

      /***** Remove Functions from Parent Theme *****/

      function mh_techmagazine_remove_parent_functions() {
      remove_action(‘mh_before_header’, ‘mh_magazine_boxed_container_open’);
      remove_action(‘mh_after_footer’, ‘mh_magazine_boxed_container_close’);
      remove_action(‘admin_menu’, ‘mh_magazine_lite_theme_info_page’);
      remove_action(‘customize_controls_enqueue_scripts’, ‘mh_magazine_lite_customizer_js’);
      }
      add_action(‘wp_loaded’, ‘mh_techmagazine_remove_parent_functions’);

      /***** Enable Wide Layout *****/

      function mh_techmagazine_wide_container_open() {
      echo ” . “n”;
      }
      add_action(‘mh_after_header’, ‘mh_techmagazine_wide_container_open’);

      function mh_techmagazine_wide_container_close() {
      mh_before_container_close();
      echo ‘‘ . “n”;
      }
      add_action(‘mh_before_footer’, ‘mh_techmagazine_wide_container_close’);

      ?>
      کد php اسلایدر:

  15. سلام من این اسلایدر رو نصب کردم //وکدشو تو قالب گزاشتم ولی وقتی سایت بالا میاد چند پانیه اولش عکس ها پشت سر هم عمودی میان بعد فوری اسلایدر به شکل طبیعیش در میاد …مشکل چیه؟

  16. salam bbkhshi vase man slide poshte sare ham miyad nmidoonam chera

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

      سلام
      شما احتمالا کد پی اچ پی در قالب قرار میدید و این اتفاق میفته!
      جایی که میذارید مناسب نیست، امتحان کنید و در بخش های دیگری قرار دهید

  17. 4 سال عضو همیار وردپرس

    سلام قالب سایتم این wen-business هست می خوام از این اسلایدر به جای اسلایدر موجود در فالب در سایتم استفاده کنم اما نمی دانم که کجا باید کد بنویسم خواهشا زوردی راهنماییم کنید

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

  19. من یه همچین افزونه رو میخوام برای مطالب. بهترین افزونه تو این زمینه چیو معرفی میکنید؟

  20. سلام
    من دنبال افزونه اسلایدری هستم که بتونم جای عکس توی اسلایدر بجاش فیلم قرار بدم.
    مثل سایت های زیر:
    roshanmobl.com
    bodesepid.ir
    اگه افزونه ای میشناسید،ممنون میشم معرفی کنید
    با تشکر

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

  22. سلام و خسته نباشید
    وب سایت بسیار خوبی دارین
    من یه سوالی داشتم اگه زحمتی نیست راهنمایی کنید
    من تو خود قالبم اسلایدر هست
    خواستم ببینم چجوری تو اسلایدرم عکس قرار بدم؟
    با کد نویسی؟ یا چجوری؟
    ممنون میشم راهنمایی کنید.

  23. 4 سال عضو همیار وردپرس

    با سلام و خسته نباشید
    من کد php اسلاید رو در header.php قرار داده ام و اسلایدر در گوشه چپ قرار میگیره و از style.css هم نتونسم درستش کنم شایدم هم نتونسم درست انجام بدم میشه راهنمایی بفرامایین لطفا.ممنون

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

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

  26. 4 سال عضو همیار وردپرس

    قالب جدید خیلی خوب شده طراحی متریال هم دیده میشه و همبنطور به مطالب راحت تر دسترسی پیدا میکنیم. بنظرم به جای اینکه منو کشویی از چپ بیاد بهتر بود همون زیر سه خط باز میشد مثل من: persianmusic.ngig.ir

  27. 4 سال عضو همیار وردپرس

    سلام
    ببخشید اینجا مطرح میکنم…جایی پاسخ ندادند:| من افزونه عضویت واسه وردپرس شبکه میخوام ….افزونه هایی که سایت see5.ir استفاده کرده واسه عضویت چیه؟
    چطور موقع ثبت نام یه قالب انتخاب میکنی و همون نصب میشه رو وردپرس شبکه >؟ لطفا راهنمایی کنید

  28. قالب جدیدتون مبارک ، ولی ارزش نداشت که قبلی رو به خاطر این قالب عوض کنید قبلیه خیلی بهتر و شکیل تر از این بود. این خیلی ساده و ابتدائیه.

  29. با سلام . ببخشید کجا قرار بدیم . هرجا میزارم نمیاد

  30. خیلی خوبه. چقدر دنبال این امکان بودم. مرسی از لطفتون.

  31. 4 سال عضو همیار وردپرس

    سلام، وقتتون بخیر.
    من قالب skillful دارم و اسلایدر پیشفرض این قالب rev slider هست. چطور میتونم توی تنظیمات برگه ها ها که زیر هر برگگه اسلایدر رو انتخاب میکنیم، اسلایدری به جز revoloution رو انتخاب کنم؟ یه راهنمایی دقیق یا لینک آموزش کامل بدید ممنون میشم.

  32. سلام
    برای نمایش اسلایدر کد رو باید کجای قالبم بذارم؟

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

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

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

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

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

      سلام
      دوست من شما اول اسلایدر خودتون رو ایجاد کنید. بعد از اون بهتون یک قطعه کد و یک شورت کد میده. شورت کد برای قرار دادن داخل برگه هاست که اگه قالب شما از ویژوال کامپوزر پشتیبانی می کند می تونید شورت کد رو برای اسلایدر در نظر بگیرید در غیر اینصورت در مکان اسلایدر داخل کدهای header.php قطعه کد مربوط به اسلایدر رو قرار بدید.

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

      سلام…ممنونم از راهنمایی تون
      ولی هرجای header.php کد اسلایدر رو می زارم درست باز نمیشه خیلی بد اجرا میشه
      http://uupload.ir/files/n7w_screenshot_(102).png
      اینجوری اجرا میشه

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

      سلام
      در حالت پیش نمایش موقع اضافه کردن تصاویر میتونید ببینید ؟

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

      بله می بینم

  33. ****فوری******
    باسلام احتراما میخواستم در قالب Vantage که توسط همیار وردپرس فارسی سازی شده است من meta slider را قرار داده ام اما نمیتوانم silde های اصلی خود قالب را تغییر دهیم چکار باید انجام بدهم مهم و فوری فوتی است
    لطفا اطلاع دهید

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

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

  34. سلام و خسته نباشید به همه وردپرسی های عزیز :*دوستان من نگارش ۲٫۸٫۱ این افزونه که در حال حاضر جدید ترین نگارش است را فارسی سازی کردمبرای دریافت میتونید از آدرس زیر اقدام کنید:
    http://naz-skin.ir/?p=240

  35. خیلی خوب و جال بود

  36. با سلام خدمت دوستان من دنبال افزونه اسلایدر افقی شبیه همین اسلایدر یکه تو همین سایت قسمت محصولات هست میگردم اصلا چیزی پیدا نمیکنم میشه آدرس بدید یا بگید اسمش چیه هرچند تا که میشناسید ممنون میشم اگر هم کسی داره ومیتونه ایمیل کنه که خیلی ممنون میشم [email protected]

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

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

      نباید اینطوری بشه ! ربطی نداره به این موضوع
      بین دو تگ قرار می گیره ؟
      تصاویر رو بهش دادید ؟

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

  39. سلام دوستان چطور میشه از این اسلایدر استفاده کرد

  40. سلام آقا خیلی عالی بود فقط یک چیزی…
    اون دکمه های پیش نمایش/صفحه افزونه/دانلود رو میشه بگید چطوری میزارید؟
    با تشکر فراوان!

  41. با سلام … می خواستم که برای یک کار خصوصی مزاحمتون شوم ….
    اگر می شود آیدی یاهوتان را به ایمیل من ارسال کنید …. واقعا باهاتون یه کارمهم دارم
    خواهش می کنم

  42. عالی بود ممنون !

  43. مرسی داداش

  44. سلام
    خسته نباشید
    خدا خیرتون بده دنبالش بودم
    ممنون

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

  46. با سلام و درود بر شما
    من جدیدا یه سایت زدم ولی مشکلم اینه که قالب ندارم ….
    می خواستم پوسته ی سایت شما رو برای وردپرس بخرم با امکانات زیر :
    – اصل قالب
    – لوگوی چرخان
    – قسمت استخدام
    – قسمت سوال بپرسید
    – قسمت موضوعات سایت به جای مطالب حرفه ای
    – بدون قسمت آرشیو موضوعات موجود در صفحه ی اول
    – قسمت تبلیغات ( بنر افقی )
    – قسمت دسته بندی خدمات
    – قسمت خبرنامه
    – و حالت نوشته متفاوت مخصوص دیدگاه های مدیر

    خواهشا مبلغ مورد نیاز جهت خرید این قالب با امکانات بالا را برای من ارسال کنید
    خیلی ممنون
    e-mail : [email protected]
    Yahoo ID : emperor.emad
    Phone : 09336020425

  47. وای ، دستتون درد نکنه ، خیلی دنبال همچین چیزیبودم … عالی عالی عالی

  48. سلام علی جان
    مرسی بابت خبر رسانی

    داداشم چند بار زدم دیدم سایتت شیلتره
    یه دستی به مطالبت بکش که خدایی نکرده شیلتر نشه

  49. سلام آقا مرتضی ، خوب هستید . راسش من برای یه کاری این افزونه رو فارسی کردم . گفتم اگه مایل بودید
    برای شما ارسال کنم تا دوستان دیگه هم بتونن ، استفاده کنند . با تشکر از زحمات شما

  50. با سلام خسته نباشید
    افزونه خیلی عالی بود فقط یه سوال داشتم چرا این افزونه تو قسمت ابزارک ها نمایش داده نمیشه میتونه از قالب سایت باشه ؟
    با تشکر از سایت بسیار عالیتون

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

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