Canlı WordPress Temasını gerçek zamanlı olarak özelleştirmeye ne dersiniz? Pekala, CSSHero, Kolay yoldan değişiklik yapmak için bir Eklentidir.

WordPress, özelleştirmeyle dolu bir CMS çerçevesidir ve herhangi bir geliştiricinin temaları ve eklentileri değiştirmek için kullanabileceği çok sayıda API ve kanca sağlar. Şu anda WordPress resmi deposundaki binlerce mevcut eklenti arasından eklenti seçme seçeneğine sahip olmamızın nedeni budur.

Bu yazıda yeni eklenti CSSHero tüm detaylarıyla tartışacağız. Ama başlamadan önce, these questions odaklanalım.

• WordPress sitenizde make live changes nasıl yapılır?
• Gerçek zamanlı olarak tema değişiklikleri?
• WordPress teması için CSS özelliklerinin sayısını bilmenin kolay bir yolu var mı?
• Gerçek Zamanlı Önizlemelerle WordPress Blogunuzu Düzenleyin
• WordPress temalarını yayınlanmadan önce özelleştirme

Yukarıdaki sorulardan herhangi birine sahipseniz o zaman doğru yerdesiniz.

Eklentiden without any help kendi başınıza canlı değişiklikler yapmak istiyorsanız, önceden yaklaşık ~300 of CSS properties bilmeniz gerekir. Canlı tema modunda gerçek değişiklikleri görmek için bunları değiştirmek biraz imkansız. WordPress customizer , bazı özellikleri değiştirmenize izin verir, ancak hepsini değil ve bu, sahip olduğumuz gerçek sorundur.

İKİ seçeneğimiz olduğunu söyleyebilirim:

Seçenek-1) CSS değişikliklerini manuel olarak gerçekleştir

• Blogunuzu Chrome / Mozilla'da açın
• Başlık, Gönderi, resim vb. gibi CSS öğelerine sağ tıklayın
• CSS özelliklerini görmek için Inspect tıklayın
• Efekti görmek için değişiklik yapın
• İyi olduğunuzda – Temanın style.css dosyasına gidin ve değişiklikleri kaydedin
• İşlemi birden çok kez tekrarlayın

Seçenek-2) Eklentiyi yerleşik işlevselliğe sahip kullanın, bizim durumumuzda bu CSSHero

• Editör ile live site değişiklik yapın
• Canlı sonucu görün
• Save button ve done

Crunchify ile işbirliği içinde CSSHero, Crunchify okuyucularına 10 free Licenses veriyor. Doldur bu google formu Adınızı listelemek için. – Çekiliş SONA ERDİ

CSSHero'yu yükleyelim ve canlı WordPress tema değişiklikleri yapalım

NOTE : Bu gönderinin altındaki tam Videoyu kontrol edin.

Aşama 1

Neden CSSHero? CSSHero premium bir WordPress eklentisidir. Temel lisans $29/site ile başlar. Diyorum ki – yeni başlayan biriyseniz veya profesyonelseniz denemeye değer. 30 days para iade garantisi ile geliyor.

Başlangıç, Kişisel Planlarda 34% off ve Profesyonel Planda 40% off indirim almak için CRUNCHIFY kodunu kullanın.

Lisansınızı kaydedin ve kontrol panelinizden CSSHero plugin en son sürümünü indirin: http://www.csshero.org/

Adım 2

• WordPress yönetici panelinizden yükleyin ve etkinleştirin
• Aktivasyonda Key isteyecektir.
• Get my Key Now! düğmesine tıklayın ve Lisans anahtarı olan bir sayfa açılacaktır.
• Get License tıklayın ve hazırsınız

Nokta-1) İşlevselliğe başlayalım

• Şimdi blog home page gidin ve top right köşede CSSHero animasyonlu buton göreceksiniz.
• Buna tıklayın ve eklenti, temanızla çalışan control panel yükleyecektir.

Tüm CSSHero options aşağıdaki gife bir göz atın:

Nokta-2) CSSHero Tema Düzenleyici seçeneği

Tema düzenleyici için fikir, theme editor tüm theme's style basit görsel düzenleyici ile değiştirmektir. CSSHero tema düzenleyicisinin yardımıyla değiştirebilirsiniz

• Başlık metni
• yazı tipi
• sınır
• stiller vb.

Aynısı için geçerlidir

• vücut içeriği
• giriş yazısı
• meta değerler
• başlık değerleri
• altbilgi
• kenar çubuğu vb. Aşağıdaki GIF'e bir göz atın.

Nokta-3) Tek tıklamayla kullanışlı cihaz düzeni seçenekleri

Aşağıdaki resimde gördüğünüz gibi, tema düzenleyici bize temanızın farklı Mobil, iPhone, iPad Layouts sadece fareyle üzerine gelip tek tıklamayla kontrol etme seçeneği sunuyor.

Nokta-4) Son değişikliklerinizi nasıl geri alırsınız?

Kullanıcı, basit Change history modülünü kullanarak tüm son değişiklikleri geri alma seçeneğine sahiptir. Bahse girerim, geliştiricilerin hiçbiri ilk denemede bir şeyi doğru yapmaz, en azından ben :). Bu benim için çok kullanışlı.

CSSHero ayrıca all of your save changes gösteren çok kullanışlı bir modül sağlar. timeline geri gidebilir ve önceki sürüme dönebilirsiniz. Bu kullanışlı bir araç değil mi? Bu aracı şimdiye kadar birçok kez kullandım ve çok sevdim.

Nokta-5) Ayarlar ve Araçlar Seçenekleri

Preset Settings ve Tools Options .

CSSHero WordPress Custom CSS Editor eklentisinin tüm işlevlerini gösteren, çektiğimiz ayrıntılı videoya bir göz atın.

Detaylı Youtube Videosu:

Şimdi tüm işlevleri gördüğünüze göre, aşağıdaki soruları sormanın zamanı geldi :).

Nokta-6) Bu eklenti benim temamla çalışır mı?

Resmi CSSHero sitesindeki bilgilere göre, eklenti tüm WordPress Tema çerçevelerinin altında çalışır.

• Genesis Çerçevesi
• GenerateBasın
• KatmanlarWP
• Ültimatom Tema
• Toplam
• Ön ödeme
• WP Önyükleme
• Konu ile ilgili
• Gerekli+Temel
• Omega
• Sayfa satırları DMS

Temanız CSSHero ile isn't compatible no worries . Size Rocket mode etkinleştirmek için bir seçenek gösterecektir.

Message : Bu tema için yerel destek mevcut değil. Roket Modu Otomatik algılamayı denemek ister misiniz? Sadece enable it ve CSS again değiştirmeyi deneyin; yukarıdaki videoda gördüğünüz seçeneklerin aynısını görmelisiniz.

Nokta-7) Eklenti Desteği ve Dokümantasyonu ne durumda?

Gravity Forms, WooCommerce, Contact Form7, WP Pools ve daha fazlası gibi popüler WordPress eklentilerinden bazıları CSSHero çerçevesiyle uyumludur.

Bu, CSSHero'nun yalnızca theme customization değil, aynı zamanda plugin layout customization de çalıştığı anlamına gelir.

Son olarak, resmi sitede okuyabileceğiniz çok sayıda ayrıntılı tips and tricks makalesi bulunmaktadır.

Aklıma gelen Only Cons , tüm işlevselliklere aşina olmaktır. Başlamanız ve profesyonel olmanız biraz zaman alabilir. CSSHero'ya aşina olduğunuzda, tüm WordPress blogcuları için very handy solution olacağına eminim.

Tanıtmak istediğinizi düşündüğünüz bir ürününüz, eklentiniz, temanız vb. varsa bizimle iletişime geçin.

İşte CSSHero için Crunchify Özel Fırsatları:

Merhaba Crunchify Okuyucuları -

CSSHero WordPress Tema özelleştirme eklentisinde up-to 40% off duyurmaktan mutluluk duyuyoruz.

Lütfen aşağıdaki adımlara bir göz atın

Aşama 1

• CSSHero sitesine gidin: https://www.csshero.org/
• Pricing Plans bağlantısını tıklayın

Adım 2

• Düğmeye tıklayın, I have a coupon code

Aşama 3

• Kupon Kodunu Girin: CRUNCHIFY

4. Adım

• Başlangıç ​​ve Kişisel Planda 34% off almak için Kullan düğmesine tıklayın
• Profesyonel planda 40% off kazanın

Tüm anlaşmaların listesi: https://crunchify.com/deals/