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

نویسنده:

تاریخ انتشار :20/04/27

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

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

صفحه جستجو
شکل ۱ – جستجو در وردپرس

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

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

ما نیز برای دسترسی به صفحه جستجو پیش فرض یک فایل  php  با نام search  ایجاد می کنیم

یک فایل به نام search.php  در کنار فایل ایندکس تان درست کنید

شکل 2 - ایجاد یک صفحه جستجو
شکل ۲ – ایجاد یک صفحه جستجو
  1. ابتدا داخل پوشه ای که  صفحه اینکس (index)  و فایل استایل (style) وجود دارد کلیک راست می کنیم .
  2. در بین منوی که باز می شود گزینه  new  و از زیر منوی باز شده گزینه text documentatio   را انتخاب می کنیم .
  3. نام فایل را به search.php  تغییر دهید .
مرحله تغییر اسم فایل متنی به یک فایل php
شکل ۳ – مرحله تغییر اسم فایل متنی به یک فایل php
ایجاد صفحه جستجو در وردپرس
شکل ۴ -مرحله نهایی تغییر اسم فایل متنی به یک فایل php

البته به روشی دیگر می توان فایل های php ایجاد کرد که در ادامه به نحوه ایجاد آنها به روشی دیگر خواهیم پرداخت :

ایجاد صفحه( برگه ) search  :

  1. با استفاده از یک  ویرایشگر متنی مثل  notepad  یا phpstorm   صفحه.php را باز کنید و به عنوان searchpage.php ذخیره کنید.
  • اگر   به نحوه ی ایجاد page یا برگه تسلط ندارید در آموزشات بعدی  ایجاد برگه یا  page   را نیز آموزش خواهیم داد .
  • اگر دقت کرده باشید ما یک فایل بنام   search.php به عنوان یک الگوی خاص در وردپرس برای دسترسی به صفحات جستجو بازگو کردیم و طبق توضیحات داده شده برای فراخوانی صفحات وردپرس از یکسری توابع که توسط شرکت وردپرس برای کاربران تعریف شده است .
  • اولین تابعی که می خواهیم به آن بپردازیم تابع get_search_form است .
شکل 5 - نمایش فرم جستجو توسط دستور GET_SEARCH_FORM
شکل ۵ – نمایش فرم جستجو توسط دستور GET_SEARCH_FORM

ایجاد یک صفحه جستجو توسط برگه ها

برای اینکار ما یک فایل بنام searchpage.php ایجاد می کنیم . و کدهای زیر را در آن می نویسیم :

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

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

  1. یک فایل  با پسوند  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();
  1. حال وارد صفحه مدیریت شوید  در صفحه مدیریت به قسمت برگه بروید و بعد از باز شدن پنجره برگه روی  افزودن جدید  کلیک کنید .
  2.  در قسمت عنوان جستجو را وارد کنید. در قسمت محتوا چیزی ننویسید.
  3.  در حالی که هنوز در همان صفحه هستید ، اگر تکه کد فوق را نوشته باشید  در منوی سمت راست گزینه ای با عنوان قالب ها برای شما فعال خواهد که همانطور در تصویر زیر شکل ۶ می بینید نام یکی از گزینه های انتخابی همان نامی است که شما در ابتدای  کدتان  به آن اختصاص دادید .

تصویر زیر براساس توضیحات فوق به ترتیب شماره گذاری شده اند

نمایی کلی از ایجاد یک برگه شخصی
شکل ۷ – نمایی کلی از ایجاد یک برگه شخصی
  • روی دکمه انتشار کلیک کنید.
  • شما  می توانید از چند طریق  به صفحه ای که ساختید دسترسی داشته باشید .
  • ما در اینجا از شناسه صفحه استفاده می کنم .(شناسه صفحه را در پست های بعدی توضیح خواهیم داد ) . ما در مثال زیر  از یک لینک یا پیوند  برای دسترسی به صفحه مورد نظر استفاده کردیم  :
<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>

تابع از wp_list_pages()

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

دسته :
برچسب ها : ,

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *