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

ساخت بنر شناور در فوتر وردپرس

ساخت بنر شناور در فوتر وردپرس

سلام دوستان؛

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

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

افزونه YITH Footer Banner

yith footer banner pl hamyarwp

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

نکته!!! این افزونه توسط همیار وردپرس فارسی سازی شده است و از همین جا می توانید فارسی شده ی آن را دریافت کنید.

افزونه را در پنل وردپرس نصب و فعال می کنیم. گزینه ای با عنوان “Footer Banner” در زیر منوی نمایش ظاهر می شود. که با ورود به آن می توانید به بخش تنظیمات افزونه بروید. دارای سه تب یا قسمت مختلف است که به بررسی آن ها می پردازیم.

تنظیمات اصلی

general hamyarwp

 

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

توجه!!! دقت کنید که فونت یکان را به تمامی مجموعه های نوشته اضافه کردیم.

پس زمینه یا بک گراند

background hamyarwp

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

  بنر ثابت در گوشه ی سایت

خبرنامه

newsletter hamyarwp

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

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

result hamyarwp

جمع بندی!

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

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

دانلود  صفحه افزونه   پیش نمایش

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

اگر می‌خواهید از آخرین و محبوب‌ترین مقالات ما در ایمیل خود مطلع شوید، همین الان ایمیل خود را در کادر زیر وارد کنید:

تعداد علاقه‌مندانی که تاکنون عضو خبرنامه ما شده‌اند:

348,934 نفر

دیدگاهتان را بنویسید

دیدگاه‌های این نوشته جدید ترین ها شاخص

  1. سلام ببخشید من میخوام بعد از کلیک یک صفحه‌ در تب دیگه باز بشه باید چیکار کرد؟

  2. با سلام

    می خواستم یک بنر شناور به پایین فوتر سایت اضافه کنم که (فقط در نسخه موبایل) نمایش داده بشه و (شناور) هم باشه .
    از چه کدی برای درج بنر در فضای قبل از استفاده کنم ؟

    ممنون می شم راهنمایی بفرمایید

  3. با عرض سلام خسته نباشید خدمت شما
    2تا سوال غیر مرتبط داشتم که خوشحال می شم اگه جواب بدید
    1- من یه تک ul که توش یه سری عکس و نوشته داره رو میخام به صورت خطی و مدام در حال چرخش باشه(یه نوار گردون داشته باشم)، برای این کار باید چیکار کنم؟
    2- اگه بخواهم توی حالت ریسپانسیو به هم نریزه باید چیکارش کنم؟
    ممنون

  4. 5 سال عضو همیار وردپرس

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

  5. 5 سال عضو همیار وردپرس

    سلام و درود

    بهتره شناور نباشه و به ته سایت بچسبه مثل یه تیکه از قالب

    به درد ما نمیخوره

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

  7. سلام.تشکر

  8. 6 سال عضو همیار وردپرس

    برای این که نوشته سمت راست باشه چی کار باید کرد؟

  9. 5 سال عضو همیار وردپرس

    مورد جالبیه ، بسیار ممنون از خدمات خوبتون

  10. 5 سال عضو همیار وردپرس

    واسه تبلغ کانال تلگرام عالیه

  11. 5 سال عضو همیار وردپرس

    با سلام بعد از نصب افزونه input ها روی هم قرار میگیرن و دکمه submit خم روی انها و اون ترتیب کنار هم قرارگرفتن در دمو رو ندارند چرا ؟و چه کار کنم؟

  12. 5 سال عضو همیار وردپرس

    سلام بعد از پنهان کردن بنر اگر کاربر بخواهد دوباره ان را نمایش دهد چگونه می تواند؟

  13. سلام
    ببخشید سوالمو اینجا مطرح می کنم!
    چطوری میشه یه عکس متحرک ساخت

  14. خیلی عالی بود
    ممنون از پستتون

  15. کار نمیکنه

  16. سلام بسیار ممنون از مطالب بسیار جالب و مفیدتون …… من میخواستم که این حالت فقط داخل فوترم باشه و به صورت فلوت و شناور نباشه …. ایا میشه کاری کرد؟؟؟ ممنون

  17. خیلی عالیه

مطالب زیر را حتما بخوانید

    ساخت بنر هوشمند در سایت

    سلامی دوباره به دوستان عزیزم؛ اگه یادتون باشه چند روز پیش درباره ی ساخت اپلیکیشن سایت با شما صحبت کردم، داشتم فکر میکردم خیلی مهمه که در...

    قرار دادن بنر فلش در وردپرس !

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

دوره‌های آموزشی