یکی از راه های شخصی سازی صفحات مختلف در سایت، داشتن کلس اختصاصی در هر صفحه است که بتوانیم در هر صفحه از سایتمان یک کلس اختصاصی داشته باشیم. در اکثر قالب های استاندارد و پرمیوم این مورد وجود دارد و هر صفحه از سایتتان دارای یک کلس اختصاصی هستند که در تگ body سورس سایت قابل مشاهده است. اما اگر قالبتان این قابلیت را ندارد و یا می خواهید یک قالب اختصاصی بنویسید و می خواهید این قابلیت را به قالبتان اضافه کنید در این تاپیک از انجمن بی تاک با ما همراه باشید.
راه ساده و بی دردسر!
راحت ترین راه برای اینکار، کد کوچکی است که خود وردپرس تعریف کرده و کار زیادی برای استفاده از آن نیاز نیست! کافیست تگ <body> هیدر قالبتان را به این صورت تغییر دهید:
<body <?php body_class(); ?> >
بخش <?php body_class(); ?> کلس خاص هر صفحه را در این تگ وارد خواهد کرد.
شخصی سازی کلس و شرطی
اگر راه حل پیش فرض وردپرس به کارتان نیامد و خواستید این قابلیت را شخصی سازی کنید می توانید از این کد استفاده کنید. کافیست کد زیر را در فایل functions.php قالبتان قرار دهید:
add_filter("body_class", function($classnames) {
$conditions = [
"search" => is_search(),
"home" => is_front_page(),
"cat" => is_category(),
"tag" => is_tag(),
"page" => is_page()
];
foreach ($conditions as $classname => $condition) {
if ($condition) {
return [ $classname ];
}
}
// return default classnames if none of the above conditions are met
return $classnames;
});
در خطوط 3 تا 7 کد بالا کلس دلخواه بر اساس دستورات شرطی را می توانید تعیین کنید.
