بروزرسانی در تاریخ ۲۶ آذرماه ۱۳۹۶
امروزه تقریبا در همه سایتها از تصاویر متحرک با عنوان اسلایدر استفاده میکنند. این اسلایدرها که اکثرا در هدر سایت به چشم میخورند در واقع یک پیشنمایش از مطالب مهم یا محصولات مهم و یا هر نوع محتوای دیگری هستند.
اکثر سایتهای امروزی حداقل از یک اسلایدر حرفه ای در سایت خود استفاده می کنند، که این به خودی خود باعث افزایش زمان ماندن کاربر در سایت میشود.
در این آموزش قصد داریم یک افزونه کاربردی برای افزودن اسلایدر در وردپرس به صورت حرفهای معرفی کنیم که بتوانید به کمک آن هر نوع تصویری رابه نمایش بگذارید.
این افزونه کاربردی به شما کمک میکند تا هر نوع اسلایدری را برای هر بخشی از سایت خود ایجاد کنید و هر محتوایی که مد نظرتان است را درون آن به عنوان اسلاید به کاربر به نمایش دهید.
از ویژگی اصلی این افزونه، ایجاد شورت کد خاص برای هر اسلایدر است که این باعث میشود تا شما در هر قسمتی از سایت خود که میخواهید، اقدام به افزودن اسلایدر در وردپرس نمایید. حتی میتوانید با دادن عرض و ارتفاع به اسلایدر، آن را از قسمت ابزارکها در سایدبار خود نیز فراخوانی کنید.
برای شروع کار ابتدا افزونه را دریافت کنید و از بخش افزونههای سایت خود آن را نصب نمایید. بعد از نصب این افزونه در بخش تنظیمات پیشخوان سایت وردپرسی بخشی با عنوان Slider by Supsystic برای افزودن اسلایدر در وردپرس ساخته شده است.
بر روی گزینه New Slider کلیک کنید تا اولین اسلایدر حرفهای را ایجاد کنیم.
ابتدا از فیلد بالا یک نام برای اسلایدر تعیین کنید. بعد از آن نوع اسلایدر خود را از بین شش اسلایدر موجود انتخاب کنید که ما Thumbnails navigation را انتخاب کردیم. بعد از آن بر روی دکمه save کلیک کنید تا به تنظیمات اسلایدر انتخابی برویم.
در برگه جدیدی که برای شما باز میشود دو ستون را مشاهده میکنید. ستون سمت راست مربوط به تنظیمات کلی اسلایدر است و در سمت چپ هم اسلایدهای اسلایدر را میتوانید مشاهده کنید.
ابتدا از قسمت بالا میتوانید با دکمه save هر تغییری که ایجاد کردید را ذخیره کنید و با preview هم میتوانید نتیجه را در همین برگه بصورت پاپ آپ مشاهده کنید.
نکته مهم: مقدار Mode بطور پیشفرض روی مقدار دیگری است که باید آن را بر روی fade قرار دهید چرا که غیر از این اسلایدر شما کار نمیکند.
ستون سمت چپ مربوط به افزودن اسلاید برای اسلایدر و تنظیمات دلخوه بر روی هر اسلاید است.
ابتدا از قسمت بالا با کلیک بر روی دکمه Add Image میتوانید تصاویر مورد نظر برای اسلاید خود را انتخاب و وارد کنید. با Change Slider هم میتوانید اسلایدر خود را تغییر دهید.
همانطور که مشاهده میکنید ما چهار تصویر را وارد اسلایدر کردیم که هر تصویر دارای چهار تب است که به معرفی این تبها میپردازیم:
برای بررسی یک نکته دیگر به بخشهای افزونه برمیگردیم!
این بار بر روی گزینه Sliders کلیک کنید.
در این صفحه میتوانید همه اسلایدرهایی را که تا کنون ایجاد کردهاید را مشاهده کنید. در بخش مربوط به هر اسلایدر یک شورتکد و یک پی اچ پی کد را مشاهده میکنید.
از شورتکدها که همه ما میدانیم میتوانیم در نوشته یا برگه و در ابزارکها نیز استفاده کرد. اما از پی اچ پی کد تنها در کدهای قالب میتوان استفاده کرد.
برای افزودن اسلایدر در وردپرس ممکن است بخواهید اسلایدر را در مکانی قرار دهید که امکان قرارگیری آن با شورتکد وجود ندارد، در این صورت نیاز است تا از پی اچ پی کد در کدهای قالب خود استفاده کنید تا در محل دلخواه اسلایدر نمایش دهید.
برای اینکه اسلایدر را در محل دلخواه خود قرار دهید باید کد پی اچ پی را در محل مناسب در فایلهای قالب قرار دهید به عنوان مثال برای قرار دادن آن در هدر میبایست کد مربوطه را بین کدهای فایل header.php خود قرار دهید.
بعد از تنظیمات اسلایدر میتوانیم نتیجه افزودن اسلایدر در وردپرس را در خروجی مشاهده کنیم.
ابتدا به نوشته یا برگه جدید در سایت خود رفته و شورتکد را در ویرایشگر کپی میکنیم.
همانطور که مشاهده میکنید اسلایدر ما با دکمههای کناری برای رد کردن اسلایدها، کپشن و پیجرها ایجاد شده است و ما با کمک این افزونه توانستیم امکان افزودن اسلایدر در وردپرس را فراهم کنیم.
موفق باشید…
برچسب : نویسنده : جمشید رضایی بازدید : 163