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

اگر شما نیز به فکر راحتی کار با پیشخوان وردپرس سایت خود هستید و می‌خواهید برخی ویژگی‌های منحصربه‌فرد به داشبورد وردپرس سایتتان دهید، باید از طریق افزودن CSS به پیشخوان مدیریت وردپرس اقدام به انجام این کارکنید. شاید در نگاه اول انجام این کار کمی مشکل به نظر برسد اما اصلاً جای نگرانی نیست، در این آموزش از دکترگرافیک ما قصد داریم راه‌های شخصی‌سازی داشبورد وردپرس را به شما آموزش دهیم.

چرا باید به پیشخوان CSS اضافه کنیم؟

بسیاری از وبمسترها با توجه به کسب‌وکاری که دارند معمولاً از یک استایل به‌خصوص برای انجام کارهای خود استفاده می‌کنند به‌عنوان نمونه داشتن یک رنگ به‌خصوص و یا استفاده از یک فونت به‌خصوص را می‌توان به‌عنوان یک فاکتور مهم درنظر گرفت. چنانچه شما هم از استایل به‌خصوص برای کسب‌وکار خود بهره می‌برید بهتر است این استایل را در پنل ادمین وردپرس نیز لحاظ کنید.

افزودن CSS سفارشی و استایل دادن به وردپرس ازآن‌جهت دارای اهمیت فراوان است که شما می‌توانید به بخش‌های موردنظر خود رنگ و حتی ساختار متفاوتی دهید و بعد از استایل دادن بااحساس راحتی با پنل مدیریت کارکنید.

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

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

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

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

برای افزودن CSS سفارشی به مدیریت وردپرس شما از طریق کد نویسی و افزونه‌ها می‌توانید اقدام کنید. در ادامه برای سفارشی کردن پنل وردپرس از هر دو طریق یعنی کد نویسی و افزونه را به شما عزیزان آموزش می‌دهیم.

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

با استفاده از این کدها شما می‌توانید در ظاهر هر بخشی که می‌خواهید تغییر ایجاد کنید و به‌اصطلاح آن را شخصی‌سازی کنید.

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

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

function drgraphic_custom_css() {   echo '<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-wp-preserve="%3Cstyle%3E%20%DA%A9%D8%AF%20%D8%B3%DB%8C%20%D8%A7%D8%B3%20%D8%A7%D8%B3%20%D8%AE%D9%88%D8%AF%20%D8%B1%D8%A7%20%D8%A7%DB%8C%D9%86%D8%AC%D8%A7%20%D9%82%D8%B1%D8%A7%D8%B1%20%D8%AF%D9%87%DB%8C%D8%AF%20%20%20%3C%2Fstyle%3E" data-mce-resize="false" data-mce-placeholder="1" class="mce-object" width="20" height="20" alt="&lt;style&gt;" title="&lt;style&gt;" />'; } add_action('admin_head', 'drgraphic_custom_css');

حال می‌توانید شروع کنید به نوشتن کدهای سی اس اس سفارشی خود به پنل مدیریت وردپرس. مثلاً رنگ‌بندی و یا فونت پنل مدیریت وردپرس را تغییر دهید.

افزودن css دلخواه با افزونه

برای اینکه استایل دلخواه خود را در وردپرس اعمال کنید می‌توانید از افزونه WP Add Custom CSS استفاده کنید. شما می‌توانید از  مخزن وردپرس این افزونه را دانلود کنید. بعد از دانلود این افزونه باید آن را فعال کنید.

پس از فعال‌سازی این افزونه باید منوی پیشخوان شما گزینه‌ای به نام Add Custom CSS داشته باشد.

وقتی بر روی این گزینه کلیک می‌کنید به صفحه افزونه هدایت می‌شوید.

برای تغییری که در ارتباط با سفارشی کردن می‌خواهید در سایتتان ایجاد کنید، کافی است استایل موردنظر را در قالب یک rule در این قسمت وارد کنید.

به‌عنوان نمونه کد زیر را در نظر بگیرید:

wp_register_style( 'wp-add-custom-css', get_home_url(null, '?display_custom_css=css') );

کافی است شما هم استایل های موردنظر خود را در قالب یک rule شبیه دستور بالا در بخش CSS Rules وارد کنید و استایل موردنظر خود را پیاده‌سازی کنید.

امیدوارم این مقاله در ارتباط با افزودن css دلخواه به مدیریت وردپرس برای شما همراهان همیشگی دکترگرافیک کاربردی واقع‌شده باشد.