برای استعلام یا ارسال سفارش اینجا کلیک کنید.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

آخرین نمونه کار ها مشاهده همه

آخرین طرح های اختصاصی اجرا شده