در این مقاله، قصد داریم به‌صورت گام‌به‌گام و به زبان ساده به آموزش طراحی قالب جستجو ای بازی در المنتور بپردازیم. اگر صاحب یک سایت گیمینگ یا فروش فایل بازی هستید و می‌خواهید جستجوی بازی‌ها در سایت‌تان حرفه‌ای، کاربرپسند و زیبا باشد، این راهنما مخصوص شماست. با ما همراه باشید تا بدون نیاز به کدنویسی، یک قالب جستجوی شیک و کاربردی با المنتور بسازید.
چرا به قالب جستجو اختصاصی برای بازی نیاز داریم؟
قبل از اینکه سراغ طراحی قالب برویم، بهتر است بدانیم چرا اصلاً به یک قالب جستجو اختصاصی نیاز داریم. سایت‌هایی که محتوای بازی ارائه می‌دهند معمولاً صدها یا حتی هزاران بازی دارند. اگر کاربران نتوانند به‌راحتی بازی موردنظرشان را پیدا کنند، سایت را ترک می‌کنند.
طراحی قالب جستجو ای بازی در المنتور به شما این امکان را می‌دهد که تجربه کاربری را بهبود بدهید، ظاهر حرفه‌ای‌تری به سایت ببخشید و نرخ تبدیل بازدیدکننده به مشتری را افزایش دهید.
پیش‌نیازهای شروع کار
برای اینکه بتوانید قالب جستجوی بازی را طراحی کنید، به چند ابزار و افزونه نیاز دارید. این موارد را ابتدا بررسی و نصب کنید:
- افزونه Elementor Pro (نسخه حرفه‌ای الزامی است)
- افزونه Search & Filter یا JetSmartFilters
- قالب وردپرس سازگار با المنتور مثل Hello Elementor یا Astra
همچنین باید بخشی از سایت‌تان به آرشیو بازی‌ها اختصاص داده شده باشد تا بتوانید از قابلیت‌های جستجو بهره ببرید.
ساخت یک قالب آرشیو برای بازی‌ها
طراحی قالب جستجو ای بازی در المنتور بدون داشتن قالب آرشیو مناسب ناقص است. در این مرحله:
- به پیشخوان وردپرس بروید و وارد قالب‌ها > افزودن قالب جدید شوید.
- نوع قالب را روی Archive بگذارید و یک نام مانند “آرشیو بازی‌ها” انتخاب کنید.
- در المنتور، یک ساختار دو ستونه طراحی کنید: سمت راست فیلترها، سمت چپ نتایج بازی‌ها.
- از ابزارک Posts یا Loop Grid برای نمایش بازی‌ها استفاده کنید و آن را روی نوع پست دلخواه (مثلاً “بازی‌ها”) تنظیم کنید.
در این مرحله فقط ظاهر آرشیو را طراحی می‌کنید. فیلترها و قابلیت جستجو در مراحل بعدی اضافه می‌شود.
افزودن فیلترهای جستجو به قالب
برای این کار بسته به افزونه‌ای که استفاده می‌کنید، مراحل متفاوتی دارد. در این آموزش، از افزونه JetSmartFilters استفاده میکنیم:
- از بخش JetSmartFilters وارد بخش Add New Filter شوید.
- یک فیلتر ایجاد کنید، مثلاً براساس دسته‌بندی بازی‌ها، ژانر، پلتفرم یا سطح سختی.
- نوع فیلتر را انتخاب کنید (Checkbox, Select, Search و غیره)
- فیلترها را در قالب آرشیو ساخته‌شده، در ستون کناری قرار دهید.
توجه داشته باشید که المنتور پرو با JetSmartFilters به خوبی هماهنگ است و میتوانید با چند کلیک همه چیز را فعال کنید.
ساخت قالب نتایج جستجو
حالا نوبت به طراحی قالبی است که نتایج جستجو را نشان دهد. برای این کار:
- به مسیر قالب‌ها > افزودن قالب جدید > Search Results بروید.
- با المنتور یک ساختار مشابه قالب آرشیو بسازید، اما تمرکز روی نمایش نتایج باشد.
- از ویجت Search Results یا Posts استفاده کنید.
- یک عنوان دینامیک مانند «نتایج برای: [کلمه کلیدی]» قرار دهید.
در این قالب، هرچه طراحی ساده‌تر و شفاف‌تر باشد، کاربران راحت‌تر محتوای موردنظرشان را پیدا می‌کنند.
بهینه‌سازی طراحی برای موبایل و سئو
بسیاری از کاربران سایت‌های گیمینگ از موبایل استفاده می‌کنند، بنابراین باید طراحی واکنش‌گرا باشد. المنتور به‌صورت پیش‌فرض امکان تنظیم جداگانه برای موبایل را فراهم کرده است. به این نکات دقت کنید:
- فیلترهای جستجو در موبایل به‌صورت آکاردئون یا دکمه کشویی نمایش داده شوند.
- نتایج بازی‌ها در دو یا یک ستون و با اندازه مناسب ریسپانسیو شوند.
- از تیترهای H2 و H3 به درستی استفاده کنید تا سئوی ساختاری رعایت شود.
علاوه بر این، حتماً برای هر قالب، متا دیسکریپشن، عنوان سئو و URL بهینه‌شده تعریف کنید.
نتیجه‌گیری
حالا نوبت شماست که سایت بازی‌تان را حرفه‌ای کنید
در این آموزش یاد گرفتید که چطور با استفاده از المنتور پرو و افزونه‌های مکمل، یک سیستم جستجوی حرفه‌ای برای سایت بازی خود طراحی کنید. طراحی قالب جستجو ای بازی در المنتور نه‌تنها تجربه کاربران را ارتقا می‌دهد، بلکه ظاهر سایت شما را نیز به سطح بالاتری می‌برد.
مهم‌تر از همه، تمام این کارها را بدون حتی یک خط کدنویسی انجام دادید. با همین روش میتوانید برای دیگر بخش‌های سایت هم فیلترهای حرفه‌ای طراحی کنید و ظاهر سایت‌تان را به یک پلتفرم واقعی بازی تبدیل کنید.
