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

چگونه بنر متحرک در سایت وردپرس ایجاد کنیم؟

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

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

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

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

General
Background
Newsletter
که در این جا به ترتیب به بررسی تنظیمات هر یک از این تب ها می پردازیم و این تب ها دارای گزینه های متعددی می باشند که به صورت خلاصه تنظیمات انها برای شما در ادامه بیان شده است :

تنظیمات تب General :

Enable footer banner : با تیک زدن این گزینه ، می توانید افزونه وردپرس مورد نظر را در سایت خود فعال سازید .
Logo : در این بخش باید لوگوی مورد نظر خودتون را آپلود کنید ، البته در صورت لزوم می توانید این کار را انجام دهید و به صورت پیش فرض لوگوی افزونه قرار گرفته است .
Title : در اینجا عنوانی را وارد کنید و این عنوان در کنار لوگو و با فونت بزرگتری نمایش داده می شود و این متن می تواند حاوی یک پیام شعاری باشد .
Subtitle : اگر می خواهید در زیر عنوان اصلی ، نوشته ای قرار دهید در اینجا متن مورد نظر خود را وارد کنید .
Link : برای لینک دادن به تصویری یا لوگویی که در بنر خود قرار داده اید . لینک مورد نظرتون را در اینجا بگذارید .
Hide button : این گزینه برای مخفی کردن بنر می باشد و می توانید عبارتی همانند مخفی کردن یا پنهان کردن بنر در اینجا وارد کنید و اگر کاربر بر روی این گزینه در روی بنر کلیک کند ، بنر در سایت مخفی می شود .
Hide forever button : از این گزینه هم برای مخفی کردن همیشه بنر در سایت استفاده کنید .
custom style : اگر می خواهید بنر را شخصی سازی نمایید و تنظیمات سفارشی دارید ، می توانید کد css آن را در اینجا وارد کنید .
Title font of message : شما برای انتخاب رنگ ، نوع و اندازه ی فونت عنوان پیام خود از این بخش اقدام نمایید .
pragraf font of message : این بخش برای تعیین رنگ و نوع و اندازه ی فونت متن پاراگراف بنر می باشد .
Hiding buttons fonts : برای تعیین رنگ ، نوع و اندازه ی فونت دکمه ی مخفی سازی از این بخش استفاده کنید .
save options : پس از انجام تنظیمات بر روی این گزینه کلیک کنید تا تنظیمات این تب ذخیره شود .
تنظیمات تب Background :

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

تنظیمات تب 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 lable : نام برچسب فیلد ، یعنی نوشته ای که در داخل فیلد نام قرار می گیرد .
Name field name : نامی که برای فیلد می خواهید تعیین کنید را بنویسید .
Email field lable : نوشته ای که قرار است داخل فیلد ایمیل قرار گرفته شود را وارد کنید .
Email field name : نامی که برای فیلد ایمیل می خواهید تعیین کنید را بنویسید .
Submit button lable : برای دکمه ی ارسال خود نامی را انتخاب کنید و وارد نمایید .
Newsletter Hidden fields :برای تنظیم فیلد هایی که در خبرنامه پنهان هستند
save options : پس از انجام تنظیمات هر یک از گزینه های مربوط به این تب ، تغییرات ر ا ذخیره نمایید .
حال شما دوستان عزیز تا به اینجای آموزش توانستید کلیه ی تنظیمات هر سه تب این افزونه را انجام دهید و پس از این تنظیمات به سایت اصلی خود بروید و بنری که ساخته اید را مشاهده کنید و در صورت نیاز می توانید دوباره به تنظیمات افزونه برگردید و تنظیمات خود را تغییر دهید . دوستان امیدوارم که این بنر متحرک مورد استفاده ی شما قرار گرفته باشد .

منبع:بیگ تم