اعمال CSS سفارشی به پیشخوان وردپرس

اعمال CSS سفارشی به پیشخوان وردپرس

اعمال CSS سفارشی به پیشخوان وردپرس

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

  • استفاده از افزونه های تغییر ظاهر پیشخوان
  • نوشتن کدهای CSS سفارشی

روش اعمال CSS سفارشی به پیشخوان وردپرس بدون استفاده از افزونه

به راحتی می توان در عرض چند دقیقه همه کدهای CSS سفارشی را برای پیشخوان وردپرس نوشت. این کدنویسی معمولا برای تغییر ظاهر سایت و دادن نظم و ترتیب به پیشخوان سایت می باشد. هیچ فرقی نمی کند که سایت با چه قالبی راه اندازی شده باشد، کدهای نوشته شده در سورس قالب قرار می گیرند. برای اضافه کردن استایل سفارشی کافیست قطعه کد زیر (یا هر کد دیگری که می خواهید در سایت خود اضافه کنید) را در فایل functions.php  قالب خود اضافه کنید :

اعمال-css-سفارشی-به-پیشخوان-وب-سایت-وردپرس

حتما حتما قبل از اعمال تغییرات از قالب خود بک آپ بگیرید .

add_action(head’, ‘my_custom_fonts’)

function my_custom_fonts() {

  echo ‘<style>

    body, td, textarea, input, select {

      font-family: “Lucida Grande”;

      font-size: ۱۲px;

    }

  </style>’;

}

فراخونی کد: برای فراخونی نوشته خود کافی است کد زیر را در فایل functions.php خود اضافه کنید .

function my_custom_fonts() {

wp_enqueue_style(‘styles’ , get_template_directory_uri().’/css/ section.css’);

}

add_action(‘head’, ‘my_custom_fonts’);

*توجه: فایلی با نام section.css در پوشه css قالب خود اضافه کنید .

روش اعمال CSS سفارشی به پیشخوان وردپرس با دو افزونه:

افزونه Add Admin CSS

افزونه های زیادی برای این منظور ایجاد شده اند. افزونه Add Admin CSS  نسبت به سایر افزونه ها بهینه تر می باشد. شما می توانید بعد از نصب این افزونه و اضافه کردن کدهای CSS سفارشی خود در پیشخوان، شروع به سفارشی سازی هر بخش از سایت خود بکنید. یکی از مزیت های این افزونه این است که شما می توانید آدرس  فایل CSS را به این افزونه بدهید و نیازی به نوشتن کد در تنظیمات این افزونه نیست. مزیت دوم این افزونه این است که شما به راحتی می توانید با یک بار نوشتن و اعمال کدهای خود در این فایل، برای همیشه از آن استفاده کنید و حتی بعد از خرید قالب جدید هم از کدهای نوشته شده استفاده کنید.

مقالات مرتبط  خارج کردن صفحات از گوگل

افزونه Simple Custom CSS and JS

یک افزونه کاملا است. در این افزونه می توان تمامی کدهای css و js مورد نظر خود را نوشته و ذخیره کنید. مهم ترین برتری این افزونه نسبت به دیگر افزونه ها این است که حتی با تغییر قالب، تغییرات ایجاد شده روی قالب قبلی حذف نمی شوند و به قالب جدید انتقال پیدا می کند ولی با آپدیت کردن قالب، تمامی تغییرات از بین می رود.

نحوه کار با این افزونه

پس از نصب افزونه و فعال سازی آن، گزینه custom css & jss  به پیشخوان وردپرس اضافه می شود. تمامی کدهایی که درج می کنید در all cistome code  نمایش داده می شوند. در این صفحه سه تب برای تفکیک کدهایhtml  و css و  js وجود دارد.
آیا این مقاله مفید بود؟ به چه مقاله ای علاقه دارید که تا کنون در نیل‌شید قرار نگرفته است؟
با به اشتراک گذاشتن مطالب، به شناخته شدن نیل‌شید کمک کنید.

دیدگاه خود را بیان کنید

نشانی ایمیل شما منتشر نخواهد شد.