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

3.5 / 5. تعداد رای: 2

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

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

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

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

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

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

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

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

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

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

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

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

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

function mihanwp_custom_css() {   echo '<style> کد سی اس اس خود را اینجا قرار دهید   </style>'; } add_action('admin_head', 'mihanwp_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 دلخواه به مدیریت وردپرس برای شما همراهان همیشگی میهن وردپرس کاربردی واقع‌شده باشد.
موفق و پیروز باشید.

نکته خاصی هست که این مقاله رو تکمیل‌تر کنه؟

  1. U39943 ۲ خرداد ۱۴۰۰

    سلام. اگه سایت روی لوکال‌هاست نصب شده باشه چجوری به فایل قالب‌های صفحات بیرونی و درونی دسترسی پیدا کنم؟

  2. کاربر مهمان ۱۶ بهمن ۱۳۹۷

    سلام. چطور می تونیم که به این روش و بدون استفاده از افزونه، فونت پیشخوان وردپرس رو تغییر بدیم به فونت دلخواه خودمون؟
    ممنون میشم اگه نمونه کد نشون بدید.

    • Reza Rad رضا راد ۱۷ بهمن ۱۳۹۷

      درود توی سایت سرچ کنید افزودن فونت به قالب وردپرس سپس طبق همین آموزش انجام دهید روی پنل مدیریت

  3. کاربر مهمان ۱ بهمن ۱۳۹۷

    سلام من css بلد نیستم میشه کد تغییر فونت رو قرار بدید؟
    فونت گوتنبرگ خیلی اذیت کنندس

  4. کاربر مهمان ۱۱ آبان ۱۳۹۷

    سلام. چگونه میشه به فایل css بیرونی ، لینکش کرد؟
    که نخوایم کدها رو داخل این دستور بنویسیم.

    • U8156 ۱۲ آبان ۱۳۹۷

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

  5. کاربر مهمان ۱۳ مهر ۱۳۹۷

    سلام
    کدهای دستوری برای تغییر فونت در بین این کد که قرار می گیرن چی هست؟