ساخت اسلایدر بدون نیاز به افزونه

ساخت اسلایدر بدون نیاز به افزونه

اشتـــراک گـــذاری مطلب

ساخت اسلایدر بدون نیاز به افزونه

با سلام میلاد علیزاده وکیلی هستم از آکادمی وردپرس پوش در خدمت شما هستم با آموزش ساخت اسلایدر بدون نیاز به افزونه

امروزه اسلایدر، یک امر ضروری در هر وبسایتی می باشد چرا که می توان بهترین راه تبلیغ و اشتراک گزاری مطالب مهم سایت در بین بازدید کنندگان باشد.

ولی متاسفانه عده ی زیادی از مدیران وبسایت، برای حل هر مشکل یا برای ایجاد یک امکانات در وبسایت خود، اقدام به نصب پلاگین می کنند ولی به این توجه نمی کنند که چقدر باعث افزایش لود سایت، و تولید فایل های css و js اضافه و در نتیجه بهینه نبودن وبسایتشون خواهد شد.

برای حل هر مشکل نیازی به نصب افزونه نمی باشد و با کمی تسلط به کد نویسی، می توان اکثر مشکلات وبسایت را حل کرده و یا امکانات جدیدی به وبسایت اضافه کرد.

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

همانطور که می دانید اسلایدر در هر وبسایتی در قسمت هدر وبسایت قرار میگیرد.

پس فایل header.php قالب خود را ویرایش کنید و طبق آموزش زیر پیش بروید.

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

امروزه اکثر قالب های وردپرسی و غیر وردپرسی از بوت استرپ پشتیبانی میکنند و کتابخانه های js و css داخل قالب include شده است.

نکته : برای اینکه بدانید قالب شما، کتابخانه های بوت استرپ را دارا می باشد، وارد پوشه ی js قالب خود شوید و دنبال فایل bootstrap.js یا bootstrap-min.js بگردید اگر وبسایت شما یکی از این فایل را داشته باشد نیازی به اضافه کردن فایل دیگری در قالب نمی باشد

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

  • ابتدا کتابخانه ی بوت استرپ را از این لینک دانلود کنید.
  • وارد هاست خود شده سپس به مسیر public_html/wp-content/themes/themename بروید.
  • توجه داشته باشید که منظور از  themename اسم قالب ویسایت شماست.
  • سپس وارد پوشه ی js قالب خود شده سپس فایل bootstrap-min.js را درون آن قرار دهید
  • سپس وارد پوشه ی css خود شده سپس فایل bootstrap-min.css را درون آن قرار دهید.
  • سپس فایل functions.php را ویرایش کرده و دو خط کد زیر را به آن اضافه کنید
مطالب تصادفی -->  فعال کردن نمایش خطا در وردپرس

شما با موفقیت توانستید فایل های بوت استرپ را داخل قالب خود انکلودش کنین به همین راحتی!

خب اکنون داخل فایل header.php خود در جایی که میخواهید اسلایدر نمایش داده شوید کد های زیر را قرار دهید

توجه داشته باشید که چنانچه با کد نویسی آشنایی ندارید و نمی دانید کد را در کجا قرار دهید در بخش نظرات ارسال کنید تا به صورت کاملا دقیق راهنماییتون کنیم

خب شما با موفقیت توانستید اسلایدر رو به وبسایت خود اضافه کنید ولی نیاز هستش که چندتا تغیرات در کد های بالا دهید

  • در کد بالا به جای “آدرس تصویر اسلایدر” لینک تصویر اسلایدر خود را وارد کتید
  • به هیچ عنوان نباید اسم کلاس های کد بالا را تغیر دهید چون کلاس های استفاده شده، کلاس های پیشفرض بوت استرپ می باشد اما برای شخصی سازی آن ها می توانید کلاس جدیدی اضافه کرده و به آن استایل بدهید.
  • داخل تگ a در بخش href به جای # آدرسی که میخواهید بعد از کلیک به آن جا ارجاع داده شود را قرار دهید.
مطالب تصادفی -->  آموزش ساخت tooltip

نمونه اسلایدر کد نویسی شده توسط وردپرس پوش

توجه داشته باشید که این اسلایدر کاملا رسپانسیو می باشد و می توانید دموی بالارو در حالت رسپانسیو مشاهده کنید

چنانچه می خواهید در وبسایت خود، پنل تنظیمات برای اسلایدر اضافه کنید و توانایی آن را ندارید، با شماره  تماس های موجود در وبسایت وردپرس پوش در تماس باشید تا ما برای شما انجام دهیم

در صورت برخورد با هر گونه مشکل ، در قسمت دیدگاه ها با ما در میان بگذارید ما حتما پاسخ آن را برای شما ارسال خواهیم کرد

لینک کوتاه این آموزش :

راستی! جهت دریافت ویدئو های رایگان، عضو پیج اینیستاگرام ما شوید.

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

پاسخ سوالتو همین امروز دریافت کن

تاریخ انتشار :

تعداد بازدید : 75 بازدید

برچسب ها :


, , , ,


پاسخی بگذارید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

پنج × سه =

تبلیغات تصویری

بـراے دستــرسے سریع تر به سایــت، می توانــید وب سایـــت ما را بوکــمارک کنیــد .