با عرض سلام خدمت دوستداران آموزش وردپرس؛
در این مقاله قصد داریم به آموزش نحوه ایجاد اسلایدر هوشمند در وردپرس به کمک یک افزونه حرفه ای بپردازیم.
ساخت اسلایدر برای بسیاری از سایت های فروشگاهی و شرکتی پر کاربرد است و اکثرا شرکت ها و سازمان ها برای نشان دادن عکس های مربوط به فعالیت های خود بنرهای تبلیغاتی را در قالب اسلایدر در معرض دید کاربران قرار می دهند.
افزونه های متعددی برای ساخت اسلایدر در وردپرس وجود دارد که یکی از آنها SmartSlider 3 است که در این مقاله به آموزش نحوه کار با آن می پردازیم.
ابتدا باید افزونه SmartSlider 3 را نصب و فعال سازی کنید. مطابق شکل زیر پس از نصب و فعال سازی این افزونه در قسمت پنل مدیریتی پیشخوان وردپرس گزینه ای با عنوان ‘Meta Slider’ ظاهر می شود که مربوط به اسلایدر هوشمند در وردپرس است.
با کلیک بر روی گزینه Meta Slider دو تب مطابق شکل زیر باز می شود که یک تب مخصوص نسخه پرمیوم است و تب دیگر آن با عنوان Meta Slider است که مربوط به بخش سایت اسلایدر بوده و به شرح آن می پردازیم.
با کلیک بر روی گزینه Meta slider وارد صفحه ای مطابق شکل زیر می شوید:
همانطور که در شکل بالا می بینید می توانید با زدن بر روی دکمه ‘قرار دادن اسلاید‘ اسلایدر هوشمند در وردپرس را ایجاد کنید.
این افزونه از قابلیتی برخودار است که می توانید اسلایدر ایجاد شده خود را با چهار ظاهر مختلف نمایش دهید و با کلیک بر روی هر یک از دکمه های Coin Slider، Nivo Slider، R. Slider و Flex Slider مطابق شکل بالا اسلایدر شما با ظاهر متفاوتی نمایش داده می شود.
و از طریق تنظیمات این افزونه می توانید مقدار عرض و ارتفاع اسلایدر خود را مشخص کنید و همچنین می توانید تعیین کنید که فلش های روی اسلایدر حذف شود یا بر روی اسلایدر قرار بگیرد.
مطابق شکل زیر این افزونه به گونه ای طراحی شده است که شما قادرید به عکس های اسلایدر خود عنوان و لینک اختصاص دهید و با زدن بر روی دکمه افزودن(+) در شکل زیر می توانید به جای یک اسلایدر دو و یا چندین اسلایدر هوشمند در وردپرسایجاد کنید.
همچنین این افزونه دارای قسمت تنظیمات پیشرفته است که در شکل زیر می توانید بخش تنظیمات پیشرفته این افزونه را مشاهده کنید.
همانطور که در شکل بالا مشاهده می کنید می توانید در قسمت تنظیمات پیشرفته زمان تاخیر تصاویر اسلایدر و سرعت انیمیشن و دیگر امکانات مربوط به اسلایدر را مشخص کنید.
همانطور که اشاره کردیم می توان با استفاده از افزونه Smart Slider 3 چندین اسلایدر ساخت و این افزونه به گونه ای طراحی شده است که به هر اسلایدر کدی را اختصاص می دهد.
کد اختصاص شده به اسلایدر موردنظر خود را می توانید در باکس پایین باکس تنظیمات پیشرفته مشاهده کنید.
به عنوان مثال شکل زیر کد اختصاص شده به یک اسلایدر را نشان می دهد که باید این کد را در هر یک از برگه های وردپرس که می خواهید اسلایدر قرار بگیرد کپی کنید.
هنگام نصب و فعال سازی افزونه Smart Slider 3 مطابق شکل زیر در قسمت ابزارک های وردپرس ابزارک مربوط به این افزونه در دسترس قرار می گیرد و شما می توانید با استفاده از این ابزارک اسلایدر هوشمند در وردپرس را در موقعیتی دلخواه در سایت استفاده کنید.
خروجی کار نیز به صورت زیر می باشد:
امیدوارم محتوای این مقاله برایتان مفید باشد.
موفق باشید.
برچسب : نویسنده : جمشید رضایی بازدید : 140