اگر از سیستم مدیریت محتوای وردپرس استفاده می‌کنید، از مزایا و ویژگی‌های زیادی بهره‌مند خواهید شد.
با وردپرس افزودن CSS به وردپرس به سادگی امکان پذیر است که در اینجا گام گام آن را آموزش می‌دهیم.
کدهای CSS برای اعمال تغییرات ظاهری مانند تغییر رنگ متن، اندازه فونت، پس زمینه و غیره کاربرد دارد.
در این آموزش به شما ۴ روش رایج برای افزودن کدهای دلخواه (افزودن CSS و JS) با استفاده از وردپرس و افزونه می‌پردازیم.
ابتدا از سایت خود بک آپ بگیرید
اگر به تازگی به دنیای وردپرس پیوسته‌اید، توصیه می‌شود قبل از هر کاری، یک بک آپ از سایت خود بگیرید.
بک آپ را می‌توان از طریق کنترل پنل هاست و یا از طریق افزونه‌های بک آپ مانند UpdraftPlus انجام داد.
روش اول: افزودن کدها از طریق وردپرس
برای افزودن کدهای دلخواه CSS در محیط سایت خودتان روی گزینه سفارشی‌سازی کلیک کنید.
در صفحۀ شخصی سازی و سمت راست صفحه، کدهای CSS را درج و تغییرات را ذخیره نمایید.
با این کار، همۀ دستورات CSS که نوشتید و در این بخش قرار دادید، در کل سایت شما لود می‌شود.
روش دوم: استفاده از افزونه‌های وردپرس
افزونه‌های مختلفی برای افزودن کد CSS یا JS دلخواه به وردپرس یا صفحات سایت در مخزن وردپرس وجود دارد.
کافیست در باکس جستجوی مخزن وردپرس، عبارت Custom CSS را جستجو کنید و لیست افزونه‌ها را بررسی کنید.
اما یکی از افزونه‌های خوب در این زمینه، افزونه Simple Custom CSS and JS در مخزن وردپرس است.
این افزونه، امکانات کاربردی در اختیارتان قرار می‌دهد و کار شما را دوچندان آسان و حرفه‌ای می‌کند.
افزونه Simple Custom CSS and JS Pro نسخه تجاری آن است که امکانات بیشتری را ارائه می‌دهد.
در کنار کدهای CSS می‌توانید کدهای JS (جاوا اسکریپت) را به یک صفحۀ خاص یا کل سایت اضافه کنید.
ویژگی‌هایی مانند چاپ کدها در هدر، فوتر یا افزودن آن‌ها به صورت یک فایل مستقل از امکانات افزونه است.
روش سوم: افزودن کدها از طریق فایل style.css قالب
همۀ قالب‌های وردپرس دارای یک فایل اصلی به نام style.css هستند که می‌توانید کدها را در آن درج کنید.
شما می‌توانید کدهای خود را در انتها یا ابتدای این فایل بگذارید و فقط کافیست که آن را ذخیره کنید.
این فایل در پوشه اصلی هر قالب وردپرسی موجود است و استاندارد قالب‌های وردپرس است.
روش چهارم: افزودن کدها از طریق چایلد تم قالب‌ها
وردپرس از قابلیت فوق العادۀ چایلد تم برای قالب‌ها بهره‌مند است که شخصی سازی حرفه‌ای را فراهم می‌کند.
ویژگی چایلد تم از نسخۀ ۴.۴ در تاریخ ۴ دسامبر ۲۰۱۵ منتشر و از این نگارش در دسترس قرار گرفت.
با استفاده از ویژگی چایلد تم می‌توانید، فایل‌های php قالب‌ها را بازنویسی و یا تغییر دهید.
بیشتر قالب‌های حرفه‌ای (پولی) وردپرس دارای Child Theme هستند که امکان افزودن CSS را نیز دارند.
در پوشه چایلد تم، فایل style.css یا rtl.css برای افزودن کدهای دلخواه CSS خودمان به قالب است.
قالب من چایلد تم Child Theme ندارد، چه کار کنم؟
حتی اگر طراح قالب شما، نسخۀ چایلد تم برای قالب شما را ارائه نکرده باشد، وردپرس راه حل دارد.
در مخزن وردپرس، عنوان child theme را جستجو کنید تا افزونه‌های چایلد تم ساز نمایش داده شوند.
با نصب این افزونه‌ها، می‌توانید سریع و ساده برای قالب‌تان یک نسخۀ چایلد تم بسازید و لذت ببرید.
نحوۀ ساخت چایلد تم با این افزونه بیشتر از ۲ دقیقه زمان بر نیست و نگران نبود چایلد تم قالب‌تان نباشید.
خوشبختانه در وردپرس چیزی غیرممکن نیست و ابزارهای زیادی به صورت رایگان و پولی در دسترس هستند.
جمع بندی آموزش افزودن CSS به سایت‌های وردپرسی
در این آموزش ۴ روش تضمینی و کاربردی را برای افزودن CSS به سایت‌های وردپرسی را توضیح دادیم.
امیدواریم این آموزش به خوبی شما برای این هدف کمک کرده باشد و مورد رضایت شما عزیزان قرار گیرد.
