WordPress sitenizi doğrudan düzenlemek için 5 ücretsiz CSS eklentisi
WordPress sitenizin görünümünü ön uçta ayarlamak daha hızlı ve daha kolay değil, daha tatmin edici değil-değişikliklerinizi doğrudan yaptığınızda görebildiğinizde. Ve elbette eklentilerle doğrudan CSS düzenlemenin en iyi yolu. WordPress eklentisindeki bol özel CSS eklentisi. Özel bir CSS stil sayfası üretecek bir eklenti arıyorsanız, aralarından seçim yapabileceğiniz birçok seçeneğiniz vardır. Ancak özel CSS dosyaları oluşturmak için kullanabileceğiniz birçok eklenti olsa da, doğrudan önizleme özellikleriyle özel bir stil sayfasını eşleştirenleri arıyorsanız daha az seçenek vardır.
Bu nedenle, doğrudan önizleme özelliklerine sahip özel CSS eklentileri için dizini keşfettikten sonra, en iyi beşi izliyorum ve test ediyorum. En iyisi, her şey ücretsiz!
Gelişmiş CSS editörü
CSS kuralları, küresel olarak uygulanacak veya masaüstü bilgisayarlar, tabletler veya cep telefonları gibi belirli cihazları hedeflemek için yazılabilir. Kurallar yazıldığında, web sitesi ayarlamasının önizlemesi güncellenir, düzenlemenin doğrudan gözden geçirilmesini sağlar. Bir tablet veya cep telefonu ekranı seçerseniz, tarayıcı görünüm alanı otomatik olarak değiştirilir, böylece önizleme değişikliklerini bu boyutta göründüğü gibi görebilirsiniz. Özet: Cihaz hedefleme yetenekleri ile düzgün ve güçlü. Seçimler tarafından boğulmadan farklı boyutlarda cihazları hedeflemek istiyorsanız kullanın. Gelişmiş CSS düzenleyicisiyle ilgileniyor musunuz?
indirmek
Yadav’ın bağımsız eklentisinin geliştiricisinden eklenti, en basit canlı düzenli CSS eklentisi için ödül kazandı. Eklentiyi yükledikten ve etkinleştirdikten sonra, görünüşe giden yolu bulun> özelleştirin ve Özel CSS sekmesinin özelleştirici menü öğesi listesine eklendiğini göreceksiniz. Menü öğesini açın ve CSS kurallarının yazılabileceği bir metin kutusu bulacaksınız. Kuralları metin kutusuna yazdığınızda, ayarlamaların önizlemesi değişikliği yansıtacak şekilde otomatik olarak güncellenir. Otomatik ön ayar daha küçük cihazları hedeflemek için bir eklentiye konulmasa da, eklenti medya sorguları alır, böylece belirli görünümlerin durma noktasını hedefleyen bir stil yazabilirsiniz. Özet: Ölüm-basit ve ışık. Özelliklerden ziyade basitliğe saygı duyuyorsanız kullanın. Ilgilenen ?
indirmek
CSS modüler özel
WordPress temasını sık sık değiştirir misiniz? Eğer öyleyse, bu hayal ettiğiniz CSS düzenleme eklentisidir. Görünüşe girerek yükleyin, etkinleştirin ve bulun> Özelleştirin. Ardından, özelleştirici menüsünün altında bulacağınız Özel CSS sekmesini seçin. Bu eklenti ile belirli temalar veya agnostik temalar olan CSS kuralları yazabilirsiniz: belirli kural temaları yalnızca aktif temalara uygulanacaktır. Temaları değiştirme ve kullanım, geri dönme ve daha önce yazdığınız temaların özel kuralları için özel bir siyah boş tema tahtası verilir. Tema-agnostik kuralları, hangi temaların aktif olduğuna bakılmaksızın uygulanacaktır. Temalar ve tema-agnostik kurallarının değiştirilmesi uygulanmaya devam edecektir.
Çello ifadeleri sitesindeki eklentiler hakkında daha fazla bilgi edinebilirsiniz.
Özet: Bu listedeki diğer adaylar tarafından eşsiz bir tema aktarımı özelliği ile kullanımı kolay. Sık sık temaları değiştirirseniz ve özellikle temalar ve temalar-agnostik temalar yazabilmek istiyorsanız kullanın. CSS Modüler Custom ile ilgileniyor musunuz?
indirmek
Sitenin CSS kökeni
Şimdiye kadar bu listedeki en eksiksiz özelliklere sahip eklenti olan CSS siteorigin, ücretsiz olduğu düşünüldüğünde şaşırtıcı derecede çok güçlü.
Bu eklenti, doğrudan önizleme özelliğini etkinleştirmek için özelleştirici (görünüm> özelleştir) kullanmayan tek eklentidir. Eklentiyi yükledikten ve etkinleştirdikten sonra, Styles sayfası eklentisine erişmek için görünüm> Özel CSS açın. Bu sayfada, doğrudan inceleme içermeyen metin editörlerini göreceksiniz. Önizlemeye doğrudan erişmek için, sağda görünen iki düğmeden birini metin kutusunun hemen üstünde tıklayın. Göz simgeleri olan düğmeler, kullanımı kolay olan ve teknik olmayan tasarımcılar tarafından değerlenecek görsel CSS editörlerini açacaktır. Yaygın Arrow simgesi, CSS kurallarını manuel olarak yazmanızı gerektiren görsel bir düzenleyici sürümüdür. CSS Visual Editor, çok sayıda CSS sözdizimi bilmeye gerek kalmadan çeşitli metin, dekorasyon ve düzen seçeneklerini ayarlamayı kolaylaştıran bir dizi kontrol sağlar. Bu listedeki tüm CSS editörlerinden, Siteorigin CSS eklentisinin görsel düzenleyici modu, teknik olmayan WordPress kullanıcıları için en kullanıcı dostudur. CSS görsel editörlerini kullanarak öğeleri düzenlemek için düzenlemek istediğiniz öğeleri tıklayarak başlayın. Ardından, mevcut metin seçeneklerini, dekorasyon ve düzeni kullanarak öğe özniteliklerini ayarlayın. Değişiklik yaptığınızda gözden geçirilir. CSS’yi manuel olarak düzenlemeyi tercih ederseniz, görünüm> Özel CSS sayfasından göz simgesinden genişletilmiş bir ok simgesi seçin. Bu önizleme modu, CSS kurallarının tarayıcının sol tarafındaki metin alanına manuel olarak yazılması istisnası dışında Visual Editor modu ile işbirliği içinde.
İki önizleme modunun herhangi bir öğesine tıkladığınızda, sayfadaki herhangi bir öğeyi tıklayarak ve daha sonra bir veya birkaç önerilen seçmenden oy kullanan, azalan özgüllük sırasına göre kaydedilen, görünen bir veya birkaç önerilen seçmenden oy kullanmanıza izin verdiğinizde sektör önerilir. Ekran önizleme düzenleyicisinin altındaki panel.
Örneğin, sağdaki resimde merhaba dünyayı tıklıyorum! Ve eklentiler, öğeleri hedeflemek için kullanılabilecek dört seçmen olasılığını önermektedir. Önerilen seçmenlerin hemen üzerindeki kimliklerden birini tıklamak daha spesifik seçmenler yapacak. Bu eklenti, gerekirse saklanan CSS kurallarının önceki sürümüne geri dönebilmeniz için CSS revizyonları geçmişine sahiptir. Bu eklentiyi beğenmek için birçok neden olmasına rağmen, iyileştirme ihtiyacı olarak adlandırılabilecek iki alan vardır.
Visual CSS Düzenleyicisi’nde bulunan tüm seçenekler çok sezgisel değildir. Örneğin, Font Ailesi seçeneği ve Metin Gölgesi yalnızca boş bir metin kutusudur. CSS sözdizimini biliyorsanız, bunu bilmek çok zor değildir. Ancak, CSS’nin sözdizimini bilmiyorsanız, bu seçeneği bulmak zorluklara yol açabilir.
Özet: Tam ve güçlü özellikler. Birçok değişiklik yapmanız gerekiyorsa ve gerçekten herhangi bir CSS yazmak zorunda kalmadan özel CSS yazmayı kolaylaştıran bir eklenti istiyorsanız kullanın.
Siteorigin CSS ile ilgileniyor musunuz?
indirmek
CSS Kustom TJ
Bu ücretsiz eklenti, WordPress tema geliştiricisi tema ajansı temajunkie’den gelir (ancak TJ diyebilirsiniz). Eklentiyi yükledikten ve etkinleştirdikten sonra, iki farklı yere özel CSS ekleyebilirsiniz:
Görünüm> Özel CSS, Renk Sözdizimi önerileriyle birlikte bulunan metin editörü. Görünüm> Özelleştirme için gezinerek erişebileceğiniz özel CSS özelleştirici menü öğelerinde.
Ayarlamalarda özel bir CSS menü öğesi kullanılırken, ayar otomatik olarak ayarlamanın önizlemesine uygulanır. Ancak, CSS’nizde hata ayıklamak istiyorsanız, kapalı olmayan kuralların bir koleksiyonunu ve diğer sözdizimi hatalarını bulmaya ve geliştirmeye yardımcı olmak için bir renk kodu sinyali içeren metin düzenleyicisi ekranına geçin.
Özet: Doğuştan gelen sözdizimi vurgulama metninin editörü ile kullanımı kolay. CSS sözdizimi hatalarını bulmanıza ve düzeltmenize yardımcı olacak basit ve hafif bir eklenti istiyorsanız kullanın. TJ Custom CSS ile ilgileniyor musunuz? indirmek
Ve en iyi doğrudan düzenleme eklentisi … favorimi seçemiyorum. Bu eklentilerin her biri farklı tasarımcı türleri için cazip olacak ve belirli CSS kodlama görevlerini yerine getirmek için en uygun olacaktır. Bu eklentilerden birini kullandınız mı? Listeden ayrılmayı hak ediyoruz? Bize aşağıdaki yorumlarda anlatın. Etiket:
CSS
Ücretsiz eklenti
Eklenti
