/ در آموزش ها, مقالات / توسط

نحوه ساخت صفحه سرچ در وردپرس

یک صفحه جستجو یک صفحه وردپرس با یک صفحه سفارشی است که به کاربران اطلاعات بیشتری را برای جستجو در سایت شما می دهد.

مفاهیمی که باید بدانید :

تم های مختلف WordPress از فایل های مختلف قالب استفاده می کنند. برخی از آنها عبارتند از یک فایل قالب search.php. این یک صفحه جستجو نیست، فقط یک قالب است که نتایج جستجو را نمایش می دهد. همچنین یک فایل قالب به نام searchform.php وجود دارد. این یک فایل قالب است که اغلب در نوار کناری بسیاری از تم ها قرار دارد و فرم جستجو را تولید می کند. اگر در موضوع شما وجود ندارد، شما می توانید آن را به طور پیش فرض از حالت پیش فرض کپی کنید.

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

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

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

۱. با استفاده از یک ویرایشگر متن، صفحه page.php را باز کرده و به عنوان searchpage.php ذخیره کنید. اگر شما یک page.php ندارید، می توانید یک نمونه بر اساس موضوع قالب index.php خود را ایجاد کنید.
توجه: نام فایل search.php به عنوان نام قالب خاص ذخیره شده است، بنابراین از استفاده از آن جلوگیری شود. searchpage.php پیشنهاد می کند که در لیست فایل ها قابل تشخیص است.
۲. پس از ذخیره آن، فایل را ویرایش کنید:

حذف حلقه (یعنی اساسا همه چیز را در محتویات خود div)، برچسبهای div را باقی بگذارید.
یک عنوان مانند “پست های جستجو” یا چیزی شبیه را اضافه کنید. شما می توانید یک کلاس موجود از شیوه CSS خود استفاده کنید یا یک نام جدید ایجاد کنید.
زیر را در محتویات div یا هر div دیگر که حاوی محتویات صفحه شما است، کپی کنید:

<?php get_search_form(); ?>

در بالای صفحه searchpage.php خود، قبل از هر چیز دیگری، این را اضافه کنید تا صفحه جستجو خود را به یک عنوان اضافه کنید WordPress در صفحه مدیریت نشان داده می شود:

<?php
/*
Template Name: Search Page
*/
?>

فایل را ذخیره کنید.
۴. فایل را به دایرکتوری موضوعی خود آپلود کنید (اگر تغییراتی در سبک file style.css ایجاد کردید، آن را نیز آپلود کنید).

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

<?php
/*
Template Name: Search Page
*/
?>
<?php
get_header(); ?>

<div class="wrap">
	<div id="primary" class="content-area">
		<main id="main" class="site-main" role="main">

			<?php get_search_form(); ?>

		</main><!-- #main -->
	</div><!-- #primary -->
</div><!-- .wrap -->

<?php get_footer();

 

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

در صفحه مدیریت به صفحات> اضافه کردن جدید بروید.
در قسمت عنوان، جستجو را وارد کنید
هر چیزی را در قسمت محتوا بنویسید
در حالی که هنوز در همان صفحه است، به دنبال ویژگی های صفحه در منوی سمت راست بروید.
منوی کشویی را در قالب انتخاب کنید و صفحه جستجو را انتخاب کنید.
روی دکمه Publish کلیک کنید.
این فرم جستجو ساده مانند :

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

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

<a href="index.php?page_id=17" title="Search Page">Search Page</a>

یا ممکن است خط بعدی را به قالب اضافه کنید.

<a href="<?php echo home_url(); ?>/?page_id=17">Search Page</a>

با استفاده از Page Slug
صفحه Slug در صفحه ویرایش صفحه تنظیم شده است. اگر از Permalinks استفاده می کنید، نام صفحه است. شما می توانید این را به صورت دستی تغییر دهید. یک مثال از یک پیوند پیوند صفحه می تواند باشد:

<a href="/wordpress/search-page/" title="Search Page">Search Page</a>

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

<a href="<?php echo home_url(); ?>/wordpress/search-page/" title="Search Page">Search Page</a>

با استفاده از wp_list_pages ()
اگر از برچسب تگ wp_list_pages () استفاده می کنید، نام صفحه به طور خودکار در لیست صفحات شما ایجاد می شود.

سفارشی کردن صفحه جستجوی شما
اکنون که صفحه جستجوی سفارشی خود را ایجاد کرده اید، می توانید صفحه نمایش را سفارشی کنید. searchpage.php خود را در یک ویرایشگر متن باز کنید و آن را ویرایش کنید. در بالای تابع get_search_form () برای searchform.php شما در محتوا div شما می توانید متن را برای کمک به بازدیدکنندگان سایت خود جستجو کنید.

<p>
My Site features articles about 
<a title="WordPress Articles" href="/category/wordpress/">WordPress</a>, 
<a title="Web Design Articles" href="/category/web-design/">web page design</a>, 
<a title="Development Articles" href="/category/website-development/">website development</a>,
and <a title="CSS Articles" href="/category/css/">CSS</a>.
</p>
<p>To search my website, please use the form below.</p>

<?php get_search_form(); ?>

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

حفظ نتایج جستجوی صفحه و صفحه بندی
نتایج جستجو و صفحه بندی ممکن است هنگام استفاده از سفارشی سازی به قالب جستجو متوقف شود. برای جلوگیری از این مسائل، اولین چیزی که هر توسعه دهنده باید انجام دهد این است که کد زیر را به آغاز قالب جستجو اضافه کنید تا اطمینان حاصل شود که پرس و جوی اصلی WordPress حفظ شده است. برای سفارشی سازی پرس و جو، اضافه کردن استدلال اضافی به (آرایه) $ search_query. $ query_query را از طریق یک شی جدید wp_query اجرا کنید، اطلاعات بیشتر در مورد WP_Query را می توان در WP_Query پیدا کرد.

<?php

global $query_string;

$search_query = wp_parse_str( $query_string );
$search = new WP_Query( $search_query );

?>

استدلال های سفارشی اضافی در WP_Query یافت می شود.

نمایش کل نتایج
برای دسترسی به تعداد کل نتایج جستجو از search.php، یک صفحه نتایج جستجو، شما باید تعداد کل پست های یافت شده با استفاده از شیء wp_query را بازیابی کنید.

<?php
global $wp_query;
$total_results = $wp_query->found_posts;
?>

نوشته های مشابه

هنوز هیچ دیدگاهی وجود ندارد