آماده‌سازی پوسته‌های وردپرس برای وردپرس ۳

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

برای استفاد از این ابزارها شما باید اول از همه این قابلیت‌ها رو به پوسته اضافه کنید تا بتونید ازشون استفاده کنید.
مثل همیشه کار ما زیاد سخت نیست، فقط کافیه برای هر قابلیت یه کد کوتاه به پوستمون اضافه کنیم تا قابلیت مورد نظر برای پوسته فعال بشه. اگه شما هم علاقه‌مندید این قابلیت‌ها رو برای پوسته وبلاگ خودتون و یا برای پوسته‌هایی که طراحی می‌کنید فعال کنید، با من همراه باشید.

فعال کردن فهرست‌های سفارشی

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

برای اضافه کردن این قابلیت به پوسته به دو تا کد کوتاه نیاز داریم.
اول از همه کد زیر رو در فایل function.php پوسته اضافه می‌کنیم؛

add_theme_support( 'menus' );

و بعد هم کد زیر رو در هرجای پوسته که می‌خوایم منو نمایش داده بشه قرار می‌دیم؛

<?php wp_nav_menu( array( 'sort_column' => 'menu_order', 'container_class' => 'menu-header' ) ); ?>

فعال کردن تصویر سربرگ دلخواه

سربرگ دلخواه و یا همون هیدر دلخواه تصویری هستش که قرار در قسمت سربرگ -Header- قرار بگیره، که توسط این قابلیت می‌تونید این تصویر رو بدون دست‌کاری در کدهای پوسته عوض کنید.

مثل قسمت قبل، دو سری کد داریم.
اول از همه کد زیر رو برای فعال کردن این قابلیت در فایل function.php پوسته قرار بدید؛

define( 'HEADER_IMAGE', '%s/images/logo.png' ); // The default logo located in themes folder
define( 'HEADER_IMAGE_WIDTH', apply_filters( '', 770 ) ); // Width of Logo
define( 'HEADER_IMAGE_HEIGHT', apply_filters( '', 153 ) ); // Height of Logo
define( 'NO_HEADER_TEXT', true );
add_custom_image_header( '', 'admin_header_style' ); // This Enables the Appearance > Header
// Following Code is for Styling the Admin Side
if ( ! function_exists( 'admin_header_style' ) ) :
function admin_header_style() {
?>
<style type="text/css">
#headimg {
height: <?php echo HEADER_IMAGE_HEIGHT; ?>px;
width: <?php echo HEADER_IMAGE_WIDTH; ?>px;
}
#headimg h1, #headimg #desc {
display: none;
}
</style>
<?php
}
endif;

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

و حالا برای فراخوانی سربرگ دلخواه باید از کد زیر توی پوستتون استفاده کنید؛

<img src="<?php header_image(); ?>" />

فعال کردن قابلیت اضافه کردن آدرس خوراک وبلاگ به صورت خودکار به پوسته

برای اضافه کردن این قابلیت به وردپرس باید کد کوچیک زیر رو در فایل function.php پوسته اضافه کنید؛

add_theme_support( 'automatic-feed-links' );

فعال کردن قابلیت تصاویر بندانگشتی

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

برای فعال کردن این قابلیت اول از همه باید کد زیر رو در فایل function.php پوسته وبلاگتون قرار بدید تا این قابلیت فعال بشه؛

add_theme_support( 'post-thumbnails' );

و حالا برای نمایش تصاویر بندانگشتی باید از تابع زیر در پوسته وردپرستون استفاده کنید؛

<?php the_post_thumbnail(); ?>

فکر می‌کردید به همین راحتی باشه؟ :)
البته می‌تونید تصاویر بندانگشتی رو سفارشی‌تر کنید و اندازه‌هاش رو تغییر بدید و به راحتی از این روش برای قرار دادن تصاویر بزرگ هم استفاده کنید، برای آشنایی با این ویژگی‌ها پیشنهاد می‌کنم این پست رو بخونید.

فعال کردن تصویر پس‌زمینه دلخواه

یکی دیگه از امکاناتی که برای پوسته‌ها در وردپرس ۳ فراهم شد عوض کردن تصویر بک‌گراند بدون هیچ دردسری هستش. فقط کافیه کد کوتاه زیر رو در فایل function.php پوسته وبلاگتون قرار بدید تا این قابلیت برای پوسته شما فعال بشه و بتونید ازش استفاده کنید.

add_custom_background();

خُب، تموم شد. به همین راحتی.
امیدوارم از پوسته‌ی دینامیک و وردپرس نسخه ۳ خودتون لذت ببرید :)