وردپرس سیستم سایت‌ساز منبع باز یا Open source است و همین امر به ما امکان ایجاد تغییرات و توسعه را خواهد داد. این امر موجب شده که وردپرس در نگاه افراد مخصوصا توسعه‌دهندگان بسیار محبوب شود. با اینکه سایت‌های وردپرسی کامل و جذاب هستند اما به دلیل همین منبع باز بودن می‌توان هر نوع سفارشی‌سازی استانداردی را انجام داد. مثلا با افزودن css به وردپرس می‌توان تغییرات دلخواهی را رقم زد. در این مقاله تصمیم گرفتیم نحوه اضافه کردن کدهای css به وردپرس را با هم بررسی کنیم.
نحوه افزودن CSS به وردپرس
یکی از آیتم‌هایی که موجب شهرت و محبوبیت وردپرس شده، عدم نیاز به دانش کدنویسی است که هر فردی را قادر به ساخت سایت می‌کند. اما برخی افراد کمی به کدنویسی و اعمال تغییرات آشنا هستند یا توسعه دهنده هستند و تمایل دارند با کدنویسی بخش‌هایی را تغییر دهند به همین علت در وردپرس چنین امکانی نیز وجود داشته و می‌توان تمامی بخش‌ها را با افزودن کد و افزودن css به وردپرس تغییر داد. در ادامه دو روش عالی برای افزودن سی اس اس به وردپرس پیش روی ماست که مورد بررسی قرار می‌دهیم:
- افزودن سی اس اس با ویرایشگر کلاسیک
- استفاده از افزونه برای افزودن CSS به وردپرس
حال هر کدام را بطور مجزا بررسی و تشریح می‌کنیم.
افزودن سی اس اس با ویرایشگر کلاسیک
از نسخه 5.9 وردپرس به بعد، قابلیتی مانند پیاده سازی CSS سفارشی در کنار قابلیت‌های متعدد دیگری به وردپرس اضافه شد. چنانچه از ویرایشگر کلاسیک در سایت خود بهره می‌برید می‌توانید کدهای سی‌اس‌اس مدنظر خود را به راحتی به وردپرس اضافه کنید. برای این منظور کافیست به پیشخوان وردپرس رفته و حالا از قسمت ابزارها به بخش ویرایشگر پوسته بروید. حالا در قسمت stylesheet می‌توانید کلاس‌های سی‌اس‌اس سفارشی خود را تعریف کنید. فقط کافیست این کار را بر روی قالب فعال و موجود روی سایت انجام دهید.
حالا در قالب موردنظر بخش سی‌اس‌اس، کدهای موردنظر را اضافه کنید تا تغییرات اعمال شود. درنهایت روی دکمه آبی رنگ Update File بزنید تا تغییرات اعمال شود.
حالا روی بخش نمایش در پیشخوان وردپرس کلیک کرده و گزینه سفارشی‌سازی را انتخاب کنید. با یک بلوک برای سفارشی سازی روبرو می‌شوید. از بخش سی‌اس‌اس اضافه کلاس موردنظر خود را به آن اضافه کنید:
همچنین می‌توان چندین کلاس جداگانه در این بلوک اضافه کرد.
استفاده از افزونه برای افزودن CSS به وردپرس
فعلی که در مرحله قبل انجام دادیم بطور کامل در وردپرس موجود بود و برای افزودن نیازی به هیچ ابزار جانبی نداشتیم. اما برخی شاید با موارد بالا مشکل داشته با دسترسی به این بخش‌ها نداشته باشند به همین دلیل با کمک افزونه‌های موجود در وردپرس می‌توانند این عملیات را به راحتی انجام دهند. در ادامه به معرفی برخی افزونه‌های عالی وردپرسی برای افزودن css به وردپرس می‌پردازیم.
افزونه SiteOrigin CSS
یکی از بهترین افزونه‌های رایگان برای اضافه کردن سی‌اس‌اس سفارشی به سایت، افزونه SiteOrigin CSS است. شما به راحتی می‌توانید این افزونه را از مخزن دریافت کرده و نصب کنید. پس از فعال‌سازی کافیست به بخش نمایش رفته و روی گزینه “CSSسفارشی” کلیک کنید و با کمک ویرایشگر داخلی این افزونه هر بخش از سایت را انتخاب کرده و سفارشی کنید. آموزش کار با افزونه Siteorigin css را قبلا در همیار وردپرس ارائه کرده بودیم.
افزونه وردپرسی Simple Custom CSS and JS
برای افزودن css به وردپرس می‌توان از افزونه Simple Custom CSS and JS نیز استفاده کرد. به راحتی این افزونه را از مخزن نصب و فعال کنید و سفارشی‌سازی را آغاز کنید. خوشبختانه این افزونه امکانات عالی برای سفارشی‌سازی دارد و بصورت کاملا جداگانه در پیشخوان وردپرس ظاهر خواهد شد.
جمع بندی
وردپرس بخودی خود یک سیستم سایت‌ساز کامل و حرفه‌ای است که شما برای تکمیل و ایجاد سایت خود به کمک آن قطعا احتیاجی به کدنویسی ندارید، این مسئله را به شما قول خواهیم داد. اما برخی افراد آگاهی به کدنویسی و ایجاد تغییراتی در سی‌اس‌اس دارند یا به عبارتی توسعه دهنده هستند و قطعا باید امکان سفارشی‌سازی نیز داشته باشند. وردپرس این امکان را با منبع باز بودن خود در اختیارشان قرار داده و می‌توان افزودن css به وردپرس را امکانپذیر کرد. در این مقاله به دو روش این کار را به شما توضیح دادیم.
