CSS Kahraman İncelemesi (2022): #1 Canlı WordPress Tema Düzenleyici Eklentisi
Yayınlanan: 2022-03-17Bir web sitesi, bir işletme için en önemli pazarlama aracıdır. Potansiyel müşterilerin şirketiniz hakkında sahip olacağı ilk izlenimdir. İyi tasarlanmış bir web sitesi, yeni müşteriler çekmenize ve geri gelmelerini sağlamanıza yardımcı olabilir.
Bu nedenle, web sitenizin kullanıcı deneyimini iyileştirmenin harika bir yolunu arıyorsanız, CSS Hero kullanmayı düşünmelisiniz.
Tek bir yanlış kod satırının veya virgül eksikliğinin web sitenizi mahvedebileceğini anlamak kolaydır. Bu nedenle çoğu sayfa oluşturucu ile web sitenizi görsel olarak kolayca özelleştirebilirsiniz.
Yine de herkes Elementor veya WP Bakery'den hoşlanmaz. Onlar için CSS bir baş ağrısıdır çünkü WordPress teması ihtiyaç duydukları düzenleme yeteneğine sahip olmayabilir.
Bu zorlukların üstesinden gelmek için CSS Hero WordPress eklentisini kullanabilirsiniz. Bir kodlama satırına dokunmak zorunda kalmadan WordPress siteniz için CSS kodunu otomatik olarak oluşturur .
Bu harika araç hakkındaki düşüncelerimi burada paylaşıyorum. Ayrıca, bundan en iyi şekilde nasıl yararlanılır.
CSS Kahramanına Karşı Sarı Kalem: Karşılaştırılanların En İyisi'ni okuyabilirsiniz.
CSS Kahraman İncelemesi: Hızlı Bir Giriş
CSS Hero, web sitenizin tema görünümünü yönetmenize ve özelleştirmenize yardımcı olan görsel bir CSS düzenleyicisidir. Özel stiller oluşturmanıza ve bunları sayfanızdaki belirli öğelere uygulamanıza ve etkilerini gerçek zamanlı olarak önizlemenize yardımcı olacak bir dizi araç sağlar.
Sağladığı araçlar, herhangi bir CSS kodu yazmadan ortak stiller ve özel stiller eklemenize izin veren CSS Sınıflarıdır. CSS kahramanı, öğeleri sıfırdan oluşturduğunuz veya düzenlediğiniz bir sayfa oluşturucunun aksine, bunları yine de değiştirmenize olanak tanır.
Geri al ve yinele özelliği, yeni başlayanların herhangi bir WordPress temasını bozmadan yükseltmelerine yardımcı olur. Görsel düzenleyici, öğeleri tıklamanıza ve değişiklikleri canlı bir önizlemede görmenize olanak tanır.
CSS Hero, tüm kodları ayrı bir dosyaya ekler, böylece herhangi bir şeyi değiştirirseniz CSS özelliklerini kaybetme konusunda endişelenmenize gerek kalmaz.
Ayrıca, özel CSS özellikleri değişikliklerini bir Alt Temaya ekleyebilir ve bunu istediğiniz zaman veya başka herhangi bir web sitesinde taşıyabilirsiniz.
CSS Kahramanının Temel Özellikleri Hızlı Görünüm
CSS Hero, kodlama gerektirmeyen bir Görsel CSS editörüdür. Hem yeni başlayanlar hem de uzman CSS geliştiricileri bundan faydalanabilir. Böylece her ikisi için de kullanılabilir hale getirmek için birçok özellik eklediler. İşte bunların bir listesi.
- Basit Kullanıcı Arayüzü
- Çok sayıda Özelleştirme
- Hazır stiller
- CSS Kahraman Müfettişi
- Karmaşık CSS Stili
- Dahili Renk Seçici
- Animatör
- Oluşturulan CSS
- Hafif Ayak İzi
- Arka Plan Resimleri Ekle
- Tablet Modu ile Canlı Mobil Önizleme
- 600'den fazla yazı tipi
- Herhangi bir Bölüm için video arka planı
- Görsel JS Editörü
- Canlı Önizlemeler
- Yerleşik Snippet
- Renk Paleti Kitaplığı
- Web sitesinin herhangi bir bölümünü düzenlemek için tıkanmayı açma
- Tasarım Giriş Sayfası
- İş Akışı geçmişi
Tüm bu mükemmel özelliklerin yanı sıra, premium aboneliklerle bazı bonuslar da alırsınız.
- Medya Sorgu Yöneticisi: Bu, farklı cihazlar için farklı ortamlar ayarlamanıza olanak tanır.
- CSS Code Exporter: Kodları sahne alanından canlı siteye aktarın.
- Hover Modu: Yeni sürüm, fareyle üzerine gelme modunun önizlemesini içerir.
CSS Hero Eklentisi Nasıl Kullanılır?
CSS Hero, WordPress sitesine manuel olarak yüklemeniz gereken premium bir eklentidir. Elementor sayfa oluşturucu gibi çalışır. Düzenlemek istediğiniz sayfayı açmanız ve “CSS Hero” butonuna tıklamanız gerekmektedir.
Düğmeye tıkladıktan sonra, belgelerle birlikte bir sol kenar çubuğu görünecektir. CSS kahramanının temellerini açıklayan belgeleri okuyabilirsiniz.
Temel olarak, CSS Hero'nun gelişmiş tema özelleştirmesinde size yardımcı olan bir WYSIWYG gelişmiş CSS editörü WordPress eklentisi olduğunu söylüyor.
Herhangi bir öğeye tıklayın, ekranın sol tarafında ve altında özelleştirilebilir seçenekler göreceksiniz. Ardından arka planı, yazı tiplerini, dolguyu, animasyonu, degradeyi, istediğiniz her şeyi değiştirebilirsiniz.
Ayrıca, herhangi bir bağlantı için bir kahraman düğmesi yapmak istiyorsanız, snippet özelliğini kullanabilirsiniz. Yalnızca bir düğme değil, alt gölge, ayırıcı, düğme simgeleri ekleyebilirsiniz.
İsterseniz, öğelere animasyonlar da ekleyebilirsiniz. Görsel CSS düzenleyicisi ile animasyon eklemek çok kolaydır; öğeleri tıklayın, sol kenar çubuğuna gidin ve animasyon ekleyin.
Arayüze Temel Bir Bakış:
CSS Hero'nun herhangi bir özel ayar alanı yoktur. Bunun yerine, basit bir ön uç arayüzü kullanır. Arayüz çoğunlukla sitenin canlı önizlemesidir.
“ CSS Hero butonuna ” tıkladıktan sonra solda Menü ve Denetçi Aracını göreceksiniz. Tüm duyarlı görüntüleme araçlarını üst merkezde alırsınız ve sağ üstte geri alma, yineleme, geçmiş ve araçlar dahil olmak üzere bulunur.
JS düzenleyicisini ve video entegrasyonunu diğer özelliklerle en altta bulabileceksiniz. Ayrıca, imleci bir öğenin üzerine getirmek içerik alanını gösterecek ve sağ tıklama veya sol tıklama, ayarlar sekmelerini açacaktır.
Sonuç olarak, Kullanıcı Arayüzü çok yeni başlayanlar için uygundur ve ayarlarda kaybolmak için fazla bunaltıcı değildir.
CSS Kahraman İncelemesi: Özelliklere Genel Bakış
Özelleştirme Seçenekleri/CSS Kahraman Düzenleyici:
CSS Hero menüsünde 3 özelleştirme ayarı alacaksınız: Özellikler, Parçacıklar ve Animasyon. Özellikler, düzenleme özelliklerinin çoğunu içerir. Arka plan rengini, yazı tipi stilini, arka plan rengini ve dönüşümü değiştirebilirsiniz.
Dolgu ekleme, kenarlıklar, boşluklar, öğeleri görüntüleme veya gizleme, konumlandırma ve ölçümler tüm bu düzenlemeler özellikler sekmesi altındadır.
Snippet, önceden hazırlanmış düğmeler ve gölge, bölücüler, arka plan resimleri vb. içerir. Tek bir öğeye birden çok tasarım ekleyebilirsiniz.
Ayrıca farklı ayarların kombinasyonlarını yaparak yeni tasarımlar ortaya çıkarabilirsiniz. Animasyon sekmesi, solma, kararma vb. gibi farklı animasyonlar eklemenize olanak tanır.
Duyarlı Önizleme:
CSS Hero, 4 tür duyarlı tasarım ayarına sahiptir. Web sitenizi Desktop, Tablet, Mobile responsive ayarları gibi tüm cihazlar için responsive hale getirebilirsiniz.
Sadece bu değil, Mobil ve Tablet için yatay ve dikey moda göre bile düzenleme yapabilirsiniz. Ayrıca herhangi bir cihaz için belirli bir bölümü gizleyebilirsiniz.
Örneğin, mobilde hızlı yükleme için kahraman bölümü videosunu gizleyebilirsiniz. Öte yandan, masaüstündeki arama düğmesini gizleyin.
Medya Sorgu Yöneticisi:
CSS Hero, tüm kodu farklı cihazlar için duyarlı hale getirir. Ancak, manuel düzenleme için de bir Medya Sorgu Yöneticisi sunar.
Örneğin, bir resmin masaüstünde görünmesini ancak mobilde görünmemesini istiyorsanız, bunu buradan yapabilirsiniz. Ayrıca mobil için resmin veya bölümün boyutunu değiştirebilirsiniz.
CSS Kahraman Denetçi Aracı:
CSS Hero denetçi aracı, web geliştiricileri için bir varlıktır. CSS kodlarınızı burada hassaslaştırabilirsiniz. İyi CSS seçicilerinden biri değilseniz, bu o kadar iyi çalışmayabilir.
Ancak bu özellik yalnızca Pro plan ve üzeri sürümlerde gelir. CSS kodunu temiz tutmak konusunda çok endişeli değilseniz, buna ihtiyacınız olmaz.
CSS Kodu Aktarıcı:
Bu, web sitesi geliştiricileri için harika bir özellik. Demoyu veya hazırlama web sitesini düzenleyebilir ve tüm kodu bir dosyaya aktarabilirsiniz. Canlı web sitesine aktarabileceğiniz bu dosyayı ekleyin ve site bakım altında tutulmadan tüm CSS'ler düzeltilir.
Revizyon Geçmişini Geri Al/Yinele:
Siteyi düzenlerken ilk başta beğenmeyeceğiniz, ancak bazı değişiklikler yaptıktan sonra geri dönmek isteyeceğiniz tasarımlarla karşılaşacaksınız. Orada geri al ve yinele düğmesi işe yarar.
Bir hata yaparsanız, herhangi bir şansla, CSS kahraman düğmesinin geri alınmasına tek bir tıklama her şeyi düzeltir. Ayrıca, değişiklikler arasında karşılaştırma yapmak isterseniz, yinele, geri al özelliği canlı CSS düzenleyicide bir cazibe işlevi görür.
En çok tarih butonunu seviyorum. İyileştirmeyi kontrol ederken düzenlemenin herhangi bir bölümüne gitmek istediğinizi varsayalım. Böylece CSS seçicilerin herhangi bir bölümüne tıklayabilir ve yaptığınız değişiklikleri sonuna kadar görebilirsiniz.
CSS Kahraman Entegrasyonları:
Sürüm 5'teki yeni güncellemelerden sonra, CSS Hero artık bir WordPress CSS düzenleyici eklentisinden daha fazlasıdır. JS kodunu işleyebilir ve birçok JS kitaplığı ile entegre edebilirsiniz. Sahnenin arkasındaki HTML kodunu gösteren Sayfa Denetçisi özelliğini de kontrol edebilirsiniz.
Bunlar dahil, yerleşik Unsplash ve Coverr entegrasyonu ile birlikte gelir. Unsplash, sınırsız telif ücretsiz görüntü sağlarken Coverr, videolar sağlar.
CSS Kahraman Performansı:
Arama motoru sıralamalarını iyileştirirken, yükleme hızı büyük bir endişe kaynağı olabilir. Ama size deneyimlerime dayanarak söyleyebilirim ki, bu web sitesini kötü bir şekilde yavaşlatmaz.
CSS Hero tek bir statik CSS dosyası kullandığından yer kaplamaz. Aslında, bu kodları mevcut CSS sayfa dosyanızda içerir.
Genel olarak CSS Hero, diğer sayfa oluşturucu eklentileri gibi site yükleme hızınızı düşürmez. Bu yüzden endişelenmeden kullanabilirsiniz.
CSS Kahraman İncelemesi: Artıları ve Eksileri
Hepimiz biliyoruz ki CSS, en iyi WordPress CSS editör eklentilerinden biridir. Ancak, her şeyin bazı iyi ve çok iyi olmayan özellikleri vardır.
Örneğin, CSS Hero editörü ile CSS kodunu öğrenmek artık zorunlu değil. İşte sevdiğim ve CSS Hero'dan pek memnun olmadığım şey.
Artıları
- Kenar çubuğu açılır penceresinden basit tıklama ve düzenleme öğeleri
- Özelleştirme için neredeyse tüm WordPress temalarında çalışır
- WP için Multisite'ı destekler
- CSS hatası yapmaz
- Ekstra özel canlı CSS düzenleyici ekleyin
- CSS kodunu öğrenmeye gerek yok
- Daha hızlı çalışmak için önceden hazırlanmış stil sayfaları
- Acemi dostu kahraman menüsü ve belgeler
Eksileri
- Eksik canlı destek
- Yeni bir CSS katmanı eklemek veya oluşturmak için özellik yok
CSS Kahraman Desteği ve Belgeleri
Bu harika WordPress CSS düzenleyici eklentisindeki canlı desteği kaçırabilirsiniz, ancak belgeler çok ayrıntılı.
Her şeyi iyi organize edilmiş bölümlerde alabilirsiniz. " Başlarken" , eklentiyi doğru bir şekilde anlamanızı ve yüklemenizi sağlar ve " Öne Çıkan Videolar ", ayarlarla birlikte jelleşmeye devam eder.
Her makale ayrıca YouTube Kanallarındaki ücretsiz videolara erişebileceğiniz bir eğitimle birlikte gelir.
CSS Kahramanının Maliyeti Ne Kadardır?
CSS Hero WordPress eklentisi 4 fiyatla geliyor. Yıllık 29 ABD Doları başlangıç paketinden 599 ABD Doları ömür boyu anlaşmaya kadar başlar. Tek bir işletme için yıllık 29$ ile gidebilirsiniz ve ajanslar için yıllık 99$ mükemmel bir anlaşmadır.
Not : İncelemeyi yazarken indirim kampanyası yürütüyorlardı.
CSS Kahramanı Alternatifleri
CSS Hero, premium bir genesis çerçeve WordPress eklentisidir ve en iyilerinden biridir. Ancak, onlarla rekabet etmek istiyorsanız, çok az alternatif olacaktır.
En iyi CSS Hero alternatifleri şunlardır:
- Sarı Kalem
- Site Kaynağı CSS'si
- mikrotemer
Bunlar onun doğrudan rakipleridir. Bununla birlikte, CSS Hero, diğerlerine kıyasla biraz daha iyi bir anlaşma sunuyor.
CSS Kahramanı SSS'leri
CSS Kahramanı Herhangi Bir WordPress Teması ile Çalışır mı?
Görünüşe göre CSS Hero, WP deposundaki hemen hemen her popüler tema üzerinde çalışıyor. Ayrıca DIVI gibi premium temalarla da çalışır. Bu WordPress CSS düzenleyici eklentisinin istediğiniz gibi çalışmayabileceği bazı temalar olabilir.
Her tema öğesinde çalışmayabilir, ancak tema diğer genesis çerçevesi WordPress eklentilerinde çalıştığı sürece, gitmeye hazırsınız.
CSS Hero Sizin İçin Doğru Çözüm mü?
WordPress web sitesi geliştirme ile ilgileniyorsanız, bunu almaya değer. Öncelikle CSS kodunu öğrenmenize gerek yoktur ve herhangi bir kodlama hatası yapmaz.
Ayrıca görsel düzenleyici ile JS kodunu düzenleyebileceksiniz. Kullanıcının harika incelemesine bakmak, belirlemenizi kolaylaştıracaktır.
CSS Kahramanı WooCommerce ile Çalışır mı?
Evet. WooCommerce ile iyi çalışıyor. Sadece bu değil, popüler eklentilerin ve sayfa oluşturucuların çoğuyla çalışır. Bilmek istiyorsanız, Gravity Forms, Slider Revolution, Visual Composer ve daha pek çok şeyle çalıştığını söylememe izin verin.
CSS Hero, Elementor Gibi Sayfa Oluşturucu Eklentileriyle Çalışır mı?
Her popüler sayfa oluşturucu eklentisi ile çalışır. Elementor, Beaver Builder, genesis framework, WP Bakery bunlardan bazıları.
Planımın Süresi Dolursa Ne Olur?
Ömür boyu bir anlaşma yapmadığınız sürece, hangi planı yaptığınızın bir önemi yok. 1 yıllık destek ve güncellemeler alacaksınız. Planınızın süresi dolarsa, eklentiyi kullanmaya devam edebilirsiniz, ancak herhangi bir yükseltme alamazsınız.
CSS Hero Web Sitenizi Yavaşlatıyor mu?
Hafif bir web sitesine sahip olmak, arama motoru sıralamalarını iyileştirmede önemli bir faktördür. CSS Hero bir ön uç CSS sayfası eklese de, bu nedenle çok hafif bir WordPress CSS düzenleyici eklentisidir. Genel olarak, web sitenizi ağır bir şekilde yavaşlatmaz.
CSS Hero Eklentisini Çalıştırmak İçin Tarayıcı ve Sunucu Gereksinimleri Nelerdir?
Kolaylıkla çalışmak için en son krom web tarayıcısına sahip olsaydınız daha iyi olurdu. Ayrıca En Son Firefox veya Safari tarayıcısında da çalışabilirsiniz. Eklenti, en son Linux, Apache, MySQL ve PHP sürümlerinde/ortamlarında mükemmel şekilde çalışır. Bu sunuculardan herhangi birinde bir barındırma planınız olmalıdır.
CSS Kahraman İncelemesi: Son Düşünceler
Bu eklentinin kullanıcılarının çoğu, bu eklenti hakkında harika incelemelerini paylaştı. Fiyatına ve sunduğu özelliklere göre de beğeniyorum. CSS kodlaması hakkında fazla bilgisi olmayan yeni başlayan biri olarak, CSS hero web sitemi düzenlemeyi ve tasarlamayı kolaylaştırıyor.
Aracı kullanmak için uzman bir geliştiriciye ihtiyacınız yok çünkü neredeyse kendi kendini açıklıyor; tek eksik canlı sohbet desteği. Yine de, şu anda web sitesi olan ve her şeyi tek başına yapan biriyseniz, CSS Hero iyi bir yatırımdır.
