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


آخرین ارسال های تالار مشاهده انجمن
  • قالب همکاری در فروش پاساژ وردپرس * به روزرسانی شد 0 پاسخ 11 بازدید
  • مشکل با ایجاد دسته در وردپرس 0 پاسخ 9 بازدید
  • درخواست ساخت لوگو 0 پاسخ 15 بازدید
  • بازی خروس جنگی 0 پاسخ 10 بازدید
  • نرم افزار هلو 0 پاسخ 12 بازدید
  • سوال درمورد دیزاین اسکریپت 4 پاسخ 28 بازدید
  • گلکسی نوت 8 4 پاسخ 34 بازدید
  • طراحی سایت شخصی و باهدف برندسازی 0 پاسخ 12 بازدید
  • از دسترس خارج کردن دسته بندی خاص 2 پاسخ 28 بازدید
  • هزینه ارسال متفاوت 0 پاسخ 16 بازدید
  •  

    آموزش وردپرس WordPressآموزش وردپرس WordPress سایت

    آموزش جی کوئری jQueryآموزش جی کوئری jQuery جاوا اسکریپت

    آموزش انگولار جی اس Angular JS آموزش انگولار جی اس 2 AngularJS 

    آموزش اچ تی ام ال HTML5 CSS3آموزش HTML5 و CSS3 اچ تی ام ال 5

    آموزش پی اچ پی PHPآموزش پی اچ پی PHP پک 1 برنامه نویسی وب

    آموزش سئو SEO آموزش سئو سایت و وردپرس SEO گوگل 

    آموزش هک قانونی آموزش هک قانونی - نفوذ و امنیت - پک1

    آموزش برنامه نویسی اندروید استودیو  آموزش برنامه نویسی اندروید استودیو  

    آموزش زامارین Xamarinآموزش زامارین Xamarin برنامه نویسی موبایل

    هاست

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

    افزونه ها , افزونه وردپرس
    ویرایش آنلاین کدهای استایل وردپرس با افزونه SiteOrigin CSSReviewed by M J on Jul 8Rating: 4.0ویرایش آنلاین کدهای استایل وردپرس با افزونه SiteOrigin CSSویرایش آنلاین کدهای استایل وردپرس این امکان را به شما خواهد داد تا مشابه ابزار Inspect Element مرورگر اقدام به ویرایش کدهای استایل قالب وردپرس و یا افزونه‌هایی که از آنها استفاده می‌کنید اقدام کنید، اما با امکاناتی بیشتر و امکان ویرایش آسان‌تر برای کاربران مبتدی که آشنایی با کدنویسی ندارند. در این مقاله از بیست اسکریپت قصد دارم به معرفی افزونه‌ای برای ویرایش آنلاین کدهای استایل وردپرس بپردازم که با استفاده از آن قادر خواهید بود تا هر بخش از وبسایت را انتخاب کرده و سپس موارد مربوط به تغییر استایل را برای بخش مورد نظر ویرایش کنید. این افزونه به راحتی تمامی آی‌دی و کلاس‌های Css را شناسایی کرده و سریعا قادر خواهید بود تا اقدام به تغییر استایل قالب خود کنید.

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

     

     

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

     

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

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

     

     

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

     

     

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

     

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

     

     

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

    موفق باشید


    به کانال تلگرام بیست اسکریپت بپیوندید !

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

    دستگاه جوجه کشی

    مطلب مفیدی بود ؟
    نویسنده : admin تاریخ : 1396/04/17 0 افزونه ها , افزونه وردپرس

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

    کلمات کلیدی پست :
    درگاه پرداخت
    مطالب مرتبط
    1,934قالب وردپرس eList نسخه 2.7 الگانت تم تاریخ : 1392/11/11
    2,814دانلود قالب رستوران داری Brasserie فارسی برای وردپرس تاریخ : 1394/06/3
    6,417قالب آقای موزیک ( Mr Music ) برای وردپرس تاریخ : 1393/11/23
    3,483دانلود قالب فتوگرافی و نمونه کار Photolio نسخه 1.7.7 برای وردپرس تاریخ : 1394/07/18
    6,822دانلود قالب زیبای جوک کده برای وردپرس تاریخ : 1393/03/8
    4,196قالب شرکتی و حرفه ای Porto برای وردپرس تاریخ : 1393/10/2
    10,980دانلود پوسته مذهبی بهشت برای وردپرس تاریخ : 1393/06/23
    1,040قالب وردپرس مخصوص موبایل Metro Mobile تاریخ : 1395/11/1
    3,955افزونه ویرایشگر قالب مداد زرد Yellow Pencil نسخه 5.3.4 تاریخ : 1395/03/16
    4,044دانلود قالب مجله ای و وبلاگی لاگر برای وردپرس تاریخ : 1394/01/3
    4,451دانلود قالب وردپرس تک صفحه ای خلاقانه Jarvis نسخه 3.6.2 تاریخ : 1394/11/9
    9,183دانلود قالب وردپرس باشگاه ورزشی Real Soccer تاریخ : 1393/12/17
    برخی از قالب های وبلاگ - بیست اسکریپت
    قالب عشق بین انگشت ها
    قالب دخترونه و آرایش
    قالب زیبای ماشین
    قالب فانتزی و طنز چِشم
    قالب دختر رویایی
    قالب وبلاگ دکوراسیون
    قالب وبلاگ کلبه و درخت
    قالب دختر زیبا
    قالب پسرونه غمگین
    قالب عاشقانه قلب