Oxygen 2.0 İnceleme: WordPress için Görsel Web Sitesi Maker

Haziran 2017’de WordPress için Oxygen adlı yeni görsel web sitesi üreticisini inceledik. Oksijen 1.0’dır. Şimdi, Soflyy’deki ekip (ayrıca WP All Import ve WP Sandbox’ın arkasında) büyük bir güncelleme ile geri döndü – Oxygen 2.0. 1.0 gibi, Oxygen 2.0 da görsel editörleri kullanarak tüm WordPress sitelerini oluşturmanıza yardımcı olur. Ancak bulacağınız diğer tema yapıcıların aksine, oksijen temanızın yerini alır. Sadece başlık veya altbilgi enjekte etmiyorsunuz – tüm WordPress sitelerinizi oluşturuyorsunuz. Yeterince güçlü şeyler! Dikkatinizi çekiyorsa, en büyük yeni özelliklerden bazılarına bakmak için Oxygen 2.0 incelememi okumaya devam edin. Sonra size her şeyin nasıl çalıştığına dair doğrudan bir görüş vereceğim.
Oxygen Review 2.0: 2.0’da yenilikler nelerdir? Her özelliği tartışmak imkansızdır, ancak Oxygen 2.0 tarafından sunulan en büyük şeyleri hızlı bir şekilde vurgulayayım:
Güçlü düzen kontrolü – Flexbox’a dayanarak, oksijen 2.0 düzen kontrolünün kullanımı çok kolaydır. Herhangi bir sütun kullanmaya gerek kalmadan (hemen hemen tüm sayfa yapımcılarının gerektiği gibi) tüm türev elemanları için hizalama ile tamamlanan yatay ve dikey düzenler yapabilirsiniz. Ayrıca, çok rahat olan mesafeyi ve boyutu ayarlamak için öğenin yanını kolayca sürükleyebilirsiniz.
Görsel sürükle-bırak-oksijen 2.0 Düzenleme Karışıma sürükleme ve bırak düzenleme ekler! Şimdi, DOM ağaçlarını manipüle etmenin yanı sıra görsel önizlemelerde öğeleri sürükleyebilirsiniz.
Güçlü Şablon – Oxygen 2.0 Şablon Sistemi, blog arşivleri, bekarlar ve daha fazlası için bir şablon oluşturmanızı sağlar. Ayrıca, başka bir şablondan miras alınan bir şablona sahip olabilirsiniz. Doğrudan bölümde gerçekten nasıl yardımcı olduğunu açıklayacağım! Tam CSS kontrolü, gelecekte kolay güncellemeler için CSS sınıfını birkaç öğeye kolayca uygulayabilirsiniz. Ve farklı medya sorgularının durdurma noktası için özel CSS ekleme seçeneği de dahil olmak üzere varsayılan düzenleyici sayesinde kendi özel CSS’nizi eklemek çok kolaydır.
Bence bu spot ışığı – ama açıkça tam özelliklerin bir listesi değil. Daha fazlasını uygulamalı bölümde göreceksiniz.
Oxygen 2.0 yardımcı olmak için kim inşa? Mevcut temalar için sadece birkaç şık sayfa yapmak istiyorsanız, oksijen sizin için uygun değildir. Oksijen, tüm web sitelerini oluşturmak isteyen insanlar için tasarlanmıştır, burada ve orada sadece birkaç sayfa. Oxygen 1.0 incelememde şunu yazıyorum: Sıradan bir WordPress kullanıcısıysanız, oksijen sizin için gerçekten yapılmıyor (sizin için de pazarlanmıyor) Bence hala bazı gerçekler var. Ancak Oxygen 2.0, sürükle ve bırak düzenleme gibi özelliklerin eklenmesi sayesinde bana daha dostça geliyor
Aşağıda bağlı makaleler

Şablon sistemi sıradan kullanıcılar için hala aşırı hissedebilir. Ancak, WordPress temasının birlikte nasıl eşleştiğine dair temel bir anlayışa sahip olan herkesin (örneğin başlıklar, içerik, altbilgi, menüler, vb.) Web siteleri oluşturmak için Oxygen 2.0 kullanmasında sorun yaşamaması gerektiğini düşünüyorum. Ve – Oxygen 1.0 gibi – yine de Oxygen 2.0 ile bir sayfa üreticisi kullanabilirsiniz. Oxyjen 2.0 ile Uyum: Arayüzü keşfetmek önce tanıtım. Şimdi, derhal Oxygen 2.0 arayüzünü kullanalım. Şablonlar, Oxygen 2.0 şablon sistemini döndüren dünyayı sıradan WordPress sayfa yapımcılarıyla aldığınızdan daha ayrıntılı hale getirir. Temel olarak, şablon sitenizdeki belirli içeriğe uyguladığınız düzendir. Örneğin, gönderiye uyguladığınız bir şablonunuz olabilir. Diğer sayfa, vb. Ancak Oxygen 2.0 çok ayrıntılı olmanızı sağlar. Böylece:
Tüm gönderilere şablon A uygulayın
Fotoğraf kategorisindeki tüm yayınlara şablon b’yi uygulayın
Ancak bu senaryoda, fotoğrafçılık kategorisinde yazmak, hem şablonlar hem de şablon B için kriterlere uygun olacaktır. Peki ne olur? Senaryoda hangi şablonun uygulanması gerektiğini belirlemek için öncelik şablonunu kullanabilirsiniz:
Yani şablonun serin bir parçası var … ama daha serin hale geliyor.
Aşağıda bağlı makaleler

Aslında başka bir şablonu miras alan bir şablonunuz olabilir:

Bu yüzden yardımcı olur: Üstbilginiz için bir şablon ve içerik için bir yer tutucu ile altbilgi oluşturabilirsiniz. Ardından, her biri için bir üstbilgi/altbilgi yeniden oluşturmak zorunda kalmadan içeriğin farklı bölümleri için farklı bir şablon yapabilirsiniz (çünkü her biri başlık/altbilgi şablonundan içerik şablonu). Aşağıdakiler ne olacağına bir örnektir: oldukça esnek şeyler! Görsel Oxygen 2.0 OK Builders’ı kullanarak, yukarıdaki Oxygen 2.0 Görsel Oluşturucu gördünüz. Ancak boş şablonlar hakkında daha derin tartışalım.

Sol üstteki + Ekle düğmesini tıklattığınızda, beş farklı kategoriden tasarım öğeleri ekleyebilirsiniz:

Bölüm, başlık, metin, resimler, düğmeler vb. Gibi temel temeller vb.

Başlık üreticileri, fiyat kutuları, kayma ve daha fazlası gibi daha sofistike hizmetçiler.
WordPress – WordPress içeriğini dinamik olarak menüler, kenar çubuğu, yayınlama başlıkları, içerik yayınlama vb. Gibi girmenize olanak tanır.
Kütüphane – Daha önce oluşturulan tasarımdan seçim yapmanızı sağlar. Bu temelde daha önce yapılmış bir şablon gibidir.
Yeniden kullanılabilir – kendi tasarımınızı yeniden kullanılabilecek bir parça olarak saklayabilir ve bu sekmeden tekrar kullanabilirsiniz.
WooCommerce ürünleri veya iletişim formları gibi tasarımınızdaki diğer eklentilerden çıktı da ekleyebilirsiniz.
Aşağıda bağlı makaleler
Yeni bir öğe eklediğinizde, öğeyi düzenlemenize izin vermek için yan çubuk değişir. Stil üzerinde çok fazla kontrolünüz var:
Varsayılan seçenek yeterli değilse, CSS kuvvetini belirli bir cihaza hedeflemenize izin vermek için her zaman kendi özel CSS stilinizi veya seçmenlerinizi ekleyebilirsiniz: Cihazı 1 seçin.

2 – CSS seçmenlerini seçin


3 – CSS kuvvetini doğrudan editöre ekleyin

Oksijenin standart sayfa üreticisinden farklı olduğu diğer alanlara dinamik veriler getirmek, dinamik verileri içe aktarmanın ne kadar kolay olduğudur. “Dinamik veriler” ile yalnızca WordPress içeriğinizi kastediyorum. Örneğin, dinamik veriler şu şekillerde olabilir:

Yazı başlığı
Üstün görüntü
İçerik Gönderimi
Yazar gönderme
vb.
Dinamik verileri her içe aktardığınızda, incelenecek içeriğin belirli bir bölümünü seçmek için bir önizleme açılır menüsünü kullanabilirsiniz. Örneğin, birkaç dinamik veri öğesi ekledikten sonra Hello World’in varsayılan yayınının görünümüdür:
Ancak “standart” şeylerin dışında, oksijenin özel alanları dinamik olarak içe aktarması da kolaydır. Örneğin, alanın özel dinamik veri öğelerine gerililer kullanarak şablona özel alanlar kolayca ekleyebilirsiniz. Metnin metnini test etmek için gelişmiş özel alanlarla ekledim ve oksijen hemen açılır süratlere ekledi:
Daha önce yapılan dinamik bir veri widget’ı kullanmanın yanı sıra, dinamik verileri bu şekilde eklemek için farklı öğeleri (metin veya başlık gibi) düzenlediğinizde veri ekleme düğmesini de tıklayabilirsiniz:
Düzen seçeneklerini daha önce bahsettiğim gibi keşfetmek, oksijen 2.0’ın gerçekten üstün olduğu bir alan düzen seçeneğidir. Bölümü düzenlediğinizde, içindeki tüm türev öğeler için düzeni ve seviyelendirmeyi seçebilirsiniz:
Bu yaklaşımın diğer sayfalardan daha üstün olmasının iki ana yolu vardır: sütun gerektirmeden yatay bir düzen oluşturabilirsiniz (isterseniz sütun öğeleri olsa bile)

Her bir türev eleman için seviyelendirmeyi ayarlamanıza gerek yoktur.Bunun yerine, isterseniz her şeyi düz düzeyde kontrol edebilirsiniz.

Bunun ötesinde, çok yararlı olduğunu düşündüğüm bir başka şey de sürüklenebilecek mesafe.

Örneğin, aşağıda olduğu gibi iki öğeniz olduğunu ve ikisi arasında boşluk eklemek istediğinizi varsayalım:

Çoğu sayfa üreticisinde yaptığınız gibi marj/boşluk kontrollerini keşfetmeye ihtiyaç duymak yerine, mesafe sağlamak için tıklayın ve sürüklersiniz:
Oldukça rahat!Son arayüzün başka bir kısmı, Oxygen 1.0’dan Dom ağaçlarını seviyorsanız, yine de Oxygen 2.0’da erişebilirsiniz:
Ayrıca Stil sayfası ve CSS seçmenlerini, römorkör yönetimi ile tıklayarak küresel düzeyde yönetebilirsiniz: