ساخت صفحه نتایج جستجو در المنتور (ویدیوی آموزشی)

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

1. استفاده از ابزارک پیش‌فرض نتایج جستجو: ساده‌ترین روش برای نمایش سریع نتایج.
2. طراحی با لیستینگ شبکه (Listing Grid): استفاده از افزونه‌های جانبی برای کنترل بیشتر بر نحوه نمایش.
3. ایجاد با حلقه شبکه (Loop Grid): پیشرفته‌ترین روش با امکانات طراحی کاملاً سفارشی.

ساخت صفحه نتایج جستجو در المنتور

برای ساخت صفحه نتایج جستجو در المنتور باید مراحل زیر را به ترتیب انجام دهید:

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

روش اول: استفاده از ابزارک پیش‌فرض نتایج جستجو (پست های آرشیو)

ابزارک پیش‌فرض نتایج جستجو در المنتور امکان نمایش لیستی از نتایج جستجو را بدون نیاز به افزونه اضافی فراهم می‌کند. این روش برای سایت‌های ساده و با نیازهای ابتدایی مناسب است.

1. از بخش ابزارک‌ها، ابزارک “پست های آرشیو” را به صفحه بکشید.
2. در تنظیمات ابزارک، می‌توانید مشخص کنید که نتایج به چه شکلی نمایش داده شوند.
3. استایل ابزارک را با استفاده از گزینه‌های “تایپوگرافی” و “رنگ‌ها” (Typography و Colors) سفارشی کنید تا با طراحی کلی سایت شما هماهنگ شود.
4. با استفاده از ابزارک عنوان آرشیو ، میتوانید عنوان جستجو را به صفحه اضافه کنید.

مزایا:

• ساده‌ترین و سریع‌ترین روش برای پیاده‌سازی
• عدم نیاز به افزونه‌های اضافی

معایب:

• محدودیت در سفارشی‌سازی ظاهر و چیدمان نتایج
• عدم انعطاف‌پذیری در نمایش اطلاعات مختلف

روش دوم: طراحی با لیستینگ شبکه (Listing Grid)

اگر افزونه‌ جت انجین استفاده می کنید، می‌توانید از ویجت “لیستینگ شبکه” (Listing Grid) استفاده کنید تا کنترل بیشتری روی نحوه نمایش نتایج جستجو داشته باشید. این روش برای سایت‌هایی با نیازهای سفارشی بیشتر مناسب است.

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

مزایا:

• امکان سفارشی سازی بیشتر نحوه نمایش نتایج
• امکان نمایش اطلاعات داینامیک از محتوا

معایب:

• نیاز به افزونه‌های جانبی
• پیچیدگی بیشتر در تنظیمات و پیکربندی

روش سوم: ایجاد صفحه نتایج با حلقه شبکه (Loop Grid)

حلقه شبکه (Loop Grid) یکی از قابلیت‌های قدرتمند المنتور پرو است که امکان طراحی کاملاً سفارشی برای نمایش نتایج جستجو را فراهم می‌کند. این روش برای سایت‌هایی با نیازهای طراحی کاملاً سفارشی و حرفه‌ای مناسب است.

برای آشنایی کامل با مراحل ایجاد قالب حلقه ، آموزش حلقه شبکه‌ ای (Loop Grid) در المنتور را ببینید.

مزایا:

• کنترل کامل بر طراحی و چیدمان نتایج
• امکان ایجاد قالب‌های کاملاً سفارشی با استفاده از ابزارک‌های افزونه المنتور پرو
• مناسب برای طراحی‌های حرفه‌ای و خاص

معایب:

• پیچیدگی بیشتر در طراحی و تنظیمات

نکات نهایی برای بهبود تجربه کاربری:

• افزودن نوار جستجو: با قرار دادن ابزارک جستجو در بالای صفحه، کاربران را به جستجوی دوباره ترغیب کنید.
• نمایش پیام سفارشی برای نتایج خالی: اطمینان حاصل کنید که اگر جستجو نتیجه‌ای نداشت، یک پیام دوستانه و کاربردی نمایش داده شود (مثلاً “متاسفیم، نتیجه‌ای برای جستجوی شما پیدا نشد”).
• واکنش‌گرایی (Responsive): مطمئن شوید که صفحه شما روی موبایل و تبلت به درستی نمایش داده می‌شود. از تنظیمات واکنشگرایی المنتور برای این منظور استفاده کنید.
• بهینه سازی سرعت: اطمینان حاصل کنید که صفحه نتایج جستجو به سرعت بارگذاری می شود.

نتیجه‌گیری:

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