افزودن ویرایشگر زنده کدهای css در وردپرس

ضعیفمتوسطخوببسیار خوبعالی
( 0 رای , میانگین : 0,00 از 5)
بارگذاری...

با سلام

همانطور که می دانید CSS یک استاندارد در زمینه طراحی وب می باشد. و همه جزئیات از جمله ویرایش رنگ و دکمه و موقعیت نوشته ها و… که در یک سایت مشاهده می کنید همگی از طریق کد های CSS ایجاد و پیکره بندی می شوند. اما مشکلی که در بسیاری از موارد پیش می آید این است که شما می خواهید یک عکس و یا نوشته و… را ویرایش کنید اما سردرگم هستید که این قسمت را از کدام بخش از فایل Style.css ویرایش کنید و دچار مشکل جدی میشود . شما می توانید به وسیله افزونه ای که در این آموزش قرار داده ایم را به راحتی ای موارد را ویرایش کنید. افزونه ای که میخواهیم امروز برای شما معرفی کنیم افزونه SiteOrigin CSS نام دارد.

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

در قسمت مشخص شده در تصویر فوق می توانید کد های CSS را ویرایش کنید. در این بخش شما می توانید قسمت دلخواه خود را ویرایش کنید و پس از ایجاد تغییرات مورد نظر نتایج تغییرات را بصورت زنده مشاهده کنید.

همانطور که در تصویر می بینید با استفاده از کد های سمت چپ می توانید به راحتی تصویر را ویرایش کنید. پس با استفاده از این افزونه کدنویسی css المان های سایت راحت از قبل شده و شما میتوانید از ویرایشگر زنده سایت خود لذت ببرید.

به وسیله ی این قسمت هم می توانید به راحتی اقدام به ویرایش کرده و سپس کد را دریافت کنید و در هر قسمت که میخواهید این تغییرات را قرار داده و تنظیمات مورد نظر را در سایتتان پیاده سازی کنید.

در پایان می توانید با زدن تیک مشخص شده وارد بخش نهایی یا همان قسمت ذخیره سازی کد CSS وارد شوید. کد دریافتی را می توانید save را کلیک کنید تا کد ویرایشی شما جایگزین کد قبلی شود. با تشکر از شما ، همینک می توانید این افزونه را از لینک زیر دریافت کنید.

دانلود افزونه so-css

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



مینا رضوی
( عضو از 7 سال قبل )
  • 187 نوشته
  • 335 دیدگاه
  • 0 محصول
  • 0 دوره آموزشی
فراتر از همه با نوین وردپرس

نظرات کاربران

ثبت دیدگاه

چند نکته قبل از ارسال دیدگاه :
  • تمامی دیدگاه ها قبل از انتشار عمومی توسط کارشناسان سایت بررسی خواهند شد.
  • دیدگاه هایی که جنبه تبلیغاتی داشته باشند تایید نخواهند شد.
  • آدرس سایت ، مشخصات مدیریت و... در متن دیدگاه حذف خواهند شد.
  • دیدگاه هایی که به زبان انگلیسی باشند تایید نخواهند شد.
  • دیدگاه هایی که حاوی توهین ، تهدید یا... باشند تایید نخواهند شد.

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

مطالب مرتبط



بهترین افزونه های تغییر سایز عکس وردپرس | لیست برترین پلاگین های تغییر ابعاد تصاویر در ودرپرس

1826
0
همانطور که می دانید یکی از مهم ترین نکات بهینه سازی سئو سایت، توجه به اصول و بهینه بودن تصاویر سایت می باشد. در صورتی که در سایت ...
جزییات بیشتر آموزش را بخوانید!

بهترین ابزار آنلاین موجود برای بررسی گرامر در وردپرس

1300
0
آیا به دنبال بهترین ابزار آنلاین موجود برای بررسی گرامر در وردپرس هستید؟ بیشتر مرورگرها به صورت پیش فرض دارای ابزاری برای بررسی املای کلمات انگلیسی هستند، اما ...
جزییات بیشتر آموزش را بخوانید!

نحوه نمایش دادن محتوا در وردپرس و در صفحه دلخواه با افزونه Insert Pages

1800
0
با سلام شاید یکی از دغدغه هایی که داشته باشید این باشه که بخواهید به طریقی محتوای برگه ای در نوشته خود داشته باشید. به همین بهانه، امروز برای ...
جزییات بیشتر آموزش را بخوانید!

تغییر تعداد محصولات نمایشی در فروشگاه با WooCommerce Products Per Page

6506
4
سلام عزیزان با سری آموزش های ووکامرس فروشگاه ساز امروز در خدمت شما هستیم با نحوه مدیریت یا تغییر تعداد محصولات نمایشی در فروشگاه. اگر به قالب های فروشگاهی ...
جزییات بیشتر آموزش را بخوانید!

بهترین افزونه واتساپ وردپرس

103
0
یکی از مهم ترین رازهای موفقیت برای هر نوع سایت، پشتیبانی سریع مشتریان می باشد. هر چقدر مشتری بتواند ساده تر و سریع تر با شما ارتباط برقرار ...
جزییات بیشتر آموزش را بخوانید!

آموزش اضافه کردن بخش فرهنگ لغت یا دیکشنری به وردپرس

5369
4
آیا میخواهید بخش فرهنگ لغت یا دیکشنری را به سایت وردپرس خود اضافه کنید؟ بخش فرهنگ لغت یا دیکشنری تمام واژه ها و اختصارات مربوط به حوزه کسب ...
جزییات بیشتر آموزش را بخوانید!

لیست برترین افزونه های دانلود از یوتیوب برای مرورگر های کروم و فایرفاکس

6276
0
همانطور که می دانید یوتیوب یکی از بهترین و پرطرفدارترین سایت های ویدیویی در جهان می باشد. اگر شما در یوتیوب قصد تماشا کردن یک ویدیو را داشته ...
جزییات بیشتر آموزش را بخوانید!

آموزش اتصال هاست دانلود به وردپرس با Hacklog Remote Attachment

4898
2
هاست یا سرور یکی از مهم ترین بخش هایی است که باید به آن توجه ویژه ای داشته باشید، زیرا هاست در سرعت بارگذاری وب سایت بسیار تاثیرگذار ...
جزییات بیشتر آموزش را بخوانید!

دسته بندی مطالب

محصولات حرفه ای

جستجو کنید…

همکار ما شوید

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

  • تولید کننده فیلم آموزشی کار با محصولات
  • نویسندگی و ارسال مطالب آموزشی
  • تولید کننده دورهای آموزشی برنامه نویسی
  • فارسی سازی و ترجمه انواع قالب
  • و هر آنچه که توانایی دارید...
  • فهرست مطالب