دوره جامع سئو وردپرس

تبلیغات
طراحی و بهینه سازیمشاهده
آخرین ارسال های تالار مشاهده انجمن
  • دانلود اسکریپت smart panel 4 پاسخ 150 بازدید
  • فروش سایت دیجی تم 0 پاسخ 61 بازدید
  • فروش دامین garaje.ir 0 پاسخ 144 بازدید
  • درخواست قالب انجمن 20 اسکریپت 2 پاسخ 472 بازدید
  • ساخت درجه های کاربری از فایل psd 1 پاسخ 119 بازدید
  • آموزش تصویری جامع نصب و تنظیمات اسکریپت NextPost 849 پاسخ 69248 بازدید
  • خریدار دامنه خبری تفریحی 3 پاسخ 539 بازدید
  • قالب ریسپانسیو 1 پاسخ 134 بازدید
  • ۱۲ عامل اصلی طراحی سایت حرفه ای و مدرن 0 پاسخ 8 بازدید
  • لینک دادن به متن در تلگرام 7 پاسخ 394 بازدید
  • هاست

    افزودن جستجوی باز شونده به قالب وردپرس

    مقالات,آموزش,ترفند , وردپرس

    افزودن جستجوی باز شونده به قالب وردپرس

    آیکون جستجو همراه با دکمه باز شونده در اکثر سایتهای محبوب دیده می شود. ایده اینست که برای نمایش یک آیکون جستجوی ساده، زمانیکه کاربر بر روی اشکال جستجو کلیک می کند، یک اسلاید به عنوان اثر ضامن شناخته می شود.

     

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

    افزودن جستجوی باز شونده به قالب وردپرس

    توجه: این آموزش برای کاربران سطح متوسط که از برچسب های قالب و HTML و CSS اطلاع دارند می باشد. برای یادگیری html و سی اس اس می توانید دوره طراحی صفر تا صد قالب وردپرس را ببینید. به کاربران سطح مبتدی توصیه می شود که بر روی سرور محلی تمرین کنند.

     

    وردپرس کلاسهای CSS پیش فرض را به HTML که توسط برچسب های قالب مختلف در داخل یک تم تولید می شود، اضافه می کند.

     

    تم های وردپرس از برچسب قالب <?php get_search_form(); ?> برای نمایش فرم جستجو استفاده می کند. خروجی فرم جستجو می تواند به دو شکل مختلف باشد. یکی برای تم های HTML4 و دیگری برای تم هایی که با HTML5 پشتیبانی می شوند.

     

    اگر تم شما خط (‘add_theme_support(‘html5’, array(‘search-form را در فایل functions.php دارد، سپس برچسب قالب، فرم جستجوی HTML5 را خروجی می دهد. در غیر اینصورت خروجی فرم جستجوی HTML4 خواهد بود.

     

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

     

    این هست برچسب قالب ()get_search_form که وقتیکه تم شما توسط HTML5 پشتیبانی نمی شود، نمایش داده می شود.

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

    در این آموزش از فرم جستجوی HTML5 استفاده می کنیم. اگر تم شما فرم جستجوی HTML4 را تولید می کند، خط کد زیر را در فایل functions.php تم خود اضافه کنید:

    اضافه کردن اثر ضامن به فرم جستجوی وردپرس

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

     

    هر چند شما می توانید در فتوشاپ آنرا ایجاد کنید یا آنرا از وب دانلود کنید. در هر صورت باید مطمئن شوید که نام فایل search-icon.png باشد. حال شما نیاز است که این آیکون فرم جستجو را در پوشه تصاویر تم خود آپلود کنید. سپس کد زیر را به استایل قالب اضافه کنید.

     

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

    موفق باشید


    دانلود


    دوره حرفه ای آموزش سئو سایت مارکیو | رتبه اول گوگل یک رویا نیست!


    مطلب مفیدی بود ؟
    نویسنده : mohammad 0 مقالات,آموزش,ترفند , وردپرس

    لینک کوتاه مطلب : https://www.20script.ir/?p=47093

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    5,056حل مشکل ایجکس هنگام قرار دادن رمز بر روی wp-admin تاریخ : 1394/05/15
    6,359آموزش نصب وردپرس روی لوکال هاست تاریخ : 1394/12/6
    608کنترل دسترسی کاربران در وردپرس با افزونه Controlled Admin Access تاریخ : 1398/09/13
    788نمایش اعلان سفارشی در پیشخوان وردپرس تاریخ : 1398/09/4
    3,443دانلود قالب میزبانی وب Aox Host برای وردپرس تاریخ : 1396/08/30
    784آموزش لینک کردن نوشته و برگه به آدرس دلخواه در وردپرس تاریخ : 1398/04/16
    1,952تغییر تعداد ستون داشبورد در پیشخوان وردپرس تاریخ : 1398/02/11
    1,416کاندید نهایی (شماره۱) وردپرس ۵٫۰ تاریخ : 1397/09/25
    3,605حفاظت از لینک ها در وردپرس با افزونه WP Secure Links تاریخ : 1392/11/3
    3,198جستجو در فیلدهای سفارشی وردپرس بدون افزونه تاریخ : 1395/06/25
    4,755ارسال مستقیم مطالب از Word به وردپرس تاریخ : 1396/03/26
    4,462افزونه ایجاد پنجره پاپ آپ Arty Popup برای وردپرس تاریخ : 1395/05/11
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب