آموزش ساخت دکمه جستجو در المنتور

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

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

آموزش ساخت دکمه جستجو در المنتور

برای استفاده از ویجت جستجو المنتور باید طبق آموزش زیر پیش بروید:

  • ابتدا پس از نصب و راه اندازی المنتور وارد پیشخوان شده و صفحه ای را که می‌خواهید فرم جستجو را به آن اضافه شود را باز کرده و روی دکمه ویرایش با المنتور بزنید.
  • سپس در پنل سمت راست سایتتان، به بخش ویجت‌ها رفته و ویجت جستجو» (Search) را جستجو کنید یا از دسته‌بندی عمومی آن را پیدا کنید و ویجت را به ناحیه موردنظر در صفحه بکشید و رها کنید.

آموزش استفاده از ویجت جستجو المنتور

  • سپس می‌توانید دکمه جست و جوی مورد نظر را که در مانند تصویر زیر است را ببینید، در ادامه به آموزش سفارش سازی هر بخش از دکمه می‌پردازیم:

آموزش استفاده از ویجت جستجو المنتور

  • تب محتوا: در تب محتوا می‌توانید نوع محتوای جستجو (مثل پست‌ها، صفحات یا محصولات) رو انتخاب کنید. همچنین می‌توانید متن دکمه (مثل «جستجو»)، آیکون دکمه و متن پیش‌فرض فیلد ورودی (مثل «جستجو کنید…») رو تنظیم کنید.

آموزش استفاده از ویجت جستجو المنتور

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

آموزش استفاده از ویجت جستجو المنتور

  • تب پیشرفته: در تب پیشرفته می‌توانید ID یا کلاس CSS برای سفارشی‌سازی اضافه کنید، انیمیشن ورود فرم رو تنظیم کنید یا نمایش ویجت رو برای دستگاه‌های خاص فعال/غیرفعال کنید.

 

آموزش استفاده از ویجت جستجو المنتور

در نتیجه

ساخت دکمه جستجو در المنتور نه ‌تنها به بهبود تجربه کاربری سایت کمک می‌کند، بلکه باعث افزایش ماندگاری بازدیدکنندگان و دسترسی سریع‌تر آن‌ها به محتوای مورد نیازشان می‌شود.

با استفاده از افزونه های متنوع مانند المنتور، می‌توانید دکمه جستجو را به‌صورت کاملاً سفارشی طراحی کنید تا هم از نظر ظاهری با سبک سایت هماهنگ باشد و هم از نظر عملکردی بهترین بازده را داشته باشد؛ از این که تا اینجا همراه ما بودید ممنونیم، موفق باشید.

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

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