آیا می خواهید یاد بگیرید که چگونه یک صفحه نتایج جستجو با Elementor بسازید؟

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

در وردپرس ، ظاهر (طرح بندی) صفحه نتایج جستجو توسط الگویی در موضوع مورد استفاده شما کنترل می شود (پرونده search.php می در بیشتر موارد) اگر طرح پیش فرض مناسب شما نیست ، می توانید یک الگوی سفارشی برای جایگزینی آن ایجاد کنید.

اگر مهارت PHP ندارید ، می توانید استفاده کنید Elementor (یا سایر افزونه های سازنده صفحه که دارای عملکرد زمینه ساز هستند مانند سازنده دیوی et WPBakery) برای ایجاد یک الگوی صفحه نتایج جستجوی سفارشی در وردپرس.

برای اینکه بتوانید با استفاده از Elementor یک الگوی صفحه نتایج جستجو ایجاد کنید ، باید از نسخه Pro Elementor استفاده کنید زیرا ویژگی Theme Builder فقط در Elementor Pro در دسترس است.

نحوه ایجاد صفحه نتایج جستجو با Elementor

وقتی با استفاده از Elementor صفحه نتایج جستجوی سفارشی ایجاد می کنید ، می توانید هنگام ایجاد صفحه ، هر عنصری را که دوست دارید اضافه کنید. بیش از 90 مورد (به عنوان ابزارک) وجود دارد که می توانید اضافه کنید.

دفعات بازدید: نحوه مدیریت ارسال های فرم در Elementor

Elementor خود الگوهای صفحه نتایج جستجو را از قبل ساخته شده برای ساده سازی گردش کار شما ارائه می دهد. یا اگر مفهوم طراحی خاص خود را دارید ، می توانید خودتان صفحه نتایج جستجو را ایجاد کنید.

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

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

  • بخش 1: برای قرار دادن سرصفحه (شرح نتایج جستجو)
  • بخش 2: برای قرار دادن فرم جستجو و نتایج جستجو

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

همچنین ببینید: نحوه استفاده از Elementor: راهنمای کامل

کلیک بر روی دکمه اضافه کردن در برای ایجاد الگوی جدید (یا می توانید روی دکمه کلیک کنید) الآن امتحانش کن Elementor's Themes Builder را امتحان کنید).

نوع مدل را روی تنظیم کنید نتایج جستجو، به مدل خود یک نام دهید و روی دکمه کلیک کنید یک مدل ایجاد کنید برای شروع ایجاد مورد دوم

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

همچنین بخوانید: نحوه افزودن افکت نقطه ای به یک ستون در Elementor

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

بخش 1

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

به پنل سمت چپ بروید. در بلوک عنوان زیر زبانه محتوا، روی نماد پایگاه داده در قسمت کلیک کنید عنوان و انتخاب کنید عنوان بایگانی.

یک صفحه نتایج جستجو ایجاد کنید

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

نحوه ایجاد صفحه نتایج جستجو با Elementor

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

یک صفحه نتایج جستجو ایجاد کنید

بخش 2

کلیک بر روی دکمه بیشتر برای اضافه کردن بخش جدیدی مانند آنچه در بخش 1 بالا انجام دادید. همچنین می توانید ساختار تک ستونی را انتخاب کنید. پس از افزودن بخش ، ابزارک Search Form را بکشید.

سپس می توانید برای انجام تنظیمات به پنل تنظیمات دسترسی پیدا کنید. در بلوک فرم جستجو تحت برگه محتوا ، می توانید Skin ، مکان نگهدارنده ، نماد ، اندازه نماد و غیره را تعریف کنید ...

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

از بلوک دکمه، می توانید رنگ متن دکمه ، رنگ پس زمینه ، تایپوگرافی ، اندازه آیکون و عرض دکمه را تنظیم کنید.

پس از اینکه حالت دهی ابزارک فرم جستجو در محل قرار گرفت ، می توانید ابزارک Archives Posts را اضافه کنید. می توانید آن را دقیقاً در زیر ابزارک فرم جستجو قرار دهید.

پس از قرارگیری این ابزارک ، به پانل سمت چپ بروید. زیر بلوک چیدمان، زبانه محتوا، می توانید پوست ، تعداد ستون ها ، موقعیت تصویر ، طول عصاره ، متادیتا و غیره را تعریف کنید ...

در بلوک صفحه بندی ، می توانید نوع صفحه بندی ، محدودیت صفحه و تراز را تنظیم کنید.

در بلوک پیشرفته ، می توانید پیام را تنظیم کنید تا وقتی وردپرس نتواند جستجوی ارائه شده را پیدا کند ، نمایش داده شود.

پس از تنظیمات اساسی برگه محتویات کامل شد ، می توانید به برگه بروید سبک برای سفارشی کردن ویجت Archive Posts. 6 بلوک وجود دارد که می توانید در این برگه باز کنید.

  • طرح

برای تعیین ترازبندی محتوای متنی پست ها (عنوان پست و متا) می توانید این بلوک را باز کنید. همچنین می توانید فاصله بین ستون ها و ردیف ها را تعریف کنید.

  • تصویر

برای تنظیم شعاع حاشیه عکسهای کوچک پست می توانید این بلوک را باز کنید. همچنین می توانید فاصله را تنظیم کرده و فیلترهای CSS را اعمال کنید.

  • محتوا

برای تنظیم تایپوگرافی ، رنگ متن و فاصله محتوای متن برای پست ها می توانید این بلوک را باز کنید.

  • صفحه گذاری

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

  • هیچ چیزی پیام پیدا نشد

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

در صورت نیاز به ابزارک های بیشتری می توانید اضافه کنید. پس از پایان ویرایش صفحه ، می توانید روی دکمه کلیک کنید انتشار یا به روزرسانی در پایین پانل تنظیمات کلیک کنید.

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

یک صفحه نتایج جستجو ایجاد کنید

و آنجا شما بروید!

هر وب سایت مبتنی بر وردپرس ، بسته به موضوع مورد استفاده وب سایت ، یک صفحه نتایج جستجو منحصر به فرد دارد. اگر طرح صفحه نتایج جستجو توسط موضوعی که استفاده می کنید برای شما جذاب نیست ، می توانید آن را سفارشی کنید.

تا زمانی که مهارت PHP ندارید ، می توانید از Elementor برای ایجاد صفحه نتایج جستجوی سفارشی در وب سایت وردپرس خود استفاده کنید. همه چیز کشیدن و رها کردن است. نیازی به دستکاری کد PHP نیست.

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

اکنون Elementor Pro را دریافت کنید!

همچنین برخی از افزونه های برتر WordPress را کشف کنید  

می توانید از موارد دیگر استفاده کنید افزونه های وردپرس برای دادن ظاهری مدرن و بهینه سازی مدیریت وبلاگ یا وب سایت شما.

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

1. پاسخگو WooCommerce

پاسخگوی خودکار WooCommerce یک پلاگین وردپرس که به شما امکان می دهد مشتریان خود را در پاسخگوی خودکار خود مشترک کنید. این پلاگین وردپرس همچنین جعبه اشتراک خبرنامه را برای ادغام آسان نمایش می دهد از WooCommerce به پاسخ دهنده خودکار.

پاسخگوی خودکار ووکامرس

به عنوان ویژگی هایی که در میان سایر ویژگی ها پیدا خواهید کرد: ادغام کامل با WooCommerce ، پشتیبانی از 9 پاسخ دهنده خودکار ، بدون نیاز به دانش برنامه نویسی ، نصب آسان و موارد دیگر.

دفعات بازدید: آموزش MailChimp ها در فرانسه: راهنمای کامل برای ایجاد یک خبرنامه

دانلود | نسخه ی نمایشیمیزبانی وب

2. پلاگین نظر سنجی وردپرس

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

در ویژگی های آن ما به طور عمده می یابیم: سهولت استفاده ، پشتیبانی از cابزارهای آیکون سفارشی ، رتبه بندی نظرات با توجه به یادداشت ها ، شخصی سازی تیرفتن آیکون ها ، پشتیبانی CSS سفارشی، جرمزگذاری IP (برای کاربران اروپایی) ، امکان ترجمه این افزونه و بیشتر.

دانلود | نسخه ی نمایشی | میزبانی وب

3. نقشه پیشرفته

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

نقشه پیشرفت وردپرس پلاگین wordpress

به عبارت دیگر ، با استفاده از این پلاگین ، مکان های شما قرار است هر دو در منتشر شوند نقشه گوگل (نشانگرها) و روی چرخ و فلک. چرخ فلک به نقشه متصل است ، به این معنی که موردی که در چرخ و فلک انتخاب شده است ، مکان خود را بر روی نقشه هدف قرار داده و بالعکس.

نگاهی بیندازید نحوه نمایش مکان یکی از اعضای انجمن WP خود در نقشه Google

برای افزودن مکان های شما ، Progress Map یک فضای فرم در صفحه "افزودن مورد جدید" ایجاد می کند که به شما امکان می دهد مختصات مکان خود را به راحتی اضافه کنید.

دانلودنسخه ی نمایشی | میزبانی وب

سایر منابع پیشنهادی

ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.

نتیجه

اینجاست این برای این آموزش است. امیدواریم نحوه ایجاد صفحه نتایج جستجو با Elementor به شما نشان دهد. ما می خواهیم نظرات شما را در مورد این موضوع بشنویم بخش نظرات.

با این حال، شما همچنین می توانید با ما مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.

اما در عین حال، این مقاله را در شبکه های اجتماعی مختلف خود به اشتراک بگذارید

...