آموزش ایجاد بنر متحرک در سایت وردپرس


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

آموزش ایجاد بنر متحرک در سایت وردپرس

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

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

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

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

پیروز و موفق باشید .

منبع : بیگ تم ارائه دهنده قالب شخصی وردپرسقالب نمونه کار وردپرسقالب فروشگاهی وردپرس



منبع :بیگ تم

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *