×

افزودن اسلایدر حرفه ای در وردپرس با Slider by Supsystic

افزودن اسلایدر حرفه ای در وردپرس با Slider by Supsystic

سلام همراهان همیشگی رایا وردپرس

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

آموزش راه اندازی و تنظیمات افزونه ی Slider by Supsystic

 ابتدا افزونه ی  Slider by Supsystic را که در پایان آموزش قرار دادیم دانلود و نصب کنید. اگر با نصب افزونه آشنایی ندارید مقاله ی آموزشی نصب افزونه را مشاهده کنید. بعد از نصب افزونه آن را فعال کنید بعد از فعال کردن گزینه ی Slider by Supsystic در پنل وردپرس ظاهر می شود.

نمایش تمام زیرمنوها در افزونه ی Slider by Supsystic

 

برای ایجاد اسلایدر روی زیر منو New Slider کلیک کنید تصویر زیر برای شما باز خواهد شد.

نمایش New Slider در افزونه ی Slider by Supsystic

در فیلد Slider Name نام اسلایدر خودتان را بنویسید سپس نوع اسلایدر خود را انتخاب کنید و در پایان بر روی دکمه ی Save کلیک کنید. ما نام اسلایدرمان را  اسلایدر حرفه ای – رایا وردپرس گذاشتیم و نوع Thumbnails navigation را انتخاب نمودیم.

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

تنظیمات بخش اول ستون سمت راست اسلایدرها در افزونه ی Slider by Supsystic

Shortcode: شورت کدی که در این قسمت قرار دارد را می توانید در برگه یا نوشته ای که مدنظرتان هست کپی کنید.

Slider name: نام اسلایدر خودتان را در این قسمت مشاهده می کنید و می توانید تغییر دهید.

Slider widthعرض اسلایدر و واحد آن را می توانید از این قسمت تعیین کنید. برای نمایش اسلایدرهای تمام عرض عدد ۱۰۰ را روی پیکسل قرار دهید.

Slider height:  ارتفاع اسلایدر را می توانید از این قسمت تعیین کنید.

Mode: نوع رد شدن اسلایدر را fade قرار دهید تا اسلایدر شما کار کند.

Step: تعداد پرش از یک اسلاید به اسلاید دیگر است و نوشتن عدد یک بهتر است.

Autoplay videoدر این قسمت اگر نوع اسلایدر شما ویدئو می باشد روی Enable قرار دهید و اگر ویدئو نیست روی Disable بگذارید.

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

تنظیمات بخش دوم ستون سمت راست اسلایدرها در افزونه ی Slider by Supsystic

Autostart Slideshowاگر این قسمت را فعال کنید بعد از اینکه صفحه به طور کامل بارگذاری شد اسلایدر خودکار اجرا می شود.

Slideshow Controls اگر این قسمت را فعال کنید کنترلر اسلایدر زیر آن نمایش داده خواهد شد.

Navigationاز منوی کشویی standard را انتخاب کنید که مربوط به جهت یابی استاندارد است.

Captionsاین قسمت را اگر Enable کنید می توانید برای هر عکس یک کپشن داشته باشید و تنظیماتی مثل رنگ نوشته، اندازه ی فونت، ترازبندی متن، رنگ پس زمینه، شفافیت رنگ پس زمینه را برای کپشن تعیین کنید.

Caption by Mouseover: اگر این قسمت را Enable قرار دهید وقتی موس روی عکس می رود کپشن نشان داده خواهد شد.

Transition Speedسرعت تغییر از یک اسلاید به اسلاید دیگر را بر حسب میلی ثانیه بنویسید.

Starting Slide:  اگر این قسمت را فعال کنید اسلایدهای شما به صورت تصادفی نمایش داده خواهد شد.

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

تنظیمات بخش سوم ستون سمت راست اسلایدرها در افزونه ی Slider by Supsystic

Easingنوع افکت نماش اسلایدها در حین تغییر را می توانید از این قسمت تعیین کنید.

Enable Touchاگر می خواهید تغییر اسلایدها در تلفن همراه و تبلت نیز انجام شود این قسمت را Enable قرار دهید.

One-to-One Touchاین قسمت تعیین می کنید اسلایدها در تلفن همراه و تبلت یکی یکی تغییر کند یا خیر.

Swipe Thresholdدر این قسمت تعیین می کنید وقتی اسلایدرها در تلفن همراه و تبلت با انگشت شما تغییر می کند چند پیکسل اسلاید را به طرف چپ یا راست بکشید تا از یک اسلاید به اسلاید بعدی بروید. مقدار بین ۵۰ تا ۱۰۰ انتخاب کنید.

Enable Pager: با Enable این قسمت دکمه ی هر اسلایدر روشن می شود.

Typeنوع دکمه ی روشن شدن اسلایدرها را از این قسمت تعیین کنید. 

Social Sharing: اگر می خواهید اسلایدرهای شما در شبکه های اجتماعی به اشتراک گذاشته شود این قسمت را Enable قرار دهید.

ما گفتیم به معرفی ستون های سمت راست در صفحه ی تنظیمات پرداختیم و همچنین گفتیم ۴ ستون سمت چپ قرار دارد که می خواهیم در ادامه به معرفی آن ها بپردازیم.

تنظیمات ستون سمت چپ اسلایدرها در افزونه ی Slider by Supsystic

با دکمه ی Add Image در سمت چپ می توانید تصاویر اسلایدر را اضافه کنید.

با دکمه ی Change Slider در سمت چپ می توانید اسلایدر خود را تغییر دهید.

ما ۴ عکس اضافه کردیم همان طور که مشاهده می کنید هر عکس دارای ۴ تب می باشد که در زیر به معرفی آن ها می پردازیم:

Captionمی توانید در این قسمت توضیحی برای نمایش در زیر عکس بنویسید.

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

SEO: اگر تصویر نشان داده نشد یک متن جایگزین قرار دهید.

Cropدر این قسمت می توانید تعیین کنید اگر عکس نیاز به برش داشته باشد برش چگونه انجام شود.

معرفی زیر منو Sliders

در قسمت Sliders همه ی اسلایدرهایی که تاکنون ایجاد کرده اید قابل مشاهده هستند. برای نمونه اسلایدر ما را در تصویر زیر مشاهده می کنید.

معرفی زیر منو Sliders در افزونه ی Slider by Supsystic

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

ما شورت کد را کپی کردیم و در نوشته ی خود پیست کردیم.

قرار دادن شورت کد در قسمت نوشته ها

اکنون پیش نمایش نوشته ی بالا را مشاهده کنید.

نمایش اسلایدر در سایت

 

جمع بندی!

همان طور که می دانید وجود اسلایدر در هر سایتی به چشم می خورد و می توان گفت جزو بخش های مهم هر سایت می باشد چون جذابیت سایت را بیشتر می کند و کاربران را  به مدت بیشتری در سایت نگه می دارد. ما نیز به دلیل اهمیت این موضوع به آموزش افزونه ی Slider by Supsystic را برای ایجاد اسلایدر در وردپرس پرداختیم.

مطالعه بیشتر

0
قبل از خرید سوالی دارید؟ پیام ارسال کنید
پشتیبانی فروش رایا وردپرس
سلام کاربر عزیز جهت پشتیبانی فنی فقط تیکت ایجاد کنید
روی اپراتور کلیک کنید تا به واتس‌اپ هدایت شوید. همچنین میتوانید ابتدا شماره را ذخیره کنید و سپس پیام دهید.
20% تخفیف تمامی محصولات فقط برای خرید اولی‌هاکد تخفیف: aval
+