خانه / وردپرس / آموزش وردپرس / ایجاد فوتر چسبنده و شناور در وردپرس
راه اندازی سایت فروشگاهی دیجی کالا و بامیلو
"

تاریخ بروزرسانی: ۲۳ شهریور ۱۳۹۷ تعداد بازدید : 17 بازدید بدون دیدگاه

ایجاد فوتر چسبنده و شناور در وردپرس

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

ایجاد فوتر چسبنده و شناور در وردپرس

ایجاد فوتر چسبنده و شناور در وردپرس

اول از طریق FTP سرور و یا مدیریت فایل وارد هاست شوید. بعد به فایل footer.php که در پوشه قالب وردپرس بروید. در آخر این فایل را در سیستم کامپیوتر خود ذخیره کنید. برای دسترسی به فایل فوتر قالب باید مسیر زیر را دنبال کنید:

می توانید آیتم های دیگری را به این لیست اضافه کنید. بعد تغییراتی را که انجام دادید، ذخیره کنید.

همین حالا ببینید:  فعال سازی مدیریت پیوند ها در وردپرس

در مرحله بعدی نوبت به افزودن استایل CSS به نوار شناور است. حالا برای افزودن استایل سفارشی، باید کد زیر را به فایل style.css اضافه کنید. یا می توانید از افزونه Simple Custom CSS استفاده کنید.

در مرحله بعدی باید از jQuery برای نمایش تصادفی آیتم های لیست با هربار بارگذاری صفحه استفاده کنید. بدین منظور یک ویرایشگر متنی همانند نوت پد در سیستم کامپیوتر خود باز کنید و قطعه کد زیر را در آن اضافه کنید:

همین حالا ببینید:  لایک و دیس لایک نظرات در وردپرس

بعد فایل مورد نظر را با عنوان floatingbar.js در دسکتاپ سیستم خود ذخیره کنید.

در آخر مربوط به بارگذاری فایل JavaScript در قالب سایت است. برای این کار کد زیر را در فایل functions.php یا در افزونه اختصاصی وبسایت کپی کنید:

مطالب مرتبط:

امکان لایک مطالب وردپرس بدون افزونه

ایجاد کپی رایت پویا در وردپرس

نمایش برچسب های محبوب مطالب وردپرس

آموزش هماهنگ سازی بوت استرپ با فرم تماس ۷

منبع: تیک تم– ارائه دهنده مقالات: افزونه رایگان وردپرسوبلاگقالب وردپرس

ایجاد فوتر چسبنده و شناور در وردپرس
لطفا امتیاز بدهید

لینک کوتاه این مطلب: https://tiktheme.com/?p=9838


کانال تلگرام تیک تم

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

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