ساخت اسلایدر محتوا در وردپرس با افزونه WP Contact Slider

زمان انتشار:
تعداد بازدید: 1,107
دسته بندی ها: اسلایدر، افزونه وردپرس

زمان تقریبی خواندن نوشته: 4 دقیقه
حالت تمام صفحه:

ساخت اسلایدر محتوا در وردپرس با افزونه WP Contact Slider -small contact form in worpress-quick accessساخت اسلایدر محتوا در وردپرس یکی از تکنیک‌های رایجی است که صاحبان وبسایت‌ها به کار می‌برند. به این صورت که محتوا یا فرم مورد نظر خود را در نقطه‌ای در معرض دید و در دسترس کاربران قرار می‌دهند. به حالتی که فضای کمی اشغال کند و در عین حال بازدیدکننده هر لحظه آن را ببیند و به کلیک روی آن ترغیب شود. مانند:

  • نمایش یک فرم دلخواه مثل فرم تماس یا عضویت کنار سایت
  • یک تصویر
  • کتاب الکترونیکی برای دانلود
  • یک لینک خاص
  • ویدیو
  • متن
  • و…

اسلایدر محتوا در وردپرس

اما سوال اینجاست چطور یک کولپس یا دکمه کوچکی کنار اسکرول درج کنیم؟ و چطور فرمی که از قبل طراحی کرده ایم را در آن درج کنیم؟

دکمه‌ای که شامل یک فرم دلخواه یا ساختار html باشد. در این آموزش از وردپرس یاد قصد داریم یک افزونه ساده اما کاربردی به نام WP Contact Slider به منظور ساخت اسلایدر محتوا در وردپرس را به شما معرفی کنیم که به عنوان پاپ‌آپ، نمایش اعلان، نمایش فرم، دسترسی سریع و نمایش محتوا مورد استفاده قرار می‌گیرد.

اعلان محتوا یا فرم کوچک کنار سایت با افزونه WP Contact Slider

ساخت اسلایدر محتوا در وردپرس -WP Contact Slider-banner

WP Contact Slider یک افزونه وردپرس به منظور ساخت اسلایدر محتوا در وردپرس مورد استفاده قرار می‌گیرد. کارایی مناسب  وسهولت استفاده موجب محبوبیت این افزونه گردیده به طوری که تاکنون توانسته بیش از ۱۰٬۰۰۰ نصب فعال را با امتیاز ۴٫۹ از ۵ را در مخزن وردپرس به ثبت برساند.

امکانات افزونه WP Contact Slider

  1.  امکان درج فرم تماس کوچک و مخفی کنار اسکرول وبسایت
  2. امکان درج محتوای دلخواه کنار اسکرول وبسایت
  3. فرم تماس یا محتوای دلخواه به صورت کولپس
  4. امکان دسترسی سریع و مشاهده فرم در هر لحظه بدون مزاحمت
  5. سازگار با انواع فرم‌سازهای معروف
  6. حرکت کولپس همراه با اسکرول
  7. و…

نحوه کار با افزونه WP Contact Slider

برای ساخت اسلایدر محتوا در وردپرس افزونه WP Contact Slider را از انتهای مقاله دانلود کرده سپس در محیط وردپرس به کمک منوی افزونه‌ها و زیرمنوی افزودن اقدام به نصب و فعال‌سازی آن کنید.

پس از فعال‌سازی، پیغام نصب موفق و اجازه تجزیه و تحلیل را مشاهده خواهید کرد. روی دکمه skip کلیک کنید. شاهد منوی جدیدی تحت عنوان WP Contact Slider با ۴ زیرمنو خواهید بود.

ساخت اسلایدر محتوا در وردپرس -WP Contact Slider-menu

  • All Sliders: اسلایدرهای طراحی شده را از این قسمت مدیریت، حذف یا ویرایش کنید.
  • Add New Contact Slider: برای شروع طراحی و ساخت اسلایدر محتوا در وردپرس از این زیرمنو کمک بگیرید.
  • Support Forum: قسمتی برای پشتیبانی که با کلیک روی آن به سربرگ پشتیبانی افزونه در مخزن وردپرس هدایت می‌شوید.
  • Add-Ons: مشاهده سایر افزونه‌ها.

طریقه ساخت فرم یا اعلان کوچک کنار اسکرول وبسایت

جهت طراحی اسلایدر محتوا در وردپرس روی زیرمنوی Add New Contact Slider کلیک کنید. به صفحه‌ای مشابه تصویر زیر هدایت می‌شوید.

همان‌طور که در تصویر مشاهده می‌کنید، با افزونه yoast seo‌ نیز سازگار است و امکان تنظیمات سئو برای هر اسلایدر را خواهید داشت.

ساخت اسلایدر محتوا در وردپرس -Add New Contact Slider

  1. ابتدا عنوانی را برای اسلایدر محتوا در وردپرس درج کنید.
  2. طبق توضیحات ارائه شده، تنظیمات اسلایدر محتوا در وردپرس را پیکربندی کنید.
  • Lable text color: رنگ متن دکمه لغزه ( منظور از برچسب همان دکمه کوچک اسلایدر محتوا در وردپرس است.)
  • Lable background color: رنگ پس‌زمینه دکمه اسلایدر محتوایی
  • Lable border color: رنگ حاشیه‌های دکمه اسلایدر محتوا در وردپرس
  • Slider text color: رنگ متن درون اسلایدر محتوا در وردپرس
  • Slider background color: انتخاب رنگ پس‌زمینه اسلایدر
  • : رنگ پس‌زمینه فرم
  • : رنگ حاشیه‌های فرم
  • : موقعیت اسلایدر ( دارای  ۲ مقدار left و right به منظور قرارگیری در سمت چپ یا سمت راست صفحه)
  • : عدم نمایش اسلایدر محتوا یا فرم تماس کوچک کنار وبسایت در نمایشگر های کوچکتر از ۵۰۰ پیکسل.
  • Open slider by default: نمایش خودکار اسلایدر محتوا در وردپرس هنگام بارگذاری سایت.
  • Display on Home: اسلایدر محتوا در صفحه اصلی نمایش داده شود.
  • Display on All Pages: اسلایدر محتوا یا فرم تماس کوچک کنار اسکرول تمام صفحات وردپرس نمایش داده شود.

نکته: در هنگام نمایش اسلایدر محتوایی در تمام صفحات، سایر اسلایدر های سفارشی اجرا نخواهند شد.

  • Display on Selected Posts & Pages: نمایش اسلایدر محتوا یا فرم کوچک کنار اسکرول نوشته‌ها و برگه‌های دلخواه.
  • What would you like to display? در این قسمت امکان تنظیم نوع محتوا جهت نمایش را خواهید داشت. (به صورت محتوا یا به صورت فرم) به کمک مقادیر Shortcode و Text or html در این بخش می‌توانید تنظیم کنید که قصد نمایش یک ساختار html را دارید یا می‌خواهید فرمی را نمایش دهید.

What would you like to display?

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

Text or html: در صورتی که قصد نمایش اعلان یا نمایش محتوایی را دارید این گزینه را انتخاب کنید. امکان درج انواع محتوا به همراه لینک را خواهید داشت.

در ادامه تنظیمات هر کدام را به همراه دموی آن نمایش خواهیم داد.

۱- گزینه : برای درج فرم کنار اسکرول وبسایت

درصورتی که قصد درج فرم داشتید و گزینه Shortcode را انتخاب کردید با کادر زیر مواجه می‌شوید.

ساخت اسلایدر محتوا در وردپرس -WP Contact Slider-Shortcode

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

نکته: چنانچه شورت‌کد شما مربوط به هیچ یک از فرم سازهای درون کشو نبود، گزینهnone را انتخاب کنید. خروجی این گزینه مطابق تصویر زیر خواهد بود:

ساخت اسلایدر محتوا در وردپرس با افزونه WP Contact Slider

بازدیدکننده شما با کلیک بر روی دکمه درج شده کنار اسکرول، شاهد فرم مورد نظر شما خواهد بود. می توانید از این قابلیت برای نمایش فرم خبرنامه، فرم عضویت و ثبت‌نام و… استفاده کنید.

ساخت اسلایدر محتوا در وردپرس با افزونه WP Contact Slider

توضیحات ذکر شده در ارتباط با گزینه Shortcode بود. گزینه دوم نیز برای درج محتوا در قالب یک کولپس کنار اسکرول کاربرد دارد که در ادامه به بررسی آن خواهیم پرداخت.

فرم‌سازهای سازگار با افزونه WP Contact Slider

افزونه WP Contact Slider با همه نوع افزونه‌ فرم ساز در وردپرس سازگار است.

  • contactform7
  •  Gravity forms
  •  Wp Forms
  • Caldera forms
  • Constant Contact Forms
  • و…

۲- گزینه Text or html: برای درج محتوا کنار اسکرول وبسایت

گزینه دوم  Text or html است. با انتخاب این گزینه کادری شبیه محیط وردپرس در اختیار شما قرار می‌گیرد. می‌توانید محتوای مورد نظر خود را در این کادر وارد کنید. محتوا می‌تواند شامل فایل، لینک، متن و… باشد. حتی می‌توانید کدهای دلخواه خو را جهت نمایش درج کنید.

ساخت اسلایدر محتوا در وردپرس -Add New Contact Slider

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

ساخت اسلایدر محتوا در وردپرس با افزونه WP Contact Slider

جمع‌بندی نهایی

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

  • با این کار، بازدیدکنندگان خود را خسته نمی‌کنید. چون گاهی نمایش پا‌پ‌آپ ممکن است کاربر را کلافه کند.
  • بازدیدکننده هر زمان که تمایل داشت میتواند این بخش را مشاهده کند چون دکمه لغزنده همراه با اسکرول حرک می‌کند.
  • فضای زیادی را اشغال نمی‌کند.
  • محتوای مورد نظر یا فرم دلخواه همیشه در دسترس بازدیدکنندگان است.

امیدوارم که از آموزش ساخت اسلایدر محتوا در وردپرس راضی بوده باشید. موفق باشید. 🙂

دانلود افزونه WP Contact Slider جهت ساخت محتوا یا فرم کوچک کنار اسکرول وبسایت

دانلود  صفحه‌ی افزونه

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

75 نوشته تا کنون
فارغ‌التحصیل رشته آی‌تی. کارشناس آی‌تی وردپرس‌یاد ?
✍باتمام علاقه‌ای که به دنیای آی‌تی داشتم با وردپرس آشنا شدم و اکنون تمام تلاشم برای تهیه آموزش‌های کاربردی و کمک به علاقه‌مندان دنیای بزرگ وردپرس است.

پاسخ دهید

دیدگاه شما برای ما ارزشمند است. در کمترین زمان ممکن به آن پاسخ خواهیم داد.

دیدگاه های این نوشته

2 دیدگاه
  1. Sha

    Sha

    میشه جای متن عکس هم گذاشت ؟

    • محدثه اسماعیلی

      محدثه اسماعیلی

      سلام بله امکانش هست که هر محتوایی بذارید.