خانه / وردپرس / آموزش وردپرس / ویرایش زنده کدهای CSS در وردپرس
ویرایش زنده کدهای CSS در وردپرس
ویرایش زنده کدهای CSS در وردپرس

ویرایش زنده کدهای CSS در وردپرس

با سلام خدمت همه شما همیاران همیشگی , دوستان حتما با css آشنا هستید و میدونید کارش چیه ؟ زیرا یک استاندارد جهانی بوده است که تمامی مرورگهای جهان از آن پشتیبانی می کنند تا بتونید با استفاده از چند خط آنها به راحتی انواع رنگ , دکمه و … رو تغییر و تنظیم نمایید بنابراین ما در این آموزش وردپرس خدمتتونیم تا ویرایش زنده کدهای CSS در وردپرس رو بهتون بگیم که یک آموزش کاربردی و مفید برای شما به حساب می آید تا اگه می خواهید قسمتی از استایل رو تغییر دهید و نمی دانید که در کدام قسمت style.cs قرار دارد با این افزونه کاربردی وردپرس به راحت قادر به تغییر  ان باشید

ویرایش زنده کدهای CSS در وردپرس

دوستان کار کردن با این افزونه وردپرس رایگان بسیار راحت و بدون پیچیدگی می باشد تا بتونید با داشتن ویژگی که بعد فعال نمودن در قسمت پیشخوان اضافه میشود قادر به تغییرهای مختلف باشید و به صورت زنده کدهای css رو ویرایش نمایید

حالا بریم سراغ دانلود افزونه SiteOrigin CSS جهت اموزش کار با این پلاگین کاربردی وردپرس بعد فعال سازی اگه به قسمت پیشخوان مراجعه نمایید همانند تصویر زیر گزینه جدید رو با نام Custom CSS مشاهده می نمایید پس روی ان کلیک کنید تا به صفحه ان وارد شوید

ویرایش زنده کدهای CSS

با وارد شدن همانند زیر روی آیکون چشم کلیک نمایید تا کدهای css باز شوند

 کدهای CSS

حالا به تصویر زیر نگاه کنید در اینجا نوشته یک سایت دیگر با وردپرس فارسی اول به رنگ سبز بود که ما ان رو قرمز و فونت یا همان (font-weight) در CSS را به حالت Bold (توپر) تبدیل کردیم.

حالا بعد انجام تغییرات بر روی آیکونی که تیک بوده است کلیک نمایید تا تنظیمات پایان بپذیرد و به قسمت اخر مراجعه نمایید

 کدهای CSS در وردپرس

حالا که با زدن آیکون تیک به تصویر زیر منتقل می شوید در ان تغییراتی که انجام شده است با کد نمایش داده می شود و میتونید با کلیک روی Save CSS ان رو ذخیره نمایید

css

پس به سایتتون رفته تا تغییرات رو مشاهده نمایید

SiteOrigin CSS

امیدوارم لذت برده باشید

منبع : قالب وردپرس

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *