آموزش نحوه افزودن کدهای css به قالب وردپرس + با افزونه


نویسنده:
یکشنبه ۱۲ بهمن ۱۳۹۹
اضافه کردن CSS به وردپرس

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

نحوه اضافه کردن css به قالب وردپرس

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

1- اضافه کردن کدهای CSS در بخش سفارشی‌سازی قالب

از نسخه 4.7 وردپرس به بعد امکان اضافه کردن کد CSS به صورت مستقیم از ناحیه مدیریت فراهم شده است. این کار بسیار ساده و سریع انجام می‌گیرد. همچنین می‌توانید تغییرات را به صورت زنده در پیش‌نمایش مشاهده کنید.

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

افزودن css به وردپرس

در قسمتی که مشاهده میکنید کدهای CSS مورد نظرتان را وارد کنید و تغییرات را مشاهده نمایید. بعد از اینکه تغییرات به درستی اعمال شد، بر روی دکمه انتشار کلیک کنید.

2- اضافه کردن کدهای Css با استفاده از افزونه

اگر شما قصد دارید تا کدهایی که اضافه کرده‌اید، برای هر قالبی که فعال می‌کنید اعمال شود، ابتدا افرونه Simple Custom CSS را نصب و فعالسازی نمایید.

بعد از آن، از قسمت نمایش » Custom CSS را باز کنید و کدهای CSS مورد نظرتان را بنویسید. سپس بر روی دکمه Update Custom CSS کلیک نمایید تا تغییرات ذخیره شود.

افزودن css به وردپرس

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

هر دو روش توضیح داده شده در بالا برای مبتدیان توصیه می‌شود. کاربران پیشرفته‌تر می‌توانند CSS سفارشی را مستقیماً به قالب خود اضافه کنند.

البته اضافه کردن کدهای CSS سفارشی به قالب به صورت مستقیم توصیه نمی‌شود. چون در این صورت اگر قالب را بروزرسانی کنید، تغییرات انجام شده از بین خواهد رفت. بهترین گزینه برای جلوگیری از این مشکل ایجاد قالب فرزند و اعمال تغییرات بر روی آن می‌باشد.

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

مطالب زیر را حتما بخوانید

مهاجرت از جوملا به وردپرس طی ۳ گام ساده

مهاجرت از جوملا به وردپرس موضوعی است که چندان ناشناخته وعجیب نیست. با پیشرفت روزافزون وردپرس، محبوبیت این سیستم مدیریت...

بهترین افزونه‌های آمار بازدید سایت در وردپرس

در وردپرس افزونه‌های آمار بازدید سایت، به تعداد زیادی وجود دارند. یکی از دغدغه‌های مدیران سایت انتخاب بهترین افزونه‌ی آمارگیر...

چگونه وردپرس را به حالت کارخانه برگردانیم؟! ریست کردن وردپرس با WP Reset

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

نحوه ایجاد گالری تصاویر در وردپرس بدون نیاز به افزونه

داشتن یک گالری تصاویر به مدیران وب‌سایت‌ها این امکان را می‌دهد که تصاویر داخل سایت خود را در قالب اُرگانیز...

آموزش تولید محتوای متنی

دوره آموزش تولید محتوای متنی در وب

آموزش تولید محتوای متنی در وب‌سایت، یک دوره‌ی آموزشی برای تولید‌کنندگان محتوا ...

دوره آموزش ووکامرس | ساخت فروشگاه اینترنتی بدون کد نویسی

دوره آموزش ووکامرس | ساخت فروشگاه اینترنتی بدون کدنویسی

دوره‌ای مختص افرادی که می‌خواهند فروشگاه اینترنتی بسازند و آن را حرفه ...

پکیج آموزش html و css

دوره آموزش HTML و CSS

دوره آموزش HTML و CSS به صورت ویدیویی و پروژه محور : ...

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

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

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