Oksijen İncelemesi 2.0: Gerçek Visual WordPress Site Maker
Bir sonraki WordPress sitenizi oluşturmanın daha esnek bir yolunu mu arıyorsunuz? Daha önce 2017’de gözden geçirdiğimiz WordPress Visual web sitesinin üreticisi Oxygen, Oxygen 2.0’ı serbest bırakacak. Oxygen 2.0, WordPress sitenizin her yönünü görsel olarak tasarlamanıza izin vermek için güçlü bir sürükle ve bırak şablon sistemi sunmak yerine WordPress temanızı denklemlerden tamamen ortadan kaldırır. Genel olarak, oksijen 2.0’ın oksijen 1.0’da gerçek bir artış olduğunu düşünüyorum. Ve denklemlere sürükleme ve gevşek düzenleme eklenmesi, sayfa yapımcılarının hayranlarını çekmelidir.
Bir sayfa yapımcısı ile “daha fazla” tasarlamayı umuyorsanız, tema üreticisinin sunduğu her şeyi görmek için kesinlikle Oxygen 2.0 incelememi vermelisiniz. Oxygen 2.0 İncelemesi: Girişte söylediğim gibi nasıl çalışır, Oxygen kendisine “görsel site üreticisi” diyor. Bu sayfa yapımcısı ile aynı değil. Aslında, isterseniz sayfa üreticisini oksijenle kullanabilirsiniz – her ikisinin de özel olmak zorunda değilsiniz. Oxygen 2.0 da WordPress temasına bağlı değildir. Bu nedenle, Beaver Themer veya Pro Elementor gibi bir şeyle aldığınız temalar yapmanın işlevselliğinden farklı olarak, kodu görürseniz, sitenizin önünde üçüncü taraf temalarının izi yoktur. Oksijen temanızın yerini alır.
Tamam … yani tema yok. O zaman sitenizi nasıl oluşturuyorsunuz? Oxygen 2.0, üç tür içerik yapmanızı sağlar. Şablon – Bunu temelde en başından bir tema olarak düşünün. Bunlar sitenizin temelidir. Örneğin, bir şablon yapabilirsiniz:
Blog yayınları, sayfalar veya özel yayınlar için bekar. Ziyaretçilerin bireysel bir gönderi gördüklerinde gördükleri budur. Arşivler – ziyaretçilerin yayınların bir listesini veya kategori/etiket/tarih arşivlerini gördüğünde gördükleri budur.
Ön sayfa – Ön sayfanız için ayrı şablon.
Blog Gönderileri Dizin – Blog sayfanız için ayrı şablonlar.
Yeniden kullanılabilecek kısım, şablonunuzda sürekli olarak kullanmak istediğiniz şeylerdir. Parça veya blok gibi türler.
Sayfalar – Başlangıçtan veya oluşturduğunuz şablonlardan birine dayanarak tek tek sayfaları da tasarlayabilirsiniz. Oksijen 2.0 Hazırlama Oksijeni ilk taktığınızda, boş bir kurulumdan dahil edilen veya başlatılan önceden hazırlanmış web sitelerinden birini yüklemek arasında seçim yapabilirsiniz.
Şu anda, oksijenin 5 ön inşa yeri vardır. Her “site” daha önce yapılan çeşitli sayfalar, şablonlar ve parçaları içerir. Örneğin, bir “site” nin seçim yapabileceğiniz 11 farklı cant olabilir.
Taksonomi Kimlik Ebeveynleri
Ayrıca şablon önceliği adı verilen diğer yararlı özellikleri de ayarlayabilirsiniz. Temel olarak, öncelikli şablonlar, geçerli yayınlar için birden fazla şablonun geçerli olduğu durumları ele almanıza yardımcı olur. Örneğin, şu olabilirsiniz:
Tüm gönderiler için bir şablon
Belirli kategorilerde yayınlamak için diğer şablonlar
Şablon önceliği, ikisinden hangisine öncelik verileceğini belirlemenizi sağlar:
Başka bir şablondan miras alma tasarımı oluşturarak birkaç şablonu birlikte birleştirebileceğinizi belirtmek önemlidir.
Bu neden yararlı? Bu, örneğin, üstbilginiz ve altbilginiz için temel bir kabuğa sahip bir şablon oluşturmanıza olanak tanır. Ardından, bu şablonların her birini üstbilgi/altbilgi şablonunu devralmasını sağlayarak, üstbilgi ve altbilgi arasındaki içeriği kontrol etmek için ayrı bir şablon kullanabilirsiniz. Bu kavramın bir geliştirici değilseniz biraz alışkın olması gerekebilir, ancak bu, ustalaştıktan sonra çeşitli içerik türleri oluşturmak için gerçekten çok fazla esneklik açar. İlk açıldığında oksijen düzenleyicisi ekranını izleyen görsel bir oksijen düzenleyicisi kullanarak: burada olan birçok şey var, bu yüzden tanımlamaya çalışmama izin verin … sol tarafta, + ‘ı tıklayarak yeni bir sayfa öğesi ekleyebilirsiniz. Düğme Ekle. Bu öğeler 5 bölüme ayrılmıştır: Metin, kaplar, resimler, kendi kodunuzun blokları gibi basit temel bilgiler.
Başlık üreticileri, sosyal simgeler, posta ızgaraları, fiyat kutuları vb. Gibi daha sofistike yardımcılar vb. WordPress – Menüler, Yorum formları, giriş formları, yanlar, posta bilgileri vb. Gibi WordPress özel öğeleri vb.
Literatür – Daha önce yapılmış tasarıma erişim.
Yeniden kullanılabilir – yeniden kullanılabilecek kendi rolünüze erişim.
Ayrıca, diğer eklenti formları veya çıkışları gibi eklenti içeriğini ve aşağıdaki kontrolü kullanarak benzer eklenti çıkış stillerini de girebilirsiniz … Dinamik veriler tasarımınıza nasıl girilir, oksijenin standart sayfa üreticisinin ötesine geçtiği ana alanlardan biri ne kadar kolaydır. WordPress veritabanınızdan her şey olan dinamik verileri içe aktarmaktır. Örnek olarak:
Yayınların, içerik, üstün resimler vb. Başlığı
Özel alanlar (Özel Alan, Pod, vb. Vb.
Dinamik verilere girmenin iki yolu vardır. İlk olarak, belirli öğeleri düzenlerken veri ekleme seçeneğine sahip olursunuz. Örneğin, metnin başlığını veya metnini eklerseniz, tüm seçenekleri açmak için Veri Ekleme düğmesine tıklayabilirsiniz:
Ardından, incelenecek belirli içeriği seçmek için birincil açılır menü kullanabilirsiniz (yani oksijen, verileri içerikten çekecektir). Dummy’nin yazısının başlığını çekmek gibi görünüyor:
Ayrıca, sitenizin diğer bölümlerine dinamik olarak veri ekleyebilirsiniz. Örneğin, sevkiyatın üstün görüntüsü için dinamik bir arka plan görüntüsünü çekici hale getirebilirsiniz:
Ve Oxygen ayrıca, arayüz ekleme verilerini kullanmaya gerek kalmadan doğrudan ekleyebileceğiniz varsayılan bir dinamik veri öğesi sunar:
Örneğin, bu özel alan öğelerine sahip özel bir alan eklemek için ekrandır (referanslar için bu alanı kapsüllerle eklerim): Eklediğiniz her öğe için öğeler nasıl düzenlenir ve düzenlenir, bu öğeleri aynı yan çubuğu kullanarak düzenleyebilirsiniz: Burada birçok seçeneğiniz var – ayarlayabilirsiniz: Arka fon renk Tipografi Mesafe
Vb.
Ancak geliştiricinin beğenebileceği şeylerden biri, özel CSS/JS ile çalışmanın ne kadar kolay olduğudur. Her unsur için, Duyarlı Tasarım için medya sorguları da dahil olmak üzere CSS seçmenlerini hızlı bir şekilde uygulayabilirsiniz:
Ve Gelişmiş sekmesinde düzenleyiciyi açarak doğrudan CSS ve JS ile çalışabilirsiniz:
Yine, gerektiğinde kuvveti belirli bir cihaza uygulamak için cihazın gerilmesini kullanabilirsiniz. Elementleri tamamlayın, şimdi öğeleri nasıl ekleyebileceğinizi ve düzenleyebileceğinizi bildikten sonra, bu öğelerin sayfadaki düzenlemesine geçelim. Oxygen 2.0 artık sürükleme ve damla var, bu yüzden bunu yapmanın bir yolu, gerçek öğeleri sayfanın etrafına sürüklemektir: ancak sayfadaki tüm öğeler için ağaçlar gösteren yapısal alanı da açabilirsiniz (CSS öğeleri dahil). Bir ağaç yapısı kullanarak, öğeleri yeni bir konuma çekebilir ve serbest bırakabilirsiniz:
Kolay Düzen / Uzay Oksijen ile ilgili eğlenceli şeylerden biri, bir düzen yapmanın ne kadar kolay olduğudur. İlk olarak, oksijen, tasarımcı olup olmadığınızı bilebileceğiniz FlexBox’a dayanır. Ardından, bu, tek tek parçaları düzenlediğinizde bu kullanışlı alt öğenin düzenini ayarlamanızı sağlar. Bu, Hizalama bölümündeki her öğenin nasıl kontrol etmenizi sağlar:
Böylece, örneğin, her bir öğeyi manuel olarak uyumlu hale getirmeye gerek kalmadan bölümdeki her elemanın ortasını dengeleyebilirsiniz. Ayrıca, hemen hemen tüm sayfa yapımcılarında yapmanız gerektiği gibi ayrı bir sütun hazırlamanıza gerek kalmadan yatay düzen oluşturmanıza izin veren yatay olarak yığın öğeleri ayarlarınız vardır. Ayrıca bu ayarı farklı cihazlar için farklı şekilde uygulayabilirsiniz. Örneğin, şunları yapabilirsiniz: Büyük ekranlar için öğeleri yatay olarak istifleyin Daha iyi duyarlı tasarım için mobil cihazlar için ürünleri dikey olarak yığın Ve yapabileceğiniz düzenle ilgili başka bir şey, mesafeyi değiştirmek için bölümün kenarını sürüklemektir: aynı kayan ve set yaklaşımını kullanarak her öğeye boşluk ekleyebilirsiniz. Arşiv sayfaları için sorgu yayınları Özel bir gönderi veya yazı türü (örneğin, arşiv sayfası veya mağaza sayfası için) görüntülemeniz gerekiyorsa, oksijen size izin veren ayrıntılı bir sorgu üreticisi içerir: Gönderinin türüne göre kuyruk Taksonomiye veya yazara göre filtre
Bir Sipariş Seçin
Sayıya göre sınır
Yönetim bölümündeki inşaatçıdaki diğer birkaç seçeneği keşfederek, stil sayfasını doğrudan kod düzenleyicisinde düzenlemek de dahil olmak üzere temanıza stil sayfalarını yönetebilir ve ekleyebilirsiniz: Ayrıca benzer bir arayüz kullanarak seçicileri de yönetebilirsiniz. Oksijenli sayfalar oluşturma Şablonları hazırlamanın yanı sıra, tek tek sayfalarda oksijen de kullanabilirsiniz. Sayfaları oksijenle düzenlediğinizde, mevcut bir şablon kullanarak oluşturabilirsiniz veya en başından bir oksijen düzenleyicisi kullanarak yapabilirsiniz:
Tabii ki hala sıradan WordPress editörü kullanabilirsiniz. Oksijen maliyeti ne kadar? Bir geliştirici veya ajanssanız, Oxygen’in çok çekici bir lisans sistemi vardır. Bu, sınırsız sitelerde kullanım için 99 $ ‘dır. Evet – bu, müşterinin web sitesinde kullanımı içerir. Ama bu vurucu: aynı zamanda ömür boyu destek ve ömür boyu güncelleme alıyorsunuz. Kendiniz veya müşteri için birçok site oluşturursanız, rakiplere kıyasla çok para tasarrufu sağlar. Özellikle diğer ürünler için zaman ve uzatma ücretleri. Oksijen 2.0 ve hedefiniz tüm temaları oluşturmanıza izin veren bir araç bulmaksa, bence Oxygen 2.0, Beaver Themer veya Elementor 2.0 gibi bir şeyden daha fazla derinlik sunmayı başardı. Diğer şablonlardan miras alınan bir şablona sahip olabileceğinizi ve öncelikleri ayarlayabileceğiniz de dahil olmak üzere şablon sistemi, farklı içerik türleri üzerinde daha kolay kontrol sağlar. Buna ek olarak, FlexBox’ın düzeni, sütuna bağımlı olmak zorunda kalmadan veya her bir düzen için seviyelendirmeyi manuel olarak ayarlamak zorunda kalmadan sayfanın düzenini yönetmeyi çok daha kolay hale getirir. Sayfa üreticisi ile aynı nihai sonucu elde edebilseniz bile, oksijen yaklaşımı benim için daha hızlı ve basit hissediyor. Ancak, esneklik için değiş tokuş bence Beaver Builder veya Elementor gibi yeni dost değil. Bence adil çünkü “işlevselliğin derinliğine” karşı “kullanım kolaylığı” nı şikayet ettiğinizde her zaman değiş tokuşlar olacak
