10 قدم به سوی شخصی سازی پوسته وردپرس

در این پست می‌خواهیم 10 کار مهمی را که باعث بهینه شدن قالب وردپرس‌تان می‌شود را به شما معرفی کنیم.

یکی از ویژگی‌های وردپرس، استفاده آسان و سازگاری آن برای کارهای گوناگون است.

تنها کاری که باید انجام دهید این است که فایل functions.php قالب خود را بازکرده و کدهای زیر را به آن اضافه کنید.

فراموش نکنید که برای احتیاط، از این فایل بک‌آپ بگیرید.

1- محدود کردن تعداد کلمات خلاصه متن یا Excerpt

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

برای اینکه بتوانید تعداد کلمات خلاصه هر مطلب را محدود کنید باید از کد زیر استفاده کنید:

add_filter('excerpt_length', 'mandegarweb_excerpt_length');
function mandegarweb_excerpt_length( $length ){
return ۱۰;
}

در اینجا ما از تابع add_filter استفاده کردیم و بعد با تعریف یک تابع دیگر به نام mandegarweb_excerpt_length ، مقدار برگشتی آن را 10 گذاشتیم ، یعنی 10 کلمه نمایش داده شود.

2- اضافه کردن Favicon با استفاده از یک هوک وردپرس

هوک‌ها یا قلاب‌ها به شما اجازه می‌دهند که که یک کد دلخواه را بدون تغییر فایل‌ها (کدها) پیش‌فرض وردپرس به آن اضافه کنید. این کار باعث انعطاف‌پذیری هرچه بیشتر وردپرس می‌شود. حالا شما زمانی که نیاز به تغییر چیزی داشتید فقط کافی است که یک هوک و تابع دلخواه خود را ایجاد کنید. به عنوان نمونه وقتی که شما می‌خواهید یک Favicon به سایت خود اضافه کنید، لازم نیست که به فایل header.php بروید، فقط کافیست از هوک add_action در تابع wp_head استفاده کنید.

فایل favicon.ico حتما باید در روت سایت شما باشد.

add_action( 'wp_head', 'mandegarweb_favicon');
function mandegarweb_favicon(){
echo '<link rel="shortcut icon" href="https://mandegarweb.com/favicon.ico" type="image/x-icon">';
}

3- شناسایی مرورگر Safari در IOS

امروزه وبسایت‌ها برای انواع مختلفی از دستگاه‌ها یا موبایل‌ها نسخه مخصوص به خود را دارند و از تکنولوژی‌های متفاوت استفاده می‌کنند.

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

وردپرس برای این کار متغیری به نام is_iphone دارد. در مثال زیر با استفاده از این متغیر، ابتدا نوع دستگاه کاربر را تشخیص می‌دهیم، سپس استایل مخصوص به آن را به صفحه اضافه می‌کنیم.

add_action('wp_print_styles', 'mandegarweb_enqueue_styles');
function mandegarweb_enqueue_styles(){
global $is_iphone;
if( $is_iphone ){
wp_enqueue_style('iphone-css', get_stylesheet_directory_uri() . '/iphone.css');
}
else{
wp_enqueue_style('common-css', get_stylesheet_directory_uri() . '/common.css');
}
}

در اینجا ما از تابع پیش‌فرض وردپرس یعنی wp_enqueue_style برای اضافه کردن فایل CSS خود در عنصر head صفحات استفاده کردیم.

4- حذف کردن عناصر اضافی از Header

وردپرس به صورت خودکار تگ‌هایی به قسمت head صفحات شما اضافه می‌کند که کارآمد نیستند و بهتر است که آن‌ها را حذف کنید.

مثلا وردپرس متا تگی به نام generator به قسمت head صفحات شما اضافه می‌کند که نشانگر نسخه وردپرس شما است. این خوب نیست که کاربران نسخه وردپرس شما را بتوانند ببینند. فراموش نکنید که همیشه وردپرس خود را بروز نگه دارید.

وردپرس تگ دیگری نیز به نام XML-RPC ایجاد می‌کند.

XML-RPC چیست؟

XML-RPC یک پروتکل فراخوانی دستورها از راه دور است. این پروتکل تا قبل از نسخه 3.5 وردپرس به دلیل مسائل امنیتی غیرفعال بود ولی در نسخه 3.5 وردپرس این پروتکل را به صورت پیش‌فرض فعال کرد و امکان غیرفعال سازی آن را از پنل مدیریت حذف کرد. اگر بخواهیم ساده تر این پروتکل را توضیح دهیم، با استفاده از این پروتکل شما می‌توانید از طریق نرم‌افزارهای وبلاگ نویسی مثل Windows Live Writer در وردپرس مطلب منتشر کنید.

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

تگ‌هایی که وردپرس به صورت پیش‌فرض تولید می‌کند:

<meta name="generator" content="WordPress 4.2.4">
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://example.com/xmlrpc.php?rsd">
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://example.com/wp-includes/wlwmanifest.xml">

برای اینکه تگ‌های بالا را از صفحات خود حذف کنید باید کدهای زیر در فایل functions.php خود اضافه کنید:

add_filter('the_generator', create_function('', 'return "";'));
remove_action('wp_head', 'rsd_link');
remove_action('wp_head', 'wlwmanifest_link');

با این کار تمامی تگ‌های اضافی که وردپرس به صورت پیش‌فرض می‌سازد از صفحات شما حذف می‌شوند و کاربران نمی‌توانند آن ها را تماشا کنند.

برای این که بتوانید به صورت کامل XML-RPC را غیرفعال کنید از کد زیر استفاده کنید:

add_filter('xmlrpc_enabled', '__return_false');

5- ریدایرکت فید وردپرس به فیدبرنر

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

بعد از اضافه کردن فید سایت‌تان به فیدبرنر از کد زیر استفاده کنید:

add_action('template_redirect', 'mandegarweb_rss_redirect');
function mandegarweb_rss_redirect() {
if (is_feed() && !preg_match('/feedburner|feedvalidator/i', $_SERVER['HTTP_USER_AGENT'])){
header('Location: http://feeds.feedburner.com/mandegarwebcom/feed');
header('HTTP/1.1 302 Temporary Redirect');
}
}

به جای mandegarwebcom/feed ، آدرس فیدتان در فیدبرنر را بنویسید.

6- نمایش تصاویر بندانگشتی در فید سایت

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

وردپرس به صورت پیشفرض تصاویر بندانگشتی را در فید سایت نمایش نمی‌دهد.

برای نمایش تصاویر بندانگشتی در فید سایت از کد زیر استفاده کنید :

add_filter('the_content_feed', 'mandegarweb_rss_post_thumbnail');
function mandegarweb_rss_post_thumbnail($content) {
global $post;
if(has_post_thumbnail($post->ID))
$content = '<p>' . get_the_post_thumbnail($post->ID, 'thumbnail') . '</p>' . $content;
return $content;
}

7- نمایش محتوا فقط به مشترکان RSS

برای این که مشترکان فید آر اس اس سایت‌تان را افزایش دهید باید برای آن‌ها امکانات ویژه‌ای را در نظر بگیرید.

در اینجا ما یک shortcode جدید ایجاد می‌کنیم و این shortcode، مطالب را برای کاربران عادی مخفی کرده ولی برای مشترکان فید آر اس اس نمایش می‌دهد.

add_shortcode('feedonly', 'mandegarweb_feedonly');
function mandegarweb_feedonly($atts, $content = null) {
if(is_feed()) return '<p>' . $content . '</p>';
else return;
}

8- نمایش محتوا فقط به کاربران لاگین شده در سایت

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

add_shortcode('loggedin', 'mandegarweb_loggedin');
function mandegarweb_loggedin($atts, $content = null) {
if(is_user_logged_in()) return '<p>' . $content . '</p>';
else return 'لطفا برای تماشای محتوا وارد سایت شوید';
}

9- تغییر لوگو صفحه ورود به لوگو خودتان

برای این که بتوانیم لوگوی خودمان را به جای لوگوی وردپرس در صفحه ورود جایگزین کنیم باید از هوک login_head استفاده کنیم. تمام توابعی که در صفحه ورود و در قسمت head صفحه قرار دارند به این هوک متصل هستند.

add_action('login_head', 'mandegarweb_custom_login');
function mandegarweb_custom_login() {
echo '<style type="text/css">
h1 a {background-image:url('. get_stylesheet_directory_uri() . '/images/login-logo.png' . ') !important; margin-bottom: 10px;
padding: 20px;}
</style>';
}

فراموش نکنید که این تصویر باید در پوشه قالب‌تان باشد. و به جای /images/login-logo.png ، محل قرارگیری تصویر مورد نظرتان را بنویسید.

10- حذف کردن نوار مدیریت یا Admin Bar برای کاربران به غیر از مدیر سایت

به نظر من بهتر است که نوار مدیریت را برای کاربران عادی سایت غیرفعال کنید.

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

add_action('after_setup_theme', 'mandegarweb_remove_admin_bar');
function mandegarweb_remove_admin_bar() {
if (!current_user_can('administrator') && !is_admin()) {
show_admin_bar(false);
}
}

امیدوارم که این مطلب برایتان مفید بوده باشد.