انجام شخصی سازی با یک پیش نمایش در زمان واقعی در وبلاگ خود بسیار آسان تر و بسیار رضایت بخش تر است ، درصورتی که این فرصت را داشته باشید که تغییرات مختلف را به محض ایجاد مشاهده کنید. بهترین راه برای ایجاد تغییرات قابل اجرا در زمان واقعی ، البته با استفاده از یک افزونه است.
سفارشی سازی CSS ویژگی ای است که توسط چندین افزونه در آن ارائه شده است WordPress.org. اگر به دنبال افزونه ای هستید که یک صفحه سبک ایجاد می کند (کد CSS) ، شما چندین گزینه در دسترس دارید. اما ، گرچه افزونه های زیادی وجود دارد که می توانید برای ایجاد کد CSS سفارشی استفاده کنید ، گزینه های بسیار کمی وجود دارد که ویرایش کد CSS را در زمان واقعی ارائه می دهند.
بنابراین پس از کاوش در فهرست افزونه ها برای یافتن راه حلی برای این محدودیت ، موفق شدم نگین های کمیاب را پیدا کنم که شایسته توجه ما هستند.
اما قبل از آن ، اگر هرگز WordPress را نصب نکرده اید کشف کنید چگونه به نصب یک وبلاگ وردپرس مراحل 7 et چگونه برای پیدا کردن، نصب و فعال یک تم وردپرس در وبلاگ خود
سپس به این دلیل که چرا ما اینجا هستیم
1. مداد زرد: ویرایشگر سبک ویژوال CSS
مداد زرد یک ویرایشگر بصری سبکی که می توانید با هر موضوعی برای شخصی سازی وب سایت خود در عرض چند دقیقه (فونت ها، رنگ ها، انیمیشن ها و موارد دیگر...) استفاده کنید.
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 وردپرس برای افزایش فروش وب سایت شما
برای دسترسی به دومی، باید روی یکی از دو دکمه نمایش داده شده در سمت چپ، درست بالای ویرایشگر کلیک کنید. دکمه ای که نماد چشمی دارد، a را نمایش می دهد ویرایشگر بصری کد CSS که آماتورها از آن استقبال خواهند کرد. نماد با فلش های برنامه افزودنی یک ویرایشگر متن را نشان می دهد که به تسلط بر کدهای CSS نیاز دارد.
دانلود | نسخه ی نمایشی | میزبانی وب
سایر منابع پیشنهادی
ما همچنین از شما دعوت می کنیم تا با منابع زیر مشورت کنید تا بیشتر در کنترل و کنترل وب سایت و وبلاگ خود باشید.
- پلاگین های WordPress 7 برای بهینه سازی جستجوگرها از تصاویر در وب سایت شما
- چگونه یک اسپانسر پیدا کنیم و از وبلاگ خود کسب درآمد کنیم؟
- نحوه حذف string v = xxx از URL های وردپرس
- نحوه اضافه کردن پیمایش نامحدود به یک وبلاگ وردپرس
نتیجه
اینجاست! این همه برای این لیست است افزونه های برتر وردپرس به شما کمک می کند تا CSS را در وبلاگ خود ویرایش کنید. اگر داشته باشید نظر یا پیشنهادات خود ، دریغ نکنید که در بخش رزرو شده به ما اطلاع دهید.
با این حال می توانید با ما نیز مشورت کنید ressourcesاگر برای اجرای پروژه های ایجاد سایت های اینترنتی به عناصر بیشتری احتیاج دارید ، با مشورت راهنمای ما در مورد ایجاد وبلاگ وردپرس یا یکی در Divi: بهترین تم وردپرس در همه زمان ها.
ما از شما دعوت می کنیم در شبکه های اجتماعی مورد علاقه خود به اشتراک بگذارید.
...