آموزش افزونه Simple Custom CSS برای افزودن CSS و JS سفارشی به وردپرس
افزودن CSS و JS سفارشی به وردپرس
در آموزشهای قبل نحوه افزودن کد css سفارشی به قالب وردپرس با کدنویسی را توضیح داده ایم، در این آموزش قصد داریم به آموزش افزودن CSS و JS سفارشی به وردپرس ، با استفاده از افزونه Simple Custom CSS and JS بپردازیم. بنابراین تا انهای مقاله با w3design همره باشید.
یک افزونه کاربردی و حرفه ای می باشد که میتوانید ظاهر سایت یا تنها بخش پیشخوان وردپرستان را با کد های css/ java/ html را بدون تغییر دادن فایل های افزونه و قالب خود، سفارش سازی کنید.
پیشنهاد ویژه: صفر تا صد آموزش طراحی سایت بدون کدنویسی
معرفی و ویژگی افزونه Simple Custom CSS and JS
یک افزونه ساده و بدون تنظیمات خاصی می باشد، در این افزونه میتوان تمامی کدهای css و js سفارشی مورد دلخواه خود را نوشته و ذخیره کرد، مهم ترین مزیت افزونه این است که حتی با تغییر قالب، تغییرات اعمال شده روی قالب و پیشخوان وردپرس قبلی، حذف نمی شوند و به قالب جدید اعمال می شوند. همه شما به خوبی می دانید که میتوان در همان فایل style.css قالب خود استایل جدید اضافه نمود و تغییراتی در قالب لحاظ کنیم ولی مشکل اینجاست که اگر قالب را آپدیت کنید مسلماً همه تغییراتی که ایجاد کرده بودید از بین خواهد رفت.
به همین دلیل پس از نصب این افزونه کار شما راحت شده و استایل دهی جدیدی که به بخش ظاهر سایت و یا پنل مدیریت خود داده اید برای همیشه ماندگار خواهد ماند و میتوان در قالب های دیگر هم از آن استفاده کرد.
- ویرایشگر متن پیشرفته
- نمایش کدهای inline در فایل های خروجی
- نمایش کد در بخش هدر و فوتر
- اضافه کردن CSS یا JS به ظاهر قالب یا پنل مدیریت وردپرس
- اضافه کردن کد به قسمت هایی که می خواهید اضافه شود
- ذخیره تغییرات داده شده حتی زمانی که قالب را تغییر دهید
نحوه کار با افزونه Simple Custom CSS and JS
در ابتدا افزونه را دریافت و نصب کنید، پس از فعال سازی افزونه، گزینه custom css & jss به پیشخوان وردپرس اضافه می شود. تمامی کدهای سفارشی که درج می کنید در بخش all cistome code نمایش داده می شوند.
در این صفحه سه تب وجود دارد که میتوان کدهای html و css و js را در تب های مورد نظر اضافه کرد.
این مقالات را هم بخوانید:
دیدگاهتان را بنویسید