تبلیغات
طراحی و بهینه سازیمشاهده

هاست

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

مقالات,آموزش,ترفند , وردپرس

پاورقی شناور در وردپرس به شما کمک می کند که مطالب مهم و دلخواه، باکس های عضویت در خبرنامه و یا پیشنهاد ویژه خود را به صورت شناور و درپایین وب سایت خود نمایش دهید.

 

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

 

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

 

ایجاد پاورقی شناور در وردپرس

برای ایجاد پاورقی شناور در وردپرس خود، ابتدا یک فایل پشتیبان از وب سایتتان تهیه نمایید و سپس به هاست خود رفته و در مسیر نصب وردپرس به آدرس wp-content/themes رفته و پوشه هم نام قالب نصبی خود را باز کنید.

 

در این پوشه به دنبال فایل footer.php بگردید، آن را ویرایش کرده و قطعه کد زیر را در جای مناسبی از آن قرار دهید.

برای زیباتر شدن پاورقی شناور در وردپرس، می توانید کدهای استایل دهی زیر را نیز به فایل style.css خود اضافه کنید. این فایل درست در همین مسیر قرار دارد.

اکنون برای اینکه پاورقی شناور در وردپرس به صورت شناور نمایش داده شود، باید کدهای زیر را در فایلی با عنوان floatingbar.js اضافه کنید.

 

برای این منظور در هاست خود به مسیر wp-content/themes رفته و در پوشه قالب نصبی خود پوشه ای با عنوان js را باز کنید. فایلی با عنوان floatingbar.js را ایجاد کرده و قطعه کد زیر را در آن قرار دهید.

در نهایت برای فعال شدن و نمایش پاورقی شناور در وردپرس، در مسیر wp-content/themes و پوشه قالب نصبی خود، فایل function.php را ویرایش کرده و قطعه کد زیر را در جای مناسبی از آن قرار دهید.

اکنون پاورقی شناور در وردپرس مانند تصویر زیر برای شما به نمایش درخواهد آمد.

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

موفق باشید

لطفا به این مطلب امتیاز بدید


دانلود


هاست مناسب برای تمامی اسکریپت های 20script MyHBD.net >

هاست
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 مقالات,آموزش,ترفند , وردپرس

لینک کوتاه مطلب : https://www.20script.ir/?p=48899

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
524اصول تولید محتوا که باید در سایت خود رعایت کنید تاریخ : 2020/03/26
5,919افزونه وردپرس معرفی مطالب به دوستان WP tell a friend تاریخ : 2015/02/24
1,548حذف پیام بروزرسانی وردپرس از پیشخوان تاریخ : 2019/03/5
23,665ایجاد حساب کاربری مدیر در وردپرس از طریق phpMyAdmin تاریخ : 2016/08/6
13,374افزونه ورود امن و دو مرحله‌ای به وردپرس با Clef Two-Factor Authentication تاریخ : 2016/02/19
3,181افزونه وردپرس ابزارهای کاربردی GetSiteControl Widgets تاریخ : 2016/12/26
1,672۲۵ سوال مهم در وردپرس که باید پاسخ آن را بدانید تاریخ : 2018/11/21
8,612افزودن ویژگی های پیشرفته به ووکامرس با افزونه JC WooCommerce Advanced Product Attributes تاریخ : 2018/11/17
1,172چگونه جداول وردپرس را ریسپانسیو کنیم؟ تاریخ : 2019/06/19
1,304محدودیت دسترسی به برخی از صفحات وردپرس تاریخ : 2019/04/16
2,749محدود کردن نویسندگان در تعداد ارسال مطالب در وردپرس با Limit Posts تاریخ : 2017/11/26
1,336ساخت ابزارک نمایش مطالب براساس دسته بندی وردپرس تاریخ : 2019/11/12
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب