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

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

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

ولی متاسفانه عده ی زیادی از مدیران وبسایت، برای حل هر مشکل یا برای ایجاد یک امکانات در وبسایت خود، اقدام به نصب پلاگین می کنند ولی به این توجه نمی کنند که چقدر باعث افزایش لود سایت، و تولید فایل های 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 به جای # آدرسی که میخواهید بعد از کلیک به آن جا ارجاع داده شود را قرار دهید.

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

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

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

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

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

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

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

درباره میلاد علیزاده وکیلی

فعالیت خودمو از سال 1390 در زمینه ی طراحی قالب های وردپرس شروع کردم و الان در حال توسعه ی یک سی ام اس اختصاصی هستم. در زمینه ی طراحی قالب و افزونه ی وردپرس، برنامه نویسی سی ام اس اختصاصی، مدیریت سرور ، سئو، فعالیت خودمو ادامه داده و اطلاعات خودمو در این وبسایت با شما به اشتراک می گذارم سعی بر این دارم که دوره های آنلاینی رو به زودی در وردپرس پوش برگزار کنم

مطالب زیر را حتما بخوانید

دیدگاهتان را بنویسید

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