ارزدیجیتال
حراجی دامنه های ویژهمشاهده





پلتفرم رپورتاژ آگهی و بک لینک تسمینو
تبلیغات
تبلیغات تبلیغات
تبلیغات ژاکت, مرجع خرید قالب و افزونه وردپرسی اورجینال

ویرایش آنلاین کدهای استایل وردپرس با افزونه SiteOrigin CSS

افزونه ها , افزونه وردپرس

ویرایش آنلاین کدهای استایل وردپرس این امکان را به شما خواهد داد تا مشابه ابزار Inspect Element مرورگر اقدام به ویرایش کدهای استایل قالب وردپرس و یا افزونه‌هایی که از آنها استفاده می‌کنید اقدام کنید، اما با امکاناتی بیشتر و امکان ویرایش آسان‌تر برای کاربران مبتدی که آشنایی با کدنویسی ندارند. در این مقاله از بیست اسکریپت قصد دارم به معرفی افزونه‌ای برای ویرایش آنلاین کدهای استایل وردپرس بپردازم که با استفاده از آن قادر خواهید بود تا هر بخش از وبسایت را انتخاب کرده و سپس موارد مربوط به تغییر استایل را برای بخش مورد نظر ویرایش کنید. این افزونه به راحتی تمامی آی‌دی و کلاس‌های Css را شناسایی کرده و سریعا قادر خواهید بود تا اقدام به تغییر استایل قالب خود کنید.

 

ویرایش آنلاین کدهای استایل وردپرس با افزونه SiteOrigin CSS

 

افزونه‌ای که قصد معرفی آن را دارم با عنوان SiteOrigin CSS در مخزن وردپرس به ثبت رسیده است و تاکنون توانسته است تا بیش از ۱۰۰.۰۰۰ نصب فعال و کسب امتیاز ۴.۹ را ازآن خود نماید که با استفاده از آن قادر به ویرایش کدهای استایل در قالب خود خواهید بود.

 

نصب و فعال سازی

پس از نصب و فعال سازی افزونه مشابه تصویر زیر منویی با عنوان custom CSS در بخش نمایش پیشخوان سایت وردپرسی شما اضافه خواهد شد، روی آن کلیک کنید تا به صفحه افزونه هدایت شوید.

 

ویرایش آنلاین کدهای استایل وردپرس با افزونه SiteOrigin CSS

 

حال همانطور که در تصویر مشاهده می‌کنید بر روی آیکون بزرگنمایی کلیک کنید تا وارد صفحه‌ای مشابه تصویر زیر شوید.

 

ویرایش آنلاین کدهای استایل وردپرس با افزونه SiteOrigin CSS

 

حال همانطور که در تصویر مشاهده می‌کنید با کلیک بر روی هربخش همچون عنوان سایت، محتوای توضیحات سایت و سایر بخش‌های قالب در ستون سمت چپ تصویر که در بالا قرار گرفته است عنوان کلاس استایل نمایش داده خواهد شد و می‌توانید از منوی سمت چپ موارد قابل تغییر همچون رنگ، نوع فونت، اندازه فونت، چینش و… را به انتخاب خود تغییر دهید که در اینجا برای نمونه رنگ متن توضیحات سایت به رنگ قرمز تغییر داده شده است.

 

پس از اینکه تغییرات خود را به صورت زنده بر روی استایل قالب اعمال کردید بر روی تیک گزینه‌ای که در سمت چپ بالای تصویر و در کنار عنوان کلاس قرار دارد کلیک کنید و بر روی آیکون کوچکنمایی کلیک کنید.

 

ویرایش آنلاین کدهای استایل وردپرس با افزونه SiteOrigin CSS

 

پس از اینکه پنجره را کوچک کنید مشابه تصویر فوق خواهید دید که کدهای مورد نظر برای تغییرات قالب اضافه خواهند شد، حال بر روی دکمه Save Css کلیک کنید تا تغییرات ذخیره شده و استایل قالب تغییر یابد.

موفق باشید

این مقاله چقدر براتون مفید بود؟

از ۱ تا ۵ امتیاز بدید.

میانگین رتبه 0 / 5. تعداد رای : 0

تا حالا کسی رای نداده! اولین نفر شما باشید.

دانلود نسخه : 1.1.4

هاست ارزان، لایت اسپید، سرور مجازی منطبق با اسکریپت های 20script کلیک کنید >

خرید ارز
مطلب مفیدی بود ؟
نویسنده : تیم محتوای 20اسکریپت 0 افزونه ها , افزونه وردپرس
لینک کوتاه مطلب : https://www.20script.ir/?p=26492
کلمات کلیدی پست :
مطالب مرتبط
7,128قالب شرکتی وردپرس Corporate Portfolio فارسی تاریخ : 2018/03/18
12,232دانلود قالب وردپرس Flozen – قالب فروشگاهی آژاکس برای وردپرس تاریخ : 2023/11/3
9,472قالب وردپرس وبلاگی Moderne فارسی تاریخ : 2018/07/2
11,616دانلود پوسته رایگان مجله خبری Newspapik برای وردپرس تاریخ : 2018/12/13
87,824افزونه وردپرس YellowPencil – افزونه ویرایشگر حرفه ای وردپرس تاریخ : 2022/06/24
12,807قالب مجله خبری بازی NewsGamer برای وردپرس تاریخ : 2016/10/30
8,807پوسته شرکتی Savia نسخه 1.2 برای وردپرس تاریخ : 2016/02/10
12,524دانلود قالب وردپرس مترو One Touch نسخه 2.7.5 تاریخ : 2016/02/19
29,033دانلود قالب وردپرس اندروید RiseRoid فارسی تاریخ : 2017/01/22
7,621دانلود قالب وردپرس شرکتی Suffice فارسی تاریخ : 2018/02/13
2,172دانلود قالب Dali – قالب فیلم ها و برنامه های تلویزیونی برای وردپرس تاریخ : 2023/12/21
3,316دانلود قالب Bacola – قالب فروشگاه مواد غذایی برای وردپرس تاریخ : 2022/12/15
برخی از قالب های وبلاگ - بیست اسکریپت
قالب عشق بین انگشت هاقالب عشق بین انگشت ها
قالب دخترونه و آرایشقالب دخترونه و آرایش
قالب زیبای ماشینقالب زیبای ماشین
قالب فانتزی و طنز چِشمقالب فانتزی و طنز چِشم
قالب دختر رویاییقالب دختر رویایی
قالب وبلاگ دکوراسیونقالب وبلاگ دکوراسیون
قالب وبلاگ کلبه و درختقالب وبلاگ کلبه و درخت
قالب دختر زیباقالب دختر زیبا
قالب پسرونه غمگینقالب پسرونه غمگین
قالب عاشقانه قلبقالب عاشقانه قلب
بیست اسکریپت
اسکریپت
profile
sourceforge
profile webmaster
profile check
checker list
checker
checker
upload file