تا بحال فکر کرده‌اید که به دسته‌بندی خاصی که تعریف کرده‌اید استایل متفاوت بدهید؟ اکثر قالبهای وردپرس از یک استایل برای تمامی دسته‌بندیها استفاده می‌کند. اگر وبسایت شما از نظر محتوی بسیار فعال و غنی باشد، بهتر است برای هر دسته‌بندی استایلی متفاوت در نظر بگیرید تا کارایی سایت را افزایش دهید. در این مقاله نحوه اعمال استایل متفاوت برای دسته‌بندیهای خاص شرح داده شده است.
چرا اعمال استایل متفاوت برای دسته‌بندیها نیاز است؟
اکثر قالبهای وردپرس از یک استایل برای همه دسته‌بندیها استفاده می‌کنند، زیرا بسیاری از توسعه‌دهندگان قالب نمی‌دانند دسته‌بندیهایی که برای سایت تعریف می‌کنید چه هستند و چگونه قرار است استفاده شوند. اگر وبسایت محتوی‌ساز قوی را ارائه داده‌اید بهتر است کمی به ظاهر سایت تغییراتی بدهید تا آن را از یکنواختی خارج کنید. برای مثال اگر وبسایت خبری ارائه داده‌اید، در دسته‌بندی اخبار می‌توانید تبلیغاتی را به نمایش بگذارید. همچنین می‌توانید اطلاعاتی در مورد آب و هوا، مطالب پربازدید همان دسته‌بندی و غیره را ارائه دهید.
آموزش نحوه اعمال دسته‌بندی متفاوت در وردپرس
چندین راه برای اعمال این تغییر وجود دارد. ۱- استفاده از تمپلیت تکی و ۲- استفاده از CSS. بهتر است یکی از این دو روش که سازگاری بیشتری با وبسایت شما دارد را استفاده کنید.
۱- استفاده از تمپلیت دسته‌بندی تکی برای قالب وردپرس
قالب وردپرس از یک سلسله مراتب استاندارد پیروی می‌کند. با توجه به اسم فایل تمپلیت، وردپرس می‌تواند تمپلیت صحیح را انتخاب کند و در صفحه نمایش دهد. برای مثال وردپرس دنبال فایل category.php می‌گردد و صفحات آرشیو دسته‌بندی را نمایش می‌دهد. اگر بخواهید صفحات خاصی را دارای استایل خاص کنید، باید از نکات زیر پیروی کنید. برای مثال می‌خواهید به دسته بندی اپل استایل خاص اعمال کنید. برای این کار لازم است فایل تمپلیت جدیدی برای قالب وردپرس خود ایجاد کنید و اسم آنرا category-apple.php. با استفاده از FTP client به سایت وردپرس متصل شوید، به فولدر /wp-content/themes/your-current-theme/ بروید و فایل جدیدی به نام category-apple.php بسازید.
همچنین می‌توانید فایل category.php وردپرس را به عنوان نقطه شروع انتخاب کنید. برای این کار لازم است تمامی اطلاعات موجود در این فایل را کپی کنید و در فایل جدید category-apple.php الصاق کنید. پس از این کار هر تغییری در سایت همانند روزهای عادی امکان‌پذیر می‌شود.
۲- استفاده از CSS برای اعمال استایل دسته‌بندی در وردپرس
در حالت عادی وردپرس به‌صورت اتوماتیک کلاسهای CSS را به اجزای مختلف در وبسایت اضافه می‌کند. این کار شامل کلاس بدنه و کلاس پست می‌باشد. برای مثال اگر بخواهید دسته‌بندی آرشیو را نمایش دهید و از ابزار inspect element استفاده کنید، دو کلاس CSS را در تگ بادی مشاهده می‌کنید. یکی دسته‌بندی و دیگری نام دسته‌بندی CSS می‌باشد.
امکان اضافه کردن کلاس CSS موردنظر برای استایل دادن به دسته‌بندیهای خاص وجود دارد. برای مثال
body.category-apple {
background-color:#EEE;
background:url(“http://example.com/wp-content/uploads/2017/background.jpg”) no-repeat fixed;
color:#FFFFFF;
}
.category-apple .site {
background:#232323;
}
.category-apple a {
color:#CCCCCC;
}
نام کلاس CSS خود را در کد فوق جایگزین کنید و نتیجه را در شکل زیر مشاهده کنید.
منبع: wpbeginner