سلام به همراهان همیشگی وبمستر 98 . در این بخش از آموزش وردپرس قصد داریم در خصوص اسلایدر و افزونه مرتبط با آن صحبت کنیم.یکی از آبجکت های بسیار محبوب و جذاب برای کاربران سایت نمایش تصاویر متحرک با افکت های بسیار زیبا و متنوع می باشد.در سایت های وردپرسی اغلب این قابلیت قابل مشاهده است . نمایش تصاویر متحرک به صورتی است که معمولا در قسمت هدر سایت (بالا یا زیر منو ها) تصاویری تمام عرض یا به اصطلاح cover قرار داده می شود و با افکت هایی مثل fade , slide , … در مدت 1000 میلی ثانیه به نمایش در می آیند و کاربر اگر با ماوس روی تصاویر hover نماید ، یا با یک redirect link به صفحه ای دیگر که توضیحات بیشتری در مورد آن عکس دارد هدایت می شود و یا یک کامنت کوچک نشان داده می شود و گاهی هم با توجه به تنظیماتی که مدیر سایت اعمال می کند هیچ عملکردی قابل رویت نیست و فقط عکس از حرکت می ایستد.
توضیحاتی بیشتر در مورد افزونه متا اسلایدر
این افزونه بعد از افزونه revolution slider یکی از مشهور ترین و محبوب ترین افزونه افزونه برای ساخت اسلایدر با قابلیت های بسیار فراوان به صورت رایگان است .
در زیر قابلیت های این افزونه را بر میشماریم و بیشتر در این مورد سخت می گوییم:
1>رابط کاربری و سادگی کاربا آن : پیچیدگی های کار با این افزونه به اندازه افزونه revolution slider نیست بلکه بسیار راحت تر است به گونه ای که پس از نصب و فعال سازی این افزونه به راحتی پس از 2 دقیقه با انتخاب قالب اسلایدر مورد نظر و تعویض عکس های آن ، اسلایدر وبسایت خود را بسازید و از آن لذت ببرید.
2>پشتیبانی از قابلیت ریسپانسیو : این قابلیت سبب کارآمدی بیشتر این افزونه گردیده است به گونه ای که کاربران دیگر دغدغه نمایش در رزولوشن های مختلف اعم از تبلت ، موبایل ، دسکتاپ و… ندارند . به راحتی می توانید عکس های اسلایدرخود را در سایز های مختلف به نمایش بگذارید.
3>سازگاری با سئو: این افزونه با استفاده از کدهای بهینه شده ، مناسب برای بالابردن رتبه سایت است و هنگام استفاده از این افزونه دیگر نگران سئو اسلایدر خود نباشید .همه چیز را به متا اسلایدر بسپارید و رتبه سایت خود در میان نتایج جستجو گوگل را تماشا کنید.
4>بدون محدودیت: بدون محدودیت می توانید عکس های مورد نظر خود را در اسلایدر قرار بدهید
5>طول تمام عرض: یکی از ویژگی هایی که نقش به سزایی در زیبایی اسلایدر دارد سایز آن است که متا اسلایدر از قابلیت طول تمام عرض پشتیبانی میکند و می توانید با ست کردن آن ، یک اسلایدر با طول تمام عرض داشته باشید.
6>دمو (پیش نمایش آنلاین): وبمستران و طراحان سایت دوست دارند قبل از اعمال تغییرات بر روی سایت اصلی پیش نمایش آن را ببینند ، در متا اسلایدر با وجود این قابلیت قبل از اینکه تغییرات را ذخیره کنید می توانید یک پیش نمایش آنلاین از تغییرات ببینید .
7>ویرایش و برش عکس: یکی از مشکلات و دغدغه های دوستان طراح این است که عکس ها برای قرار دادن در اسلایدر در سایز ثابت نیستند و باید در نرم افزار هایی مانند paint , photoshop,… یا در سایت های آنلاین ویرایش عکس نظیر www.freeonlinephotoeditor.com عکس های خود را ویرایش می کردند. حال با امکان یکه افزونه متا اسلایدر قرار داده است می توانید در همان قسمت عکس خود را برش دهید و در اسلایدر قرار دهید.
8>short cod(کد های کوتاه): پس از اینکه اسلایدر خود را ساختید در قسمت اطلاعات اسلایدر یک کد کوتاه برای شما به نمایش در می اید که به راحتی می توانید آن را در هر برگه ای درج کنید . همچنین اگر از page builder ها هم استفاده می کنید به راحتی در قسمت متن یا ابزارک ها یا… قرار دهید و عکس های خود را به نمایش بگذارید.
8>تغییر تنظیمات: در این افزونه تنظیماتی از قبیل : سرعت انیمیشن ، سرعت تغییر اسلایدر ها وجود دارد.
9>دارای پنل تنظیمات: این افزونه دارای پنل تنظیمات گسترده در محیط ادمین (پیشخوان)است.
آموزش نصب و راه اندازی افزونه متا اسلایدر
ابتدا افزونه متا اسلایدر را دانلود و در پوشه plugin ها آپلود نمایید پس از اینکه عملیات آپلود کامل شد می توانید افزونه را فعال سازی نمایید.پس از فعال سازی افزونه در پنا مدیریت meta slider را مشاهده می کنید .با کلیک بر روی آن از شما درخواست می شود قالب اسلایدر مورد نظر خود را انتخاب کنید .پس از انتخاب عملیات درون ریزی به صورت اتوماتیک آغاز می شود و شما می توانید با چند کلیک ساده عکس های خود را آپلود و جایگزین کنید.همچنین برای افزودن تصاویر به اسلایدر بر روی قرارد دادن اسلاید کلیک کنید و عکس های خود را وارد کنید.
عکس ها دارای سه ویژیگی هستند :
- عمومی: برای قرار دادن لینک دلخواه شما روی تصاویر
- سئو: می توانید عنوان و متن مناسبی برای تصاویر انتخاب کنید
- برش: با این ویزیگی می توانید عکس های خود را برش دهید
در پنل سمت چپ تنظیماتی وجود دارد از جمله:
- انتخاب اسلایدر هایی مانند : Flex Slider , R.Slides , Nivo Slider , Coin Slider
- طول و عرض: با استفاده از این تنظیمات می توانید طول و عرض مورد نیاز را ست نمایید
- افکت: می توانید افکت مورد نظر خود را انتخاب کنید و اسلایدر زیبایی داشته باشید
- پوسته: می توانید پوسته اسلایدر خود را با قالب اصلی وبسایت ست نمایید
- arrow (فلش): می توانید نمایش فلش های چپ و راست فعال یا غیر فعال کنید
- ناوبری:در قسمت پایین اسلایدر آیکن هایی از تصویر کوچک شده وجود دارند که کاربر میتواند با کلیک بر روی یکی از آنها به تصویر مورد نظر خود دسترسی داشته باشد، میتوانید این قابلیت را فعال و یا غیر فعال کنید.
- پایین تر از تنظیمات عمومی، تنظیمات پیشرفته وجود دارند که عبارت اند از:
- cover: با استفاده از این قابلیت می توانید یک اسلایدر تمام عرض داشته باشید.
- align center: استفاده از این قابلیت سبب می شود موقعیت اسلایدر در وسط صفحه باشد.
- auto play: با استفاده از بخش، اسلایدر به صورت خودکار اجرا خواهد شد.
- crop: با استفاده از این بخش میتوانید نوع برش تصاویر اسلایدر را مشخص کنید.
- mouse hover: با استفاده از این بخش، وقتی ماوس بر روی اسلاید قرار میگیرد، پخش اسلاید متوقف خواهد شد.
- تاخیر اسلاید: با استفاده از این گزینه میتوانید زمان مکث تصاویر را تنظیم کنید.
- speed animation: می توانید سرعت حرکت انیمیشن را تعیین کنید.
با تشکر از همراهی شما با این قسمت از آموزش وردپرس اگر در رابطه با این پست سوال یا مشکلی دارید در قسمت نظرات اعلام بکنید تا راهنمایی شوید. در صورتی که قصد خرید قالب وردپرس دارید میتوانید به دسته بندی قالب وردپرس مراجعه بکنید.
