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

استایل CSS سفارشی پنل مدیریت وردپرس

1,113 وردپرس مینا تیموریان جمعه ۱۴ آبان ۱۳۹۵

0 رای

جدا از بحث front end ( همان طراحی بیرونی سایت شما ) بهتر هست کمی هم وقت صرف طراحی backend سایتمان ( همان پنل مدیریت سایت که برای کاربر قابل مشاهده نیست ) کنیم تا همکاران شما و نویسندگان سایتتان زمانیکه وارد پنل مدیریت سایت می شوند احساس راحتی ، سادگی و در عین حال شیک بودن کنند. یک محیط کاری جذاب و انعطاف پذیر!

منظورم از جمله بالا سفارشی کردن پنل مدیریت وردپرس بود. برای سفارشی کردن پنل مدیریت باید css های سفارشی و دلخواه خود را به پنل مدیریت وردپرس اضافه کنید. اما چطور؟ از کجا می توان به پنل مدیریت وردپرس سی اس اس سفارشی اضافه کرد؟

استایل سفارشی پنل مدیریت

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

فقط کافیست کد زیر را به فایل functions.php قالب سایتتان اضافه کنید.

function mihanwp_custom_css() {
  echo '<style>
	کد سی اس اس خود را اینجا قرار دهید
  </style>';
}
add_action('admin_head', 'mihanwp_custom_css');

function mihanwp_custom_css() {

echo '<style>

کد سی اس اس خود را اینجا قرار دهید

</style>';

}

add_action('admin_head', 'mihanwp_custom_css');

اگر می خواهید کد های css را به صورت Internal style sheet به تگ head پیشخوان وردپرس وب سایت خود اضافه کنید از کد زیر بهره جویید:

function farishtheme_custom_internal_css() {
  echo '<style>
	// custom css codes
  </style>';
}
add_action('admin_head', '
 farishtheme
_custom_internal_css');

function farishtheme_custom_internal_css() {

echo '<style>

// custom css codes

</style>';

}

add_action('admin_head', '

farishtheme

_custom_internal_css');

اما اگر می خواهید از External Style Sheet استفاده کنید میتوانید از قطعه کد زیر بهره ببرید:

function farishtheme_custom_external_css() {
  echo '<link rel="stylesheet" href="http://name.come/style.css" type="text/css" media="all" />';
}
add_action('admin_head', 'farishtheme_custom_external_css');