صفحه اصلی / Category Color / تغییر رنگ موضوعات و شخصی سازی دسته های وردپرس

تغییر رنگ موضوعات و شخصی سازی دسته های وردپرس

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

چگونه رنگ موضوعات وردپرس را تغییر دهیم؟

برای این کار نیاز به یک افزونه و کمی دانش کد نویسی css و html و php نیاز است.

قدم اول : نصب افزونه و انتخاب رنگ

برای اینکار ابتدا باید افزونه ی Category Color را بر روی وردپرس خود نصب کنید. پس از نصب افزونه در قسمت دسته ها => ویرایش دسته می توانید برای دسته ی مورد نظر خود رنگ انتخاب کنید.

تغییر رنگ موضوعات و شخصی سازی دسته های وردپرس

برای موضوعات و دسته های خود رنگ های دلخواه را انتخاب کنید و تنظیمات ویرایش هر دسته را ذخیره کنید.
توجه داشته باشید که کد رنگ را هم به صورت Hex (با #) و هم به صورت rgb و rgba می توانید وارد کنید.

بعد از ذخیره سازی به قسمتی که مایلید تا رنگ موضوعات را تغییر دهید بروید. برای مثال ما در اینجا میخواهیم رنگ پس زمینه ی موضوعات در لیست مطالب تغییر کند. (در تصویر زیر رنگ پس زمینه موضوعات وردپرس ، سئو و بهینه سازی و کسب و کار اینترنتی)

ما برای موضوع وردپرس رنگ آبی برای موضوع سئو و بهینه سازی رنگ قرمز و برای کسب و کار اینترنتی رنگ سبز را در نظر گرفته ایم.

قدم دوم : استفاده از کد در قالب

برای شروع کار ابتدا کد زیر را در قسمتی که میخواهید این تغییرات را انجام دهید کپی کنید. (صفحه ی single.php یا index.php یا …) .

<?php
$category = get_the_category();
$the_category_id = $category[0]->cat_ID;

if(function_exists('rl_color')){
    $rl_category_color = rl_color($the_category_id);
}

?>

<style>
.cat-box<?php echo $the_category_id?> ul li a{background: <?php echo $rl_category_color;?>}
</style>

<div class="cat-box<?php echo $the_category_id?>"><?php the_category();?></div>
  • در کد بالا متغیر category با مقدار تابعی که برای آن قرار داده شده موضوع شما را فرا خوانی می کند.
  • در متغیر the_category_id آی دی اولین موضوعی که برای مطلب انتخاب شده را فراخوانی می کند.
  • در جمله ی شرطی if بیان شده است که اگر رنگی برای موضوع انتخاب شده است کد رنگ آن را پیدا کند.
  • در تگ style از متغیر the_category_id برای متمایز کردن کلاس ها با آی دی هر دسته استفاده کرده ایم.
  • از متغیر rl_category_color نیز برای فراخوانی کد رنگ استفاده کرده ایم.
  • در تگ div نیز برای کلاس دسته از متغییر the_category_id که آی دی دسته را فراخوانی می کند استفاده می کنیم.

 

این مدل تغییرات در رنگ و شخصی سازی موضوعات که به شما آموزش داده شد یک مدل کاملا پایه بود . با کمی خلاقیت در استفاده از این کد ها می توانید ساختار های جالب تری برای قالب هایی که طراحی می کنید ایجاد کنید. سوالات خودتان را در بخش نظرات مطرح کنید…

نوشته تغییر رنگ موضوعات و شخصی سازی دسته های وردپرس اولین بار در کلکسیون طراحی پدیدار شد.


دانلود قالب

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *