امروز : سه شنبه ۲ آبان ۱۳۹۶ شما در سایت وبیت هستید.
دسته ها
سبد خرید شما

محصولی موجود نمی باشد!

آموزش تابع wp_head در وردپرس: امروز در این مقاله وردپرس به صورت مختصر توضیحاتی در رابطه با وردپرس برای شما می دهیم. پیش از این در رابطه با اضافه کردن فایل css و js در وردپرس صحبت شده بود. همچنین در ادامه به عملیات پاک سازی وردپرس با هوک wp_head که در افزایش سرعت سایت موثر است، می پردازیم. پس با بهینه سازی این فایل می توانید در بهینه سازی کلی سایت های وردپرسی قدمی بردارید، پس تا آخر این مقاله با ما همراه باشید.

wphead-vebeet آموزش تابع wp_head در وردپرس

آموزش تابع wp_head در وردپرس

wp_head یک عمل هوک(action hook) در بخش <head></head> از قالب کاربر که با تابع () wp_head در تعامل است. اگرچه این مورد وابسته به پوسته است، اما این هوک یکی از ضروری ترین هوک های تم ها است که از آن به طور گسترده پشتیبانی می شود.

این تابع، یک بسته بندی ساده است برای:

<?php do_action('wp_head'); ?>

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

 <?php add_action('wp_head', 'your_function'); ?>

اقدامات(actions) پیش فرض

بسیاری از اقدامات (actions) به صورت پیش فرض شامل هوک، وردپرس wp_head می باشند، که به وسیله هسته وردپرس در wp-includes/default-filters.php راه اندازی شده است. اگر شما نیاز به حذف یک هوک پیش فرض دارید، این فایل به شما اولویت حذف هوک پیش فرض را می دهد.

حال به بررسی نمونه مثال هایی می پردازیم:

افزودن css سفارشی به قسمت head، با استفاده از action وردپرس wp_head:

function hook_css() {
    ?&gt;
&lt;img src=&quot;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&quot; data-wp-preserve=&quot;%3Cstyle%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20.wp_head_example%20%7B%0A%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20%20background-color%20%3A%20%23f1f1f1%3B%0A%20%20%20%20%20%20%20%20%20%20%20%20%7D%0A%20%20%20%20%20%20%20%20%3C%2Fstyle%3E&quot; data-mce-resize=&quot;false&quot; data-mce-placeholder=&quot;1&quot; class=&quot;mce-object&quot; width=&quot;20&quot; height=&quot;20&quot; alt=&quot;&amp;lt;style&amp;gt;&quot; title=&quot;&amp;lt;style&amp;gt;&quot; /&gt;
  
    &lt;?php
}
add_action('wp_head', 'hook_css');

افزودن جاوا اسکریپت سفارشی به قسمت head، با استفاده از action وردپرس wp_head:

function hook_javascript() {
    ?&gt;
        &lt;img src=&quot;data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7&quot; data-wp-preserve=&quot;%3Cscript%3E%0A%20%20%20%20%20%20%20%20%20%20%20%20alert('Page%20is%20loading...')%3B%0A%20%20%20%20%20%20%20%20%3C%2Fscript%3E&quot; data-mce-resize=&quot;false&quot; data-mce-placeholder=&quot;1&quot; class=&quot;mce-object&quot; width=&quot;20&quot; height=&quot;20&quot; alt=&quot;&amp;lt;script&amp;gt;&quot; title=&quot;&amp;lt;script&amp;gt;&quot; /&gt;
    &lt;?php
}
add_action('wp_head', 'hook_javascript');

توجه: عمل هوک(action hook) وردپرس wp_head در wp-includes/general-template.php قرار گرفته است!

پاک سازی وردپرس wp_head

زمانی که در فایل header.php قالب وردپرس از تابع wp_head استفاده می کنیم وردپرس به صورت خودکار یک سری کد به بخش هدر قالب اضافه می کند که برخی از این موارد مفید هستند و برخی از آنها نیز بدون استفاده باقی می مانند. با پاکسازی می توانید کدهای بدون استفاده را از قالب سایت خود حذف نمایید. برای حذف تگ هایی که وردپرس به طور خودکار در هدر قالب قرار می دهد لازم نیست از افزونه خاصی استفاده کنید تنها کافی تا کد های زیر را در فایل فانکشن (functions.php) قالب قرار داده و ذخیره نمایید است.

remove_action( 'wp_head', 'rsd_link' );
remove_action( 'wp_head', 'wlwmanifest_link' );
remove_action( 'wp_head', 'wp_generator' );
remove_action( 'wp_head', 'start_post_rel_link' );
remove_action( 'wp_head', 'index_rel_link' );
remove_action( 'wp_head', 'adjacent_posts_rel_link' );
remove_action( 'wp_head', 'wp_shortlink_wp_head' );

در کد بالا هر خط برای حذف یکی از تگ ها نوشته شده است. مثلا خط سوم برای حذف نگارش وردپرس از هدر میباشد یا خط آخر برای حذف لینک کوتاه مطالب از هدر. شما می توانید از بین این کد ها مواردی را که دوست دارید در هدر وردپرس باقی بمانند را حذف کنید. نکته: فقط قبل هر عملی بک آپ از functions.php خود فراموش نشود !

هاست و دامین ندارید!؟ هم اکنون سفارش دهید.

نکته : کپی بردای و انتشار مطالب وبیت با ذکر منبع بلامانع می باشد.

توجه : لطفا مشکلات خود را در انجمن های وبیت مطرح کنيد.

منبع : وبیت

آیا مطلب موثر و مفید بود؟ حالا امتیاز خود ثبت کنید.
بازدید : 114 بار دسته بندی : آموزش ، آموزش وردپرس دیدگاه : ۰ تاريخ : ۲۹ شهریور ۱۳۹۶
به اشتراک بگذارید :
فیسبوک گوگل تویتر کلوب فیسنما
بهنام خرقانی

دیدگاه کاربران تعداد دیدگاه : ۰