تبلیغات

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

هاست

آموزش ساخت فوتر چسبنده و شناور در وردپرس

مقالات,آموزش,ترفند , وردپرس
آموزش ساخت فوتر چسبنده و شناور در وردپرسReviewed by M J on Sep 8Rating: 4.0آموزش ساخت فوتر چسبنده و شناور در وردپرسدر این مقاله وردپرس به نحوه ایجاد نوار شناور در وبسایت می پردازیم. شما می توانید در این نوار اطلاعیه مهمی درج کنید و یا اینکه دسترسی کاربران به مطالب را آسان تر نمایید. لازم است در ابتدای آموزش توضیحی درباره فوتر شناور در وردپرس برای شما دوستان ارائه بدهیم. فوتر شناور این امکان را به شما می دهد که محتوا و مطالب مهم سایت را به صورت برجسته به کاربران نمایش دهید. تا زمانی که کاربران داخل وبسایت هستند، می توانند این نوار شناور را مشاهده کنند.

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

 

آموزش ساخت فوتر چسبنده و شناور در وردپرس

 

از فوتر شناور می توانید برای اهداف زیر استفاده کنید:

  • هدایت کاربران به مطالب و نوشته های وبسایت
  • برای ساخت لیست ایمیل
  • جلب توجه کاربران برای پیشنهادات و فروش های ویژه
  • و…

 

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

در این روش برای ساخت نوار شناور باید از قطعه کدهای وردپرس استفاده کنید.

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

 

 

سپس فایل footer.php را با ویرایشگر متنی همانند نوت پد باز کنید. با باز کردن این فایل، قطعه کد زیر را در انتهای فایل و قبل از تگ </body>قرار دهید:

 

 

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

 

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

 

 

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

 

 

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

  • پس از ایجاد فایل فوق، باید به هاست خود بروید. سپس در مسیر wp-content >> theme >> your-theme-folder ، به دنبال فولدر js باشید.
  • نکته!! در صورتی که فولدر js را در فایل قالب خود مشاهده نکردید، بایستی یک فولدر به این نام ایجاد کنید. حال باید فایل floatingbar.js را در این پوشه آپلود کنید.
  • مرحله آخر: قدم آخر مربوط به بارگذاری فایل JavaScript در قالب وبسایت است. برای این منظور کد زیر را در فایل functions.php یا در افزونه اختصاصی سایت (site-specific plugin) قرار دهید:

 

 

با مراجعه به وبسایت خود می توانید فوتر شناوری را که ایجاد کرده اید، مشاهده نمایید. دوستان عزیز برای تغییر استایل این نوار شناور لازم است به کد نویسی css تسلط داشته باشید.


به کانال تلگرام بیست اسکریپت بپیوندید !

دانلود
.

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

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

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

کلمات کلیدی پست :
درگاه پرداخت
مطالب مرتبط
7,498دانلود قالب رستوران و فست فود Cooker برای وردپرس تاریخ : 2016/04/10
2,542دانلود قالب بسیار زیبا Germaniumify برای وردپرس تاریخ : 2013/11/27
1,661نمایش مطالب بیشتر در وردپرس با اسکرول صفحه تاریخ : 2017/01/19
2,341تغییر نحوه نمایش دیدگاه های مدیر در وردپرس تاریخ : 2016/04/5
2,037ارسال پرسش توسط کاربران به صورت ناشناس برای وردپرس تاریخ : 2016/07/29
2,343ارسال خودکار مطالب وردپرس به شبکه‌های اجتماعی با Blog2Social تاریخ : 2017/04/20
620خروجی گرفتن از اطلاعات کاربران در وردپرس با افزونه Export User Data تاریخ : 2017/11/28
4,536افزونه رزرواسیون و زمانبندی وردپرس Bookly نسخه 15.1 تاریخ : 2018/06/6
1,709دانلود پوسته فروشگاهی سوپرمارکت Oswad تاریخ : 2017/11/4
5,117دانلود قالب ایران سانگ برای وردپرس تاریخ : 2014/06/27
637ایجاد ماشین حساب داینامیک در وردپرس با افزونه Calculated Fields Form تاریخ : 2017/11/28
3,322ترمیم صفحه‌های 404 وردپرس با افزونه 404to301 تاریخ : 2016/04/3
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت ها
قالب دخترونه و آرایش
قالب زیبای ماشین
قالب فانتزی و طنز چِشم
قالب دختر رویایی
قالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درخت
قالب دختر زیبا
قالب پسرونه غمگین
قالب عاشقانه قلب