نحوه ایجاد بنر متحرک در وردپرس با افزونه 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 : پس از انجام تنظیمات هر یک از گزینه های مربوط به این تب ، تغییرات ر ا ذخیره نمایید.

 

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

دوستان امیدوارم که این بنر متحرک مورد استفاده ی شما قرار گرفته باشد.

 

امیدواریم که این آموزش مورد استفاده شما قرار گرفته باشد.با آرزوی موفقیت و سلامتی برای شما همراهان همیشگی سایت مِستر آموز.