Hydrogen Pack'in v1.3 Özellikleri Oyunu Değiştiriyor

Yayınlanan: 2022-04-10

Hydrogen Pack, Oxygen Builder için sahip olunması gereken bir eklentidir. Bu aracı tüm web sitesi projelerimizde kullanıyoruz ve muhtemelen bize 1000 saat kazandırdı. Oksijenden sonra, her zaman kurulan ilk eklentidir. Bununla birlikte Klavye Kısayolları, sağ tıklama menüsü, kopyala/yapıştır, sanal alan modu ve daha fazlası geliyor.

Sahip olduğumuzdan bu yana ilk büyük güncellemesinde Hydrogen Pack 1.3, size daha fazla zaman kazandırmak ve daha iyi Oxygen Builder WordPress siteleri oluşturmak için kullanılabilecek bazı ciddi özellikler sundu. Birkaç saat yeni araçlarla uğraştıktan sonra, bunların ne olduğu ve potansiyel kullanım durumları hakkında yazmak istedim. İlk olarak, bu eklentiye aşina değilseniz, özellik incelememizi okumaktan çekinmeyin:

https://isotropik.co/an-agency-review-of-hydrogen-pack-for-oxygen/

Bu inceleme 1.3 için güncellenmedi - bu makalenin bahsedeceği şey bu. Lafı fazla uzatmadan, bu yeni özelliklere ve bunları nasıl kullanmayı umduğuma bir göz atalım.

(Bu makale esas olarak Abdelouahed'in Clean Plugins sitesindeki resmi gönderisini, haftada 6 gün, günde 10 saat Oksijen kullanan benim yorumlarımla birlikte genişletecektir)

Sınıf Kilidi

Bu, OxyNinja'da zaten bulunan ve benim de sevmeye başladığım bir özellik. Artık Hydrogen'e sahip olduğuna göre, muhtemelen yardımcı programlarını kullanmaya geçeceğim çünkü biraz daha kullanıcı dostu ve bazı özellikler sunuyor.

Sınıf kilidi, adından da anlaşılacağı gibi yapar. Oxygen'deki belirli bir sınıf için tüm düzenleme işlevlerini kilitler. İnşa ederken, stilleri gerçekten değiştirmek istediğinizde, yanlışlıkla global stiller arasında değişiklik yapmak çok kolay olabilir (sitedeki birçok düğmeye uygulanan bir düğme sınıfınız olduğunu ve yanlışlıkla değiştirdiğinizi varsayalım). öğenin kimliğiyle ilişkili. Sınıfı kilitleyerek, içindeki stiller üzerinde kazara herhangi bir düzenleme yapılmamasını sağlarsınız.

Hayatımın birçok dakikasını yanlışlıkla hangi global/yardımcı sınıfını düzenlediğimi bulmaya çalışmak zorunda kaldım - bazı durumlarda hatayı yaptıktan günler sonra. Bu sorunu çözecektir.

OxyNinja kurulumu çok iyi çalışıyor ve OxyNinja sınıfları kullanıyorsanız iyi bir fikirdir, ancak bu özelliğin Hydrogen uygulaması biraz daha iyi görünüyor.

Dinamik Sınıflar

Bu, Oxygen'in yapabileceklerini ciddi şekilde genişletebilecek en büyük özelliktir. Aynı zamanda en karmaşık özelliktir, ancak birkaç dakika uğraştıktan sonra, birkaç gerçek dünya kullanım durumu görebiliyorum.

İlk olarak, bu özellik, herhangi bir öğeye dinamik olarak bir CSS sınıfı atamanıza olanak tanır. En büyük kullanım durumu tekrarlayıcıdadır. HTML'de bir sınıf olarak uygulamak için tekrarlayıcının bir bölümünde görüntülenen bireysel gönderinin "başlığını" ayarlayabiliriz. “Yinelenen tekrarlayıcı kimlikleri” sorununu tamamen çözmese de, bir tekrarlayıcının belirli bölümlerine stiller uygulamamıza izin verir.

Resmi lansman gönderisinden. Burayı okuyun.

Şunları görebilirsiniz: kimlikler hala kopya, ancak şimdi tekrarlayıcının her bölümü için benzersiz CSS sınıfları var, bu da her birine özel olarak stil vermemize izin veriyor.

Ayrıca ACF alanlarından sınıflar ve Oxygen Builder arka ucunda erişilebilen diğer birçok veri ekleyebiliriz. Bu, arka uçta bir ACF onay kutusu işaretliyse, küresel bir stil sayfasından stilleri koşullu olarak uygulayabileceğimiz anlamına gelir - bu, müşterilerimize web sitelerinin gerçek stili üzerinde çok daha fazla kontrol sağlamalıdır. ACF, “Başlığı koyu yap?

Gelişmiş Sekme Durumunu Koru

Bu, "küçük bir ince ayar" olarak sınıflandırılabilir, ancak gelişmiş sekmelerin durumunu birden fazla öğe arasında koruma yeteneği bize çok zaman kazandıracak. Keşke daha erken eklenseydi.

Oxygen'de herhangi bir bileşeni düzenlerken, uyguladığınız ayarların çoğu “Gelişmiş” sekmesi bölümünde yapılacaktır. Yeni bir öğeye tıklarsanız (aynı türden olup olmadığına bakılmaksızın), Oksijen düzenleyicinin yerel davranışı onu standart sekmeye sıfırlar. Bu ince ayarı açarsanız, bu olmayacak. Bir öğe için düzen sekmesinde olduğunuzu varsayalım. Bir sonrakine tıkladığınızda, yeni öğenin yerleşim sekmesi açık kalacaktır.

Bu, Locomotive Scroll veya Paroller gibi Javascript kitaplıkları için veri öznitelikleri eklerken kullanışlı olur. Efektlerin uygulanmasını istediğiniz tüm öğelere birkaç özellik eklemenizi gerektirir. Bu kulağa kolay gelebilir, ancak yüzlerce öğe söz konusu olduğunda, "gelişmiş"e tıklamak, "nitelikler"e gitmek ve tıklamak yalnızca zaman almaz, aynı zamanda fiziksel olarak da yorucu olabilir.

Kompozit Öğeleri Devre Dışı Bırak

Şimdiye kadar hiç kompozit eleman kullanmadım. Bunları kullanmadığım için, onları devre dışı bırakmak için bu özellik memnuniyetle karşılanır: dağınıklığı temizleyin, oluşturucu arka ucundan üçüncü taraf isteklerini kaldırın ve işlerin daha hızlı yüklenmesini sağlayın. Bunları kullanacaksanız tekrar açın.

3 Yeni Klavye/Menü Kısayolu

  • Metin öğeleri için normal metin ve zengin metin arasında geçiş yapmak için menü öğesi ve tuş kısayolu.
  • Yeni zengin metin öğeleri oluşturmak için klavye kısayolu.

Bu benim özlediğim bir şey. Bana zaman kazandırdığı için zengin metinleri çok kullanırım. İstemciler genellikle biçimlendirilmiş Word belgeleri gönderir ve ben onu yapıştırabilirim. Ancak sayfaların yapısını oluşturmak için kısayollar kullandığım ve beni milyonlarca tıklama yapmaktan kurtardığım için bu kısayolun olmadığını fark ettim. Şimdi burada olduğunu görmek güzel!

  • Kod düzenleyicinin altındaki Kodu Uygula düğmesi için klavye kısayolu.

Bu, çok hoş karşılanan, görünüşte önemsiz başka bir tweak. VS Code ve diğer kod editörlerini kullanıyorum. Klavye kısayollarına alışkınım. Oxygen'de kod düzenlerken bazen kodu uygula tuşuna basmayı unutuyorum ve bazı durumlarda başka bir öğeye tıkladıktan sonra kod kayboluyor. Bu kısayol ile kod uygulamak kısa sürede kas hafızası olacak ve daha verimli olacağım.

Hidrojen Paketi Almalı mıyım?

Hidrojen Paketine sahip değilseniz, gerçekten çok şey kaçırıyorsunuz. Benim düşünceme göre, Oxygen, kontrol ederken bunu gerçek eklentiye bir "eklenti" olarak sunmalıdır. Oluşturucuyu Hidrojen olmadan aylarca kullandığım gerçeği hala aklımdan çıkmıyor. Bu parlak önerinin ardındaki sebep, beni ve geliştiricilerimi saatlerce süren manuel çalışmadan kurtardığı gerçeğidir - ve şimdi v1.3 güncellemesi size zaman kazandırmaya daha da fazla adanmıştır.

Biraz daha ikna etmeye ihtiyacınız varsa, buradaki incelememizin tamamını okuyun ve yorumlar bölümünde veya yeni Facebook Grubumuzda herhangi bir soru sormaktan çekinmeyin (pst, 500 üyeye ulaştığımızda muhtemelen sınırsız bir lisans vereceğiz) .

Abone Ol ve Paylaş
Bu içeriği beğendiyseniz, aylık WordPress haberleri, web sitesi ilhamı, özel fırsatlar ve ilginç makalelere abone olun.
İstediğiniz zaman abonelikten çıkın. Spam yapmıyoruz ve e-postanızı asla satmayacağız veya paylaşmayacağız.