دوره جامع سئو وردپرس

تبلیغات
طراحی و بهینه سازیمشاهده


آخرین ارسال های تالار مشاهده انجمن
  • تغییرات در ترجمه 1 پاسخ 6 بازدید
  • بازنشدن منو 0 پاسخ 11 بازدید
  • آموزش روند فارسی سازی 11 پاسخ 93 بازدید
  • ▐ معرفی سایت های کاربردی و مفید ▐ 2 پاسخ 247 بازدید
  • نصب همه دمو ها 0 پاسخ 8 بازدید
  • درخواست اسکریپت تغییر تگ آنلاین موزیک 2 پاسخ 32 بازدید
  • ثبت نظر 1 پاسخ 20 بازدید
  • درخواست افزونه ای جهت منو دسته بندی برای ووکامرس 4 پاسخ 133 بازدید
  • مشکل با ووکامرس و نمایش قیمت اجباری 0 پاسخ 26 بازدید
  • دسترسی کاربران 0 پاسخ 22 بازدید
  • هاست

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

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

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

     

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

     

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

     

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

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

     

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

     

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

     

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

     

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

     

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

     

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

     

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

    موفق باشید

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


    جای تبلیغ متنی


    مطلب مفیدی بود ؟
    نویسنده : mohammad 0 افزونه ها , افزونه وردپرس

    لینک کوتاه مطلب : https://www.20script.ir/?p=26492

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    9,158دانلود پوسته فروشگاهی برانچی Branchy برای وردپرس تاریخ : 1394/10/16
    7,143عدم نمایش مطالب دسته خاص صفحه اصلی وردپرس تاریخ : 1393/02/6
    9,022پوسته نقد و بررسی فیلم AmyMovie برای وردپرس تاریخ : 1395/12/29
    968قالب چندمنظوره وردپرس Airi فارسی تاریخ : 1398/04/30
    4,193قالب وردپرس eVid نسخه 4.3 الگانت تم تاریخ : 1392/11/25
    4,698دانلود قالب چندمنظوره MikMag نسخه 3.4.2 برای وردپرس تاریخ : 1394/06/17
    2,696قالب شرکتی وردپرس Advent فارسی تاریخ : 1397/02/29
    4,962پوسته ماه رمضان برای وردپرس در چهار رنگ تاریخ : 1393/04/8
    2,336قالب ثبت آگهی و نیازمندی ها AdForest برای وردپرس تاریخ : 1397/12/2
    7,460دانلود قالب خبرآنلاین برای وردپرس تاریخ : 1393/10/23
    24,127قالب زیبای شهر خبر برای وردپرس تاریخ : 1393/03/21
    4,712دانلود قالب پرشین یوزر برای وردپرس تاریخ : 1395/09/14
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب