به جلسه بیست و هشتم بخش آموزش طراحی سایت با المنتور از دوره رایگان وردپرس خوش آمدید. در این جلسه میخواهیم طراحی صفحه نتایج جستجو با المنتور را آموزش دهیم. زیرا بسیاری از کاربران پس از ورود به سایت ممکن است از قابلیت جستجو استفاده کنند. برای اینکه بتوانید خروجی جستجوهای کاربران خود را نشان دهید، نیاز دارید که قالب نتایج جستجو را در المنتور بسازید. مشابه جلسات قبلی، این بخش هم نیاز به طراحی یک قالب دارد.
این طراحی صرفاً با یک قالب ساده ایجاد میشود و این انعطاف المنتور، به ما اجازه میدهد که حتی نتایج جستجوی سایت خود را به بهترین شکل، شخصیسازی کنیم. پس اگر برای یادگیری طراحی قالب نتایج جستجو با المنتور آمادهاید تا پایان این مقاله از آژانس نوآوری رسام ما را همراهی کنید.
طراحی صفحه نتایج جستجو با المنتور از بخش قالبها
برای طراحی صفحه نتایج جستجو با المنتور بعد از ورود به پیشخوان وردپرس و بخش قالبها، به قسمت قالبهای ذخیره شده رفته روی “افزودن قالب جدید” کلیک کنید تا با تصویر زیر مواجه شوید. در این قسمت ابتدا نوع قالب را نتایج جستجو انتخاب کرده و سپس یک نام برای آن انتخاب کنید. (ممکن است نام آن انگلیسی و به صورت Search Results باشد). طبق معمول با برگهساز المنتور مواجه خواهید شد و در این بخش باید طراحی خود را تکمیل کنید.
در صفحه نتایج جستجو (مشابه طراحی قالب صفحه 404 با المنتور و سایر آرشیوها) باید عنوان آن صفحه را بندازید. سپس میتوانید از ویجت Post Archive و یا Posts استفاده کرده و نوع آن را روی کوئری فعلی یا همان Current Query بگذارید. راه حرفهایتر آن نیز استفاده از همان لوپ آیتم المنتور است. (هم میتوانید از لوپ آیتمی که قبلاً ساختید استفاده کنید و هم میتوانید لوپ آیتم مختص این صفحه بسازید). به این موضوع دقت کنید که اگر با لوپ آیتم بسازید هم باید حتماً نوع آن را روی کوئری فعلی بگذارید.
محتوای صفحه نتایج جستجو چیست؟
به جز نمایش ویجت برای آیتمهای جستجو، شما میتوانید فیلد جستجو را نیز بگذارید. این کار باعث میشود کاربران در صورت عدم نتیجه از جستجوی اول، باز هم بتوانند جستجو کنند. حتی ممکن است جستجوی اول را در هدر سایت انجام داده باشند و بعد از هدایت به صفحه نتایج جستجو، آنجا نیز جستجو را ادامه دهند و عبارات دیگری را نیز جستجو کنند.
نکته دیگر این است که نمایش آیتمهای برگه یا نوشته میتواند با تصویر شاخص باشد که در این صورت بهتر است همه برگهها و نوشتهها تصویر شاخص داشته باشند. البته اگر نخواستید برای همه برگهها و نوشتهها تصویر شاخص بگذارید، میتوانید به صورت لیستی و بدون تصویر شاخص، آیتمهای جستجو را نشان دهید.
وبسایتهای پرمحتوا، همیشه بخش جستجوی قدرتمندی دارند
وبسایتهای فروشگاهی و حتی وبسایتهای شرکتی که بلاگ خوبی دارند، همیشه به بخش جستجوی خود اهمیت میدهند. حتی اگر سایتی فروشگاهی هم نباشد، بخش بلاگ آن نیاز به جستجو خواهد داشت. بنابراین حتماً طراحی صفحه نتایج جستجو با المنتور را انجام دهید. افزون بر این، تجربیات و سوالات خود را در مورد این جلسه از آموزش رایگان وردپرس با متخصصین آژانس نوآوری رسام در میان بگذارید.
13 پاسخ
سلام استاد وقتتون بخیر
دکمه سرچ هدر رو که ساختم وقتی روش کلیک میکنم مثل شما اون صفحه سرچ رو باز نمیکنه و میره توی قسمت نتایج جستجو. مشکل چیه؟
درود بر شما دوست گرامی. وقت شما بخیر
سرچ جدید المنتور را بایستی حتما برایش تمپلیت بسازیم. اگر تمپلیت را هم ساختید، حتما در تنظیمات باید گزینه “Live Search” رو هم فعال کنید که با جستجو، تمپلیت را به صورت زنده و بدون کلیک اضافه، نشان بدهد. در این وضعیت اگر کاربر Enter بزند یا روی دکمه سرچ بزند، تازه آن موقع وارد صفحه اختصاصی نتایج جستجو میشود.
موفق باشید.
سپاس
کجاباید براش تمپلیت بسازیم؟
درود بر شما دوست گرامی. وقت شما بخیر
توی بخش قالبهای المنتور باید بروید و آنجا یک تمپلیت از نوع “آیتم لوپ” یا همان آیتم حلقه بسازید. بعدا در صفحه مدنظر که ویجت مربوط به جستجو رو انداختید، آن وقت باید تمپلیت ساخته شده را بهش اختصاص بدید. دقیقا مشابه اختصاص دادن آیتمهای لوپ که برای نمایش بلاگ و… استفاده میکردیم. با این تفاوت که اینجا قرار است نتایج جستجو را نشان بدهد. توی این ویدئو من حالت Live Search رو آموزش نداده بودم. چون بعد از تهیه ویدئو در المنتور نهایی شد. حتما بعدا ویدئو آن را خواهم ساخت.
موفق باشید.
سلام و وقت بخیر مهندس حمداللهی عزیز امیدوارم عالی باشید مهندس آموزش عالی بود منتهی در بخشی که سرچ فرم باید بیارم در المنتور پروای که من دارم همچین ویجتی نداره و به اسم Search است و این نوع استایل دادن را ندارد الان چطوری میتونم این سرچ را در کار ایجاد کنم باتشکر از شما و ویدیو های عالیتون
درود بر شما جناب شفیعی عزیز و گرامی، وقت شما بخیر
دو سه اتفاق ممکن است رخ داده باشد. افزونه المنتور پرو باید بروز باشد. در پیشخوان وردپرس > المنتور > مدیریت ویجتها، دقت بفرمائید ویجت جستجو غیرفعال نشده باشد. گاهی هم ممکن است ترجمه فارسی نباشد و یا به طرق دیگری ترجمه شده باشد. همچنین از پیشخوان وردپرس > المنتور > تنظیمات، باید مواردی مثل عناصر تو در تور، کانتینر و… فعال باشند.
موفق باشید.
با سلام و خسته نباشید
استاد میخواستم بدونم اگر بخوام برای یک دسته از نوشته ها یک قالب سرچ داشته باشم و برای باقی دسته های دیگر نوشته ها یک قالب سرچ دیگه داشته باشم باید چه تنظیماتی انجام بدم.
یعنی به عنوان مثال : در زمان جستجوی یک نوشته ، نوشته های دسته A با یک قالب به نمایش در بیایند و نوشته های دسته های دیگر با یک قالب دیگه به نمایش در بیایند؟
ممنون از شما
درود بر شما. وقت شما بخیر
خود ویجت سرچ جدید المنتور، صرفا یک تمپلیت بیشتر نمیگیره. مگر اینکه از افزونه دیگری استفاده کنیم که این قابلیت رو داشته باشد و یا دست به کد بشویم و نمایش آن دسته مدنظر را تغییر بدهیم.
موفق باشید.
با تشکر از جناب حمداللهی عزیز.
سال ها پیش وردپرس رو از دوره های بسیار دقیق و حرفه ای ایشون یاد گرفتم.
درود بر شما. وقت بخیر
سپاس از لطف و مهربانی شما جناب علیپور عزیز. امیدوارم محتوا مفید و کمک کننده باشد.
موفق باشید.
سلام جناب حمداللهی وقت بخیر ممنون بابت آموزش و توضیحاتتون،فوق العاده اس
سه مسئله ای هنگام استفاده از ویجت فرم جستجو برای من افتاده،ویجت فرم جستجوی من اصلا مثل ویجت شما نیست،به عنوان مثال گزینه skin نداره و سایر گزینه ها هم همینطور و از المنتور پرو و قالب hello استفاده میکنم
ممنون از آموزشهای خوبتون
درود بر شما آقای وهابی. وقت بحیر
المنتور کلا دو نوع ویجت سرچ داره. ممکنه برای شما اون جدیده باشه. چون بعد از اینکه من دوره را منتشر کردم المنتور یک ویجت سرچ جدید معرفی کرد. امسال میخواهم قسمت فروشگاهی را هم به دوره المنتور اضافه کنم که در آن مباحث حتما سرچ جدید المنتور را هم آموزش خواهم داد. البته الان هم به مشکل نمیخورید و توضیح میدهم که چه کار بکنید. ببینید سرچ جدید کلا میتواند به صورت Ajax عمل کند و مثل دیجی کالا همان جا عناصر را لود کند. بنابراین باید یک تمپلیت المنتوری برای نتایج جستجو بسازید. همچنین برای نتایج جستجویی که میخواهید به صورت Ajax و همان لحظه نشان داده بشوند (مشابه سرچ دیحیکالا) باید یک لوپ هم بسازید و بهش معرفی بکنید در همان تب اول ویجت. (اگر هم به مشکل خوردید به من پیام بدهید آموزش مجزا براتون ارسال کنم).
موفق باشید.
ممنونم جناب حمداللهی، انجامش میدم و بی صبرانه منتظرم آموزش ووکامرس شما آماده بشه