انجام شخصی سازی با یک پیش نمایش در زمان واقعی در وبلاگ خود بسیار آسان تر و بسیار رضایت بخش تر است ، درصورتی که این فرصت را داشته باشید که تغییرات مختلف را به محض ایجاد مشاهده کنید. بهترین راه برای ایجاد تغییرات قابل اجرا در زمان واقعی ، البته با استفاده از یک افزونه است.
سفارشی سازی CSS ویژگی ای است که توسط چندین افزونه در آن ارائه شده است WordPress.org. اگر به دنبال افزونه ای هستید که یک صفحه سبک ایجاد می کند (کد CSS) ، شما چندین گزینه در دسترس دارید. اما ، گرچه افزونه های زیادی وجود دارد که می توانید برای ایجاد کد CSS سفارشی استفاده کنید ، گزینه های بسیار کمی وجود دارد که ویرایش کد CSS را در زمان واقعی ارائه می دهند.
بنابراین پس از کاوش در فهرست افزونه ها برای یافتن راه حلی برای این محدودیت ، موفق شدم نگین های کمیاب را پیدا کنم که شایسته توجه ما هستند.
اما قبل از آن ، اگر هرگز WordPress را نصب نکرده اید کشف کنید نحوه نصب a وبلاگ وردپرس در 7 مرحله et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود
سپس به این دلیل که چرا ما اینجا هستیم
1. مداد زرد: ویرایشگر سبک ویژوال CSS
Yellow Pencil یک ویرایشگر سبک بصری است که می توانید با هر موضوعی برای شخصی سازی وب سایت خود در عرض چند دقیقه (قلم ها ، رنگ ها ، انیمیشن ها و موارد دیگر ...) استفاده کنید.
Ce پلاگین وردپرس Premium استایل های CSS را ایجاد می کند زمینه در حالی که شما با رنگ ها مانند یک بازی بازی می کنید. این برنامه هم برای کاربران مبتدی و هم با تجربه طراحی شده است.
ما را نیز کشف کنید افزونه های 5 وردپرس برای نمایش اعلان ها
هیچ دانش کدنویسی مورد نیاز نیست. با این حال پلاگین وردپرس یک ویرایشگر CSS خوب برای کسانی که دوست دارند کدنویسی کنند. می توانید با این ویرایشگر به صورت زنده کدنویسی کنید و CSS خود را سفارشی کنید.
دانلود | نسخه ی نمایشی | میزبانی وب
2. آسان JS سفارشی و CSS
Ce پلاگین وردپرس Premium یک ویرایشگر کد CSS و جاوا اسکریپت قدرتمند است که به شما امکان می دهد آنها را به هر بخش از وب سایت خود اضافه کنید. این به شما امکان می دهد تا سفارشی سازی های خود را حتی پس از به روز رسانی اصلی خود حفظ کنید تم وردپرس. 
شما این امکان را دارید که زمینه استفاده از کد شخصی خود را محدود کنید. به عنوان مثال ، شما می توانید از کد خود فقط برای مقاله ای با قالب فیلم استفاده کنید.
مقالات ما را در اینجا مشاهده کنید نحوه نیاز به پذیرش شرایط استفاده در وردپرس
یا می توانید کد خود را به a محدود کنید تم وردپرس خاص اگر مکرراً تم ها را برای خود تغییر دهید، مفید است وبلاگ وردپرس.
دانلود | نسخه ی نمایشی | میزبانی وب
3. سفارشی JS و CSS برای گوتنبرگ
افزونه وردپرس برتر JS و CSS سفارشی برای گوتنبرگ به شما امکان می دهد تعداد نامحدودی از سبک های سفارشی را برای پست ها و صفحات وردپرس خود به ویرایشگر WYSIWYG اضافه کنید. کاملاً با نسخه گوتنبرگ وردپرس سازگار است.
شما به سادگی می توانید با استفاده از یک ویرایشگر CSS ، یک سبک جدید ایجاد کنید. این افزونه وردپرس ویژگی های این برنامه را گسترش می دهد زمینه های سفارشی وب سایت خود را تغییر داده و به شما امکان می دهد زمینه های دلخواه خود را با یک ماژول شخصی سازی پویا و قدرتمند تغییر دهید. و عملکرد پیش نمایش زمان واقعی این افزونه WordPress آن را بسیار راحت و کاربر پسند می کند.
دانلود | نسخه ی نمایشی | میزبانی وب
4. پیشرفته CSS ویرایشگر
ThemeIsle و شرکت محصولات وردپرس Wunderkind این افزونه را توسعه دادند. پس از نصب و فعال سازی دومی، به مکان زیر بروید. ظاهر> شخصی سازی برای دسترسی به داشبورد و جستجوی "Advanced CSS Editor" در منو. در بالای لیست موارد منو در فهرست ظاهر می شود سفارشی. 
برای تغییر کد CSS ، تنها کاری که باید انجام دهید این است که وقتی روی "منو" کلیک می کنید ، یک انتخابگر و قانونی که برای آن اعمال می شود اضافه کنید. پیشرفته ویرایشگر CSS"
همچنین ببینید چگونه صفحات بد با کیفیت وبلاگ خود را بهبود ببخشیم
قوانین CSS را می توان برای اعمال عمومی یا هدف قرار دادن یک عنصر خاص در دستگاه های خاص نوشت (رایانه ، تلفن ، تبلت و غیره). به محض نوشتن قوانین ، Customizer پیش نمایش را با تغییراتی که ایجاد شده است نمایش می دهد.
دانلود | نسخه ی نمایشی | میزبانی وب
5. CSS SiteOrigin
این افزونه وردپرس است که بیشترین گزینه ها را در این لیست ارائه می دهد. شگفت انگیزترین نکته در مورد مورد دوم رایگان بودن آن است. این افزونه وردپرس تنها افزونه ای است که در سفارشی ساز یافت نمی شود.
پس از نصب و فعال سازی افزونه، باید به مکان زیر بروید. ظاهر> CSS سفارشی برای دسترسی به نسخه CSS افزونه. در این صفحه ، ویرایشگر متنی را مشاهده می کنید که پیش نمایش زنده را ارائه نمی دهد.
مقاله ما را نیز بخوانید افزونه های 10 وردپرس برای افزایش فروش وب سایت شما
برای دسترسی به دومی ، باید روی یکی از دو دکمه سمت راست ، درست بالای ویرایشگر کلیک کنید. دکمه دارای نماد چشم ویرایشگر کد CSS تصویری را به نمایش می گذارد که علاقه مندان از آن استقبال می کنند. نماد با پیکانهای پسوند یک ویرایشگر متن را نشان می دهد که به معنی تسلط بر کدهای CSS است.
دانلود | نسخه ی نمایشی | میزبانی وب
سایر منابع پیشنهادی
ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.
- پلاگین های WordPress 7 برای بهینه سازی جستجوگرها از تصاویر در وب سایت شما
- چگونه یک اسپانسر پیدا کنیم و از وبلاگ خود کسب درآمد کنیم؟
- نحوه حذف string v = xxx از URL های وردپرس
- نحوه اضافه کردن پیمایش نامحدود به یک وبلاگ وردپرس
نتیجه
اینجاست! این همه برای این لیست است افزونه های برتر وردپرس به شما کمک می کند تا CSS را در وبلاگ خود ویرایش کنید. اگر داشته باشید نظر یا پیشنهادات خود ، دریغ نکنید که در بخش رزرو شده به ما اطلاع دهید.
با این حال می توانید با ما نیز مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.
ما از شما دعوت می کنیم در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید.
...
