اسلایدر

آموزش بوت استرپ ، اسلایدر ( Carousel )

کَروسِل، اسلایدری است که برای عکس، متن و برخی محتواها به کار می رود که با استفاده از CSS و جاوا اسکریپت ساخته شده است.​ دقت داشته باشید که در هر صفحه، فقط یکبار می توان از carousel استفاده کرد. ( در واقع carousel های تو در تو )​ مثال اولیه برای درک بیشتر از اسلایدر بوت استرپ، با صورت زیر است که فقط یک تصویر را نمایش می دهد: [crayon-5a115aeb5b0be172250963/] در اینجه، یا آی دی منحصر به فرد را تعریف کرده و با استفاده از کلاس ها .d-block و  .img-fluid، اسلایدر تصاویر را ایجاد میکنیم که در آن کنترلی برای تصاویری قبل و بعد نداریم. اسلایدر با کنترلرهای قبل و بعد ( Next , Privious ) با استفاده از قطعه کدهای زیر، ...

ادامه مطالب
معرفی پلاگین ووکامرسی WooCommerce Product Slider

احتیاج به اسلایدر در هر سایت فروشگاهی وجود دارد، پس اگر سایت فروشکاهی خود را با ووکامرس راه اندازی کرده اید پیشنهاد مردان وردپرس برای اسلایدر محصولات استفاده از پلاگین WooCommerce Product Slider می باشد با مردان وردپرس باشید تا با امکانات این پلاگین بیشتر آشنا شویم: کاملا واکنش گرا ( Responsive ) دارای صفحه بندی کد کوتاه برای استفاده راحت تر حالت انتخاب بین افکت های جابه جایی اسلایدها دارای ویجکت ترجمه شده بهینه شده SEO قابلیت تنظیم سایز برای ارتفاع و عرض تست شده با مرورگر های FIreFox , Safari , Chrome , IE قابل تنظیم برای استفاده از CSS3 و رندر اسلایدر به وسیله آن پشتیبانی از مولتی سایت امکان اضافه کردن استایل های دلخواه و تغییر استایل های موجود امکان تنظیم ارتفاع و عرض عکس ها این پلاگین در دو ...

ادامه مطالب
معرفی پلاگین وردپرسی Owl Carousel

هر سایتی دارای طراحی خاص می باشد.جلوه هایی که به سایت می دهیم سایت ها را کاربر پسند تر می کنند.یکی از کارهایی که برای بهتر شدن سایت می توان انجام داد ایجاد اسلایدر برای سایت می باشد.برخی اسلایدر ها سنگین هستند و برخی دیگر واکنش گرا نیستند.اما اگر بخواهیم یک اسلایدر سبک و کار آمد در سایت خود قرار دهیم چه؟در وردپرس پلاگینی وجود دارد که به وسیله آن می توانیم یک اسلایدر واکنش گرا (responsive) برای سایت وردپرسی خود بسازیم.در این قسمت از آموزش وردپرس به بررسی این پلاگین می پردازیم. اضافه کردن یک Carousel یا اسلاید شو به وب سایت وردپرسی بر اساس Owl Carousel، Owl Carousel واکنش گرا  بوده و به طور کامل ...

ادامه مطالب