ساخت بنر شناور در فوتر وردپرس
سلام دوستان؛
خیلی مواقع برای اینکه کاربران را به سمت عضویت در خبرنامه یا سایت خود هدایت کنیم از پنجره های پاپ آپ استفاده می کنیم که امری رایج است و مشکلی ندارد اما راه های دیگری نیز وجود دارد که هم جلب توجه کنید و هم کاربر در صورت تمایل در خبرنامه ی سایت شما عضو شود. مثلا می توانید فرمی برای ثبت نام و عضویت در سایت یا خبرنامه در سایدبار قرار دهید و یا لینکی خاص به طوری که جلوه ای زیبا داشته باشد را قرار دهید و بسیاری راه های دیگر…
اما در آموزش وردپرس امروز می خواهیم در وردپرس بنری متحرک در فوتر وبسایت خود ایجاد کنیم و لینک عضویت در سایت یا خبرنامه را در آن قرار دهیم تا هم وبسایتمان را شلوغ نکند و هم جلوه ای زیبا داشته باشد. اگر مایل هستید در ادامه به آموزش این بنر متحرک می پردازیم…
افزونه YITH Footer Banner
این افزونه توانایی اضافه کردن یک بنر متحرک یا به اصطلاح شناور را در پایین وبسایت شما یعنی دقیقا زیر فوتر سایت دارد و فیلدهایی را برای عضویت در خبرنامه یا عضویت در سایت یا هر بخشی که شما می خواهید را محیا میکند.
نکته!!! این افزونه توسط همیار وردپرس فارسی سازی شده است و از همین جا می توانید فارسی شده ی آن را دریافت کنید.
افزونه را در پنل وردپرس نصب و فعال می کنیم. گزینه ای با عنوان “Footer Banner” در زیر منوی نمایش ظاهر می شود. که با ورود به آن می توانید به بخش تنظیمات افزونه بروید. دارای سه تب یا قسمت مختلف است که به بررسی آن ها می پردازیم.
تنظیمات اصلی
فعال کردن افزونه بنر برای فوتر: با علامت زدن این گزینه به افزونه فرمان می دهید تا در سایت نمایش داده شود.
لوگو: در اینجا تصویر لوگوی پیش فرض افزونه موجود است. در صورتی که می خواهید لوگوی مورد نظر خود را وارد کنید می توانید از این بخش آن را بارگذاری نمایید.
عنوان: عنوانی که در کنار لوگو با فونت بزرگ تر قرار می گیرد و حاوی یه پیام شعاری است را می توانید در این بخش وارد کنید.
زیر عنوان: اگر می خواهید در پایین عنوان اصلی، زیر عنوانی داشته باشید می توانید در این کادر وارد کنید.
لینک: در صورتی که می خواهید به تصویر یا همان لوگوی خود لینکی بدهید، می توانید آن را وارد کنید.
مخفی کردن دکمه: با وارد کردن کلمه ای مانند پنهان کردن در این کادر می توانید امکان مخفی سازی بنر را بدهید.(در صورتی که کاربر تمایل داشته باشد می تواند با کلیک بر روی این گزینه بنر را ببندد)
حالت سفارشی: اگر تنظیمات شخصی دارید می توانید به صورت کد سی اس اس در اینجا وارد کنید.
فونت عنوان پیام: در این بخش می توانید نوع، رنگ و اندازه ی فونت عنوان را تغییر دهید.
فونت پاراگراف متن: در این بخش می توانید نوع، رنگ و اندازه ی فونت متن پاراگراف را تغییر دهید.
مخفی سازی فونت های دکمه: در اینجا می توانید نوع، رنگ و اندازه ی فونت دکمه های مخفی سازی بنر را تعیین کنید.
توجه!!! دقت کنید که فونت یکان را به تمامی مجموعه های نوشته اضافه کردیم.
پس زمینه یا بک گراند
تصویر پس زمینه: در این قسمت پترنی به صورت پیش فرض برای پس زمینه ی کار در نظر گرفته شده که شما می توانید آن را تغییر دهید و یا به صورت کلی یک تصویر بگذارید.
رنگ پس زمینه: رنگ بک گراند کار خود را تعیین کنید.
شخصی سازی خط کادر: یک خطی در پایین کادر بنر نمایش داده می شود که می توانید با سلیقه ی خود، رنگ آن را انتخاب کنید.
تکرار پس زمینه: اگر از تصویری برای پس زمینه استفاده کردید می توانید آن را تمامی کل بنر تکرار کنید یا تکرار نکنید. حالت های تکرار را می توانید در منوی کشویی ملاحظه نمایید.
موقعیت پس زمینه: تصویر پس زمینه در کدام جهت قرار گیرد. در منوی کشویی تمامی جهت ها موجود است.
پس زمینه ی ضمیمه شده: اگر تصویری برای پس زمینه در نظر می گیرید، می خواهید به چه صورت نمایش داده شود. نوع و حالت آن را می توانید از منوی کشویی این بخش تعیین کنید.
خبرنامه
فعال کردن فرم خبرنامه: چنانچه می خواهید فرمی برای عضویت در خبرنامه یا به هر حال عضویت در سایت در بنر شما ایجاد شود می توانید این گزینه را فعال کنید.
متن بالا: این متن یعنی همان متنی که بالای فیلد عضویت خبرنامه قرار می گیرد.
فونت متن بالا: در این بخش می توانید نوع فونت، رنگ و اندازه ی متن بالای کادر عضویت را مشخص کنید.
فونت ارسال خبرنامه: در این بخش می توانید فونتی را برای نوشته ی دکمه ی ارسال خبرنامه در نظر بگیرید و همچنین رنگ و نوع و اندازه ی آن را مشخص نمایید.
نام و ایمیل فونت ورودی خبرنامه: دو گزینه ی نام و ایمیل در داخل فیلدها موجود است که می توانید نوع، اندازه و رنگ آن را مشخص کنید.
پس زمینه ارسال خبرنامه: رنگی را برای بک گراند یا پس زمینه ی دکمه ی ارسال خبرنامه مشخص کنید.
پس زمینه ی بخش ارسال خبرنامه در هنگام نگه داشتن موس بر روی آن: این قسمت می تواند رنگی را برای زمانی که موس را روی دکمه نگه می داریم به ما بدهد.
آدرس: در اینجا شما باید آدرس بخشی که قرار است کاربران عضو آن شوند را وارد کنید. مثلا اگر قرار است در خبرنامه ای عضو شوند آدرس بخش عضویت خبرنامه را وارد کنید.
حالت فرم: این فرم به صورت نوشتاری باشد یا خیر.
“نام” برچسب فیلد: نوشته ای که داخل فیلد قرار می گیرد.
“نام” فیلد نام: نامی که برای فیلد در نظر گرفته می شود.
“ایمیل” برچسب فیلد: نوشته ای که داخل فیلد قرار می گیرد.
“ایمیل” فیلد نام: نامی که برای فیلد در نظر گرفته می شود.
برچسب دکمه ارسال: برای دکمه ی ارسال هر نامی که مد نظر شماست را وارد کنید. مانند: اشتراک
پس از انجام تمامی تنظیمات حال می توانید بنر را در فوتر سایت خود مشاهده کنید…
جمع بندی!
اگر تمایل دارید بنر شناوری در سایت وردپرسی خود ایجاد کنید که هم زیبا باشد و هم جلوی عملکرد کاربران را نگیرد و در کنار تمامی این ها بخشی برای عضویت در بنر خود در نظر بگیرید می توانید از افزونه ای که امروز خدمت شما آموزش دادیم استفاده کنید.
علی 10 سال عضو همیار وردپرس
برای این که نوشته سمت راست باشه چی کار باید کرد؟
بهاره کوهستانی 11 سال عضو همیار وردپرس
سلام
کد سی اس اس باید تغییر کنه
spbmdn.bm286 10 سال عضو همیار وردپرس
مورد جالبیه ، بسیار ممنون از خدمات خوبتون
محمد کمالی 9 سال عضو همیار وردپرس
واسه تبلغ کانال تلگرام عالیه
navab70 9 سال عضو همیار وردپرس
با سلام بعد از نصب افزونه input ها روی هم قرار میگیرن و دکمه submit خم روی انها و اون ترتیب کنار هم قرارگرفتن در دمو رو ندارند چرا ؟و چه کار کنم؟
بهاره کوهستانی 11 سال عضو همیار وردپرس
سلام
حتما با قالب شما سازگار نیست.
navab70 9 سال عضو همیار وردپرس
سلام بعد از پنهان کردن بنر اگر کاربر بخواهد دوباره ان را نمایش دهد چگونه می تواند؟
بهاره کوهستانی 11 سال عضو همیار وردپرس
سلام
صفحه رو رفرش کنند.
ادیش لیزر
سلام
ببخشید سوالمو اینجا مطرح می کنم!
چطوری میشه یه عکس متحرک ساخت
ایران کوماکس
خیلی عالی بود
ممنون از پستتون
فاطمه
کار نمیکنه
esi
سلام بسیار ممنون از مطالب بسیار جالب و مفیدتون …… من میخواستم که این حالت فقط داخل فوترم باشه و به صورت فلوت و شناور نباشه …. ایا میشه کاری کرد؟؟؟ ممنون
بهاره کوهستانی 11 سال عضو همیار وردپرس
سلام
خیر نمیشه
reza yahyapour 5 سال عضو همیار وردپرس
جسارتا فونتش کار نمیکنه و همه رو aRIAL نشون میده
تو عکس خودتون هم همینطور!
بهاره کوهستانی 11 سال عضو همیار وردپرس
سلام
اگه میخواید فونت بهش اضافه بشه باید طبق اصول افزودن فونت به سی اس اس اینکار رو انجام بدید. داخل نت جستجو کنید راهحلش هست
فرزاد
خیلی عالیه