اضافه کردن کد CSS به سایت وردپرسی

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

روش اول: استفاده از قسمت سفارشی‌سازی قالب

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

این روش آسان‌ترین راه اضافه کردن استایل جدید است که نتیجه آن هم سریعا در پیش‌نمایش اعمال می‌شود.

برای انجام این کار، در پیشخوان وردپرس به قسمت نمایش > سفارشی‌سازی مراجعه کنید.

در صفحه جدید، قسمتی تحت عنوان CSS اضافی وجود دارد؛ روی آن کلیک کنید.

کدهای خود را داخل باکس مربوطه وارد نمایید.

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

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

نکته: طبیعتا هر کدی که از طریق این روش اضافه کنید فقط روی قالب انتخابی شما اعمال می‌شود و با تغییر قالب، باید کدها را به پوسته جدید هم انتقال دهید.

روش دوم: اضافه کردن کد CSS با استفاده از افزونه

ابتدا افزونه Simple Custom CSS را از مخزن وردپرس نصب و فعالسازی کنید (لینک در انتهای مطلب).

سپس در پیشخوان وردپرس به قسمت نمایش > Custom CSS بروید و کدهای مورد نظر خود را در ادیتور وارد کنید.

با ذخیره سازی تغییرات، استایل‌ها به قالب شما اضافه خواهند شد.

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