ویرایش لحظه ای CSS سایت وردپرسی

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

خرید هاست وردپرس

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

بنابراین پس از بررسی افزونه های CSS سفارشی با قابلیت پیش نمایش زنده، چندین مورد از بهترین ها را برایتان آماده کرده ایم.

در ادامه به شما چند پلاگین عالی برای ویرایش لحظه ای css سایت وردپرسی تان که همه هم رایگان هستند معرفی میکنیم.

Customizer Custom CSS

پلاگین Customizer Custom CSS از توسعه دهنده افزونه Bijay Yadav برنده جایزه ساده ترین افزونه CSS ویرایش زنده می شود. زمانی که تب را نصب کردید و آن را فعال کرد، مسیر خود را به Appearance > Customize پیدا کنید و ببینید که یک Custom CSS به لیست آیتم های منوی Customizer اضافه شده است. آیتم منو را باز کنید و یک کادر متنی پیدا کنید که کدهای CSS را می‌توان در آن نوشت.

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

خلاصه: اگر برایتان مهم است، بهترین گزینه باشد.

Modular Custom CSS

آیا تم های وردپرس را مرتب تغییر می دهید؟ اگر چنین است، Modular Custom CSS همان پلاگین ویرایش CSS است که شما آرزویش را داشتید.

آن را نصب کنید، آن را فعال کنید و با رفتن به Appearance > Customize آن را پیدا کنید. سپس تب Custom CSS را انتخاب کنید که در پایین منوی Customizer خواهید دید.

با استفاده از این افزونه، می‌توانید با وارد کردن کد های CSS ، سایت وردپرسی خود را بصورت لحظه ای ویرایش کنید.

همچنین می توانید در سایت Cello Expressions اطلاعات بیشتری در مورد این افزونه پیدا کنید.

خلاصه: استفاده آسان، با قابلیت تغییر تم که در مقایسه با سایر نامزدهای این لیست بی نظیر است. اگر مکرراً تم ها را تغییر می دهید و می خواهید بتوانید کد های CSS خاص و مضمونی را بنویسید از آن استفاده کنید.

SiteOrigin CSS

SiteOrigin CSS، دارای بیشترین ویژگی بین افزونه های این لیست است. با توجه به رایگان بودن آن به طرز شگفت‌آوری قدرتمند است.

این افزونه تنها پلاگین موجود در این لیست است که از Customizer (ظاهر > سفارشی سازی) برای تقویت ویژگی پیش نمایش زنده استفاده نمی کند. پس از نصب و فعال سازی افزونه، به Appearance > Custom CSS بروید تا به شیوه نامه افزونه دسترسی داشته باشید. در آن صفحه، یک ویرایشگر متن خواهید دید که شامل پیش نمایش زنده نیست.

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

ویرایشگر CSS بصری مجموعه ای از قابلیتها را ارائه می دهد که تنظیم طیف گسترده ای از گزینه های متن، دکوراسیون و چیدمان را بدون نیاز به دانستن سینتکس CSS آسان می کند. از میان تمامی ویرایشگرهای CSS در این لیست، حالت ویرایشگر بصری پلاگین SiteOrigin CSS برای کاربران غیر فنی وردپرس کاربرپسندترین حالت است.

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

هر یک از این پلاگین ها برای نوع متفاوتی از طراحان جذاب هستند و برای انجام وظایف خاص کدنویسی CSS مناسب هستند.

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