ساخت بنر متحرک در فوتر وردپرس با افزونه YITH Footer Banner

عرض سلام خدمت همراهان گرامی مکانیک وردپرس ؛
در این نوشته از آموزش وردپرس به شما نحوه ساخت بنر متحرک در فوتر وردپرس را به شما نشان خواهیم داد.
با ما همراه باشید…

ساخت بنر متحرک در فوتر وردپرس

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

افزونه YITH Footer Banner وردپرس

این افزونه وردپرس بیش از 1.000 نصب موفق و فعال در مخزن وردپرس به ثبت رسانذه است.
[su_note note_color=”#1fc459″ text_color=”#ffffff” radius=”0″]شما میتوانید افزونه YITH Footer Banner را بصورت رایگان در انتهای همین نوشته دانلود کنید [/su_note]

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

آموزش کار با افزونه YITH Footer Banner وردپرس

پس از دانلود، نصب و فعالسازی این پلاگین وردپرس، یک زیرمنو جدید در آیتم نمایش پیشخوان وردپرس شما با نام Footer Menu ایجاد خواهد شد. مانند تصویر زیر:

پس از کلیک بر روی این گزینه، شاهد صفحه زیر خواهید بود:

همانطور که در تصویر بالا مشاهده میکنید، تنظیمات این افزونه دارای سه تب جداگانه میباشد. در ادامه به بررسی آنها میپردازیم.

تب General

Enable Footer Banner: فعال کردن افزونه بنر برای فوتر
Logo: لوگو
Title: عنوان
Subtitle: زیرعنوان
Link: لینک
Hide button: مخفی کردن دکمه
Hide forever button: مخفی سازی برای همیشه
Custom style: استایل سفارشی
Title font of message: فونت عنوان پیام
Paragraph font of message: فونت پاراگراف متن
Hiding buttons fonts: مخفی سازی فونت های دکمه

تب background

Background image: تصویر پس زمینه، در این قسمت پترنی به صورت پیش فرض برای پس زمینه ی کار در نظر گرفته شده که شما می توانید آن را تغییر دهید و یا به صورت کلی یک تصویر بگذارید.
Background Color: رنگ بک گراند کار خود را تعیین کنید.
Customize the border: یک خطی در پایین کادر بنر نمایش داده می شود که می توانید با سلیقه ی خود، رنگ آن را انتخاب کنید.
Background Repeat: اگر از تصویری برای پس زمینه استفاده کردید می توانید آن را تمامی کل بنر تکرار کنید یا تکرار نکنید. حالت های تکرار را می توانید در منوی کشویی ملاحظه نمایید.
Background Position: تصویر پس زمینه در کدام جهت قرار گیرد. در منوی کشویی تمامی جهت ها موجود است.
Background Attachment: اگر تصویری برای پس زمینه در نظر می گیرید، می خواهید به چه صورت نمایش داده شود. نوع و حالت آن را می توانید از منوی کشویی این بخش تعیین کنید.

تب Newsletter

Enable Newsletter form: چنانچه می خواهید فرمی برای عضویت در خبرنامه یا به هر حال عضویت در سایت در بنر شما ایجاد شود می توانید این گزینه را فعال کنید.
Top Text: این متن یعنی همان متنی که بالای فیلد عضویت خبرنامه قرار می گیرد.
Top Text Font: در این بخش می توانید نوع فونت، رنگ و اندازه ی متن بالای کادر عضویت را مشخص کنید.
Newsletter Submit Font: در این بخش می توانید فونتی را برای نوشته ی دکمه ی ارسال خبرنامه در نظر بگیرید و همچنین رنگ و نوع و اندازه ی آن را مشخص نمایید.
Newsletter Name and Email Inputs Font: دو گزینه ی نام و ایمیل در داخل فیلدها موجود است که می توانید نوع، اندازه و رنگ آن را مشخص کنید.
Newsletter submit background: رنگی را برای بک گراند یا پس زمینه ی دکمه ی ارسال خبرنامه مشخص کنید.
Newsletter submit hover background: این قسمت می تواند رنگی را برای زمانی که موس را روی دکمه نگه می داریم به ما بدهد.
Action URL: در اینجا شما باید آدرس بخشی که قرار است کاربران عضو آن شوند را وارد کنید. مثلا اگر قرار است در خبرنامه ای عضو شوند آدرس بخش عضویت خبرنامه را وارد کنید.
Form method: این فرم به صورت نوشتاری باشد یا خیر.
“Name” field label: نوشته ای که داخل فیلد قرار می گیرد.
“Name” field name: نامی که برای فیلد در نظر گرفته می شود.
“Email” field label:  نوشته ای که داخل فیلد قرار می گیرد.
“Email” field name: نامی که برای فیلد در نظر گرفته می شود.
Submit button label: برای دکمه ی ارسال هر نامی که مد نظر شماست را وارد کنید. مانند: اشتراک
Newsletter Hidden fields: فیلد های مخفی خبرنامه

اکنون میتوانید نتیجه کار خود را مشاهده کنید.

پیشنهاد: همچنین میتوانید آموزش های زیر را مطالعه کنید:

• اسلایدر لوگو در وردپرس
• ایجاد اسلایدر هوشمند در وردپرس با افزونه Smart Slider3
• نمایش اسلایدر محصولات در ووکامرس

موفق و پاینده باشید…