دسته بندی آموزش ها

سر فصل ها

دکمه تماس در المنتور

دکمه تماس در المنتور

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

ویدئو آموزشی مقاله

شروع کار !

توجه : در صورتی که قصد دارید این دکمه در تمامی صفحات وب سایت نمایش داده شود حتما باید از این ویژگی در هدر سایت مورد استفاده قرار بگیرید.

  1. از مسیر پیشخوان وردپرس > قالب ها > Theme Builder > تب Header  قالب هدر خود را ویرایش کنید
  2. برای شروع یک سکشن به قالب خود اضافه کنید
  3. برای ساخت این دکمه می توانید از ویجت آیکون استفاده کنید

تنظیمات ویجت را مطابق با تصویر زیر اعمال کنید

توجه کنید که الگوی  نشانی پیوند مطابق با تصویر باشد به گونه ای که پیوند با (:tel) شروع و به شماره تماس مورد نظر  ختم  شود 

دکمه تماس در المنتور

تنظیمات سکشن

  1. سکشنی که در ابتدا تولید کردید رو انتخاب و وارد تب پیشرفته شوید
  2.  سپس وارد بخش  Motion Effects  شده و دکمه Mouse Effects رو فعال کنید
  3. Sticky را انتخاب و آن را بر روی بالا قرار دهید
  4. در قسمت Sticky on نمایشگر ها دسکتاپ و تبلت را حذف کنید
  5. مقدار Offset رو هم بر روی 500 قرار دهید
  6. بخش Motion Effects رو می بندیم و وارد بخش واکشنگرا شوید
  7.  دکمه مخفی سازی را در حالت دسکتاپ و تبلت فعال می کنید تا این ابزار فقط در نمایشگر موبایل قابل نمایش باشد
  8. و در نهایت تغییرات خود را ذخیره کنید تا دکمه تماس را بر روی وب سایت خود مشاهده کنید

1
دیدگاه

avatar
1 دیدگاه نویسنده
جلالیان اخرین دیدگاه های نویسنده
جلالیان
مهمان
جلالیان

بسیار عالی بود

You can`t add more product in compare