بخش Vip سئو نود

بهترین فرصت برای یادگیری در قسمت Vip سئو نود هم اکنون برای دانشجوبان عزیز فراهم شده است

جزئیات بیشتر
آموزش یکبار برای همیشه
بمناسبت عید بزرگ فطر ، 25% تخفیف ویژه با کد : EidFetr

آموزش ساخت جستجو برای پست تایپ در وردپرس

مقالات وردپرس

آموزش ساخت جستجو برای پست تایپ در وردپرس - چگونه برای پست تایپ اختصاصی جستجوی اختصاصی بسازیم . خیلی ساده و راحت فقط در چند خط جستجوی اختصاصی بسازید !

0 7
آموزش ساخت جستجو برای پست تایپ در وردپرس

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

وردپرس بخشی بنام پست تایپ ( Post Type ) را در هسته خود دارد که این بخش اساس همه مواردی همچون نوشته‌ها ، برگه‌ها ، محصولات و … داخل سیستم است و مطمئنا با آنها آشنایی دارید ، اگر در مورد مبحث Post Type نیاز به اطلاعات کامل و دقیق دارید می‌توانید محتوای زیر را مطالعه کنید :

البته در نسخه‌های 4 به بعد وردپرس ، این امکان فراهم شد تا بتوانیم پست تایپ های اختصاصی نیز توسط کد به داخل قالب اضافه کنیم . بعنوان مثال برای بخش نمونه‌کارها یک پست تایپ جدید ایجاد کرده و سیستم را توسعه دهیم . همچنین برای بخش محصولات ، کتاب‌ها ، دانلودها و … همه و همه در قالب یک پست تایپ جدید در سایت قابل ارائه هستند لذا یکی از مهم‌ترین قسمت‌ها در کدنویسی وردپرس است .

تصور کنیم بخش نمونه‌کارها را در قالب وب سایت ایجاد کردیم و اکنون نمونه‌کارهای سایت را در قالبی که توسط خودمان طراحی شده است بروی سایت ارسال قرار داده و از آن لذت می‌بریم .

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

<form action="<?php bloginfo('home'); ?>" method="">
       <input type="text" name="s" placeholder="کلمه مورد نظر ...">
       <button type="submit">جستجو</button>
</form>

توسط همین 4 خط کد می‌توانید فرم جستجو را برای تمام محتواهای سایت فعال کنید که ضمن پرکردن فرم و ارسال درخواست ، شما به صفحه search.php منتقل شده و محتوای مرتبط با عبارت جستجو شده را مشاهده خواهید کرد . دقت داشته باشد که حتما مقدار name برای input از نوع text رو برابر با حرف ” s ” قرار داده و action فرم نیز به صفحه اصلی قالب اشاره داشته باشد .

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

اکنون اگر قصد داشته باشیم تا یک فرم جستجوی اختصاصی برای پست تابپ نمونه‌کار داشته باشیم و با جستجو در آن فرم ،تنها محتوای مرتبط با عبارت جستجو شده را در بخش نمونه‌کارها مشاهده کنیم باید چگونه عمل کرد ؟

قطعه کد جستجو برای پست تایپ اختصاصی در وردپرس

قطعه کد این بخش بسیار ساده است و تنها یک input دیگر از نوع hidden به فرم شما اضافه خواهد شد . پس برای این منظور کد بالا را لازم است به شکل زیر تغییر دهیم ( البته توسعه دهیم ) :

<form action="<?php bloginfo('home'); ?>" method="">
    <input type="text" name="s" placeholder="جستجو نمونه کار..."/>
    <input type="hidden" name="post_type" value="portfolio" /> 
    <button type="submit">جستجو</button>
</form>

طبق کدی که قرار دادیم یک input جدید از نوع hidden به کلیت فرم اضافه شده است که البته دو ویژگی بسیار مهم که مسبب عملکرد صحیح فرم خواهد شد را باید به درستی تنظیم کنیم . اولین صفت name خواهد بود که طبق قوانین خود وردپرس ، زمانی که قصد داریم تا برای یک پست تایپ اختصاصی فرم جستجوی اختصاصی ایجاد کنیم ، لازم است تا مقدار صفت name را برابر post_type قرار دهیم ، به این معنی که قصد داریم تا دیتاهای مشابه با عبارات وارد شده در فرم جستجو را داخل یک پست تایپ جستجو کنیم .

برای صفت value نیز که دومین صفت input از نوع hidden خواهد بود ، لازم است تا شناسه اسمی پست تایپ را تنظیم کنیم که شناسه اسمی پست تایپ یا همان Slug را در این مثال ، portfolio تصور می‌کنیم . اکنون اگر برای شما سئوال است که شناسه اسمی یا همان Slug ( نامک ) پست تایپ را از کدام قسمت وردپرس باید بدست بیاریم ، مقاله بدست آوردن نام پست تایپ در وردپرس را مطالعه کنید .

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

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

امید قدیمی

امید قدیمی هستم ، 8 سال است که در زمینه طراحی و برنامه نویسی وب سایت فعالیت می کنم . توسعه دهنده فرانت اند ، طراح و برنامه نویس انواع وب سایت های وردپرسی ، فعال در زمینه تولید محتوا و سئو وب سایت

نقشه راه فرانت

اگر قصد دارید تا یک طراح ماهر باشید ، ما درست ترین مسیر را برای شما فراهم کردیم و فقط کافیست همراه ما باشید

شاید این مطالب نیز برای شما جالب باشد

چگونه و چرا مسیر پیشفرض وردپرس برای آپلود فایل های رسانه را تغییر دهیم ؟ نکات مهم درمورد تغییر مسیر بارگذاری فایل‌ها در وردپرس

0 48

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

0 11
دیدگاه ها و نظرات
توجه کامنت های انگلیسی تایید نخواهند شد در صورت داشتن مشکل ، قبل از ارسال دیدگاه نظرات سایر دوستان را نیز مطالعه فرمائید برای مشاهده پاسخ دیدگاه ها بر روی علامت " " کلیک کنید
اشتراک دیدگاه
captcha
تکمیل تمامی فیلد ها الزامی است

آموزش های رایگان بیشتر در آپارات و یوتیوب سئو نود
کانال آپارات سئو نود چنل یوتیوب سئو نود