Oksijen İncelemeleri: WordPress için Tamamen Görsel Web Sitesi Yapımcıları
Kendisini “sıradan sayfa yapımcılarından daha esnek ve el kodlaması kadar güçlü” olarak adlandıran bir araçla ilgileniyor musunuz? Oxygen, WP All Import’un arkasındaki takım olan Soflyy’den WordPress için yeni bir Wysiwyg Visual Editor eklentisidir. Bu, WordPress kontrol panelinizin sınırlarından ayrılmadan tüm web sitelerinizi başlıklı, altbilgi … her şeyi oluşturmanıza olanak tanır. Toplam yeni başlayanlar için olmasa da, WordPress tasarımcıları ve orta düzey WordPress kullanıcıları en başından beri ayrıntılı siteler tasarlamaya başlayabilir ve başlayabilirler. Oksijen incelememde (söylemek garip geliyor!), Sizi doğrudan bu görsel web sitesinin üreticisine götüreceğim ve her şeyin nasıl çalıştığını göstereceğim.
Oksijen incelemesi: Nasıl çalışır? Oxygen, WordPress eklentileri şeklinde bir web sitesi üreticisidir (Divi veya Elementor’ın sayfalarının üreticisine benzer). Bu bir eklenti olmasına rağmen, WordPress temanızın yerini neredeyse tamamen değiştirir. Yani, oksijen sitenizi düzenlemek için ihtiyacınız olan her şeydir. Temel kurucu bloklar, daha önce yapılan bileşenler ve standart WordPress kısayma/kod koleksiyonu ile, kodu başından beri yapmanıza gerek kalmadan sitenizi tamamen oluşturabilirsiniz. Ayrıca, ayrıntılı düzenleme seçeneği, özel CSS veya oksijenin varsayılan düzenleme araçlarıyla çeşitli şeyleri kolayca değiştirmenizi sağlar.
Ve harika olan şey, sıradan WordPress sayfa yapımcıları dahil olmak üzere diğer tüm favori WordPress eklentilerini kullanabilmenizdir. Kim için oksijen inşa edildi? Sıradan bir WordPress kullanıcısıysanız, oksijen sizin için gerçekten yapılmamıştır (sizin için de pazarlanmamıştır). Oxygen “WordPress Web Tasarımcıları için Seçim Aracı” olmayı amaçlamaktadır. Yani bir WordPress web tasarımcıysanız, Oxygen bir WordPress sitesi oluşturmanıza yardımcı olmak istiyor … daha hızlı ve daha kolay. Ancak sadece kendi web sitenizi oluşturmayı seven orta bir WordPress kullanıcısı olsanız bile, oksijenden bir değer alabilirsiniz. Oldukça kullanıcı -dostça, böylece çok fazla bilmeseniz bile benzersiz bir site oluşturabilirsiniz, eğer varsa, bu nedenle, yapmak istediğiniz her şey birkaç sayfaya veya gönderiye bazı stiller eklerse, oksijene ihtiyacınız yok . Oxygen tam bir web sitesi üreticisidir – sayfa yapımcısı değil. Bahsettiğim gibi, aslında sayfa üreticisi ile birlikte oksijen kullanabilirsiniz – bu yüzden bu bir/veya senaryosu değildir.
Aşağıda bağlı makaleler
Oksijen ile hızlı bir web sitesi oluşturmak bir saniyede oksijen görsel editörü hakkında daha derin kazacağım, ancak önce size oksijen ve bileşenlerle birlikte ne kadar hızlı bir sayfa oluşturabileceğinizi göstermek istiyorum.
Görsel editörün oksijenini çalıştırdığınızda, bunun gibi büyük bir boş tuval göreceksiniz:
Solda, öğeler, widget’lar, kısa kodlar, şablonlar ve daha fazlasını eklersiniz. Sağda, yararlı bir Dom Tree, kolay stil sayfası erişimi ve seçim hakkında bilgiler elde edersiniz. Saklanan başka bir daha küçük menü var … ama bu temel bilgiler. En kısa zamanda bir sayfa oluşturmak istiyorsanız, tek yapmanız gereken bir başlık eklemektir: ve ardından birkaç içerik ve altbilgi metinleri ekleyerek bitirin:
Ve yaklaşık 30 saniye sürer. Metni bir nokta ve tür kadar basit düzenlemek için. Açıkçası, gerçek hayatta, daha fazla şey ayarlamak isteyebilirsiniz. Bu sadece yüksek seviye bir genel bakıştır.
Oksijenle biraz daha derin olalım …
Aşağıda bağlı makaleler
Görsel oksijen editörü daha ayrıntılı, yukarıda “aha” nın kaba ve düşmüş bir anıdır. Ancak oksijen görsel editöründeki her şeye daha da geçelim. Yukarıdaki örnek sayfama önceden inşa edilmiş bileşenler eklerken oksijenli elemanlar ekleyin, bu tasarımla sınırlı değilsiniz. Aslında 5 farklı kategori arasından seçim yapabilirsiniz (kategoriler arasında üst üste binen):
Temel – metin blokları, başlık, div ve diğerleri gibi temel unsurlar.
WordPress – WordPress kısa kodlar ve widget’lar gibi özel içerik.
Yeniden kullanılabilir – hızlı bir şekilde yeniden kullanılabilen kendi depozito tasarımınız
Bileşenler – Daha önce yapılan tasarımların yanı sıra yazar kutusu, sayfalandırma ve daha fazlası gibi belirli WordPress içeriğine.
Tasarım seti – temalı öğeler. Bileşen kategorisi ile örtüşüyorlar, ancak farklı şekillerde düzenleniyorlar.
Element eklemek için, tıklayın (sürükle ve bırakmayın). Eleman sayfanızda olduktan sonra, bir DOM ağacındaki konumunu sürükleyerek ve serbest bırakarak temel sırasını kolayca değiştirebilirsiniz: öğelerinizi öğeleri düzenlemek için düzenlemek, iki farklı yola yaklaşabilirsiniz. Birincisi – manuel bir yol var. Mevcut stil sayfasını hızlı bir şekilde açabilir veya yeni bir sayfa ekleyebilirsiniz. Ve oksijen, belirli CSS seçmenlerini bulmanızı her zaman kolaylaştırır:
Ancak size izin veren stil kutusunu açmak için diğer düğmelere de tıklayabilirsiniz:
Marj ve dolgu ekleyin
Pozisyonu ve Uyumu Değiştir
Boyutu değiştir
Arka planı hazırlayın
Tipografi seçin
Sınırı ekle
Belirli öğelere özel CSS kolayca ekleyin
Aşağıda bağlı makaleler
Elementleri birkaç sayfada yeniden kullanın, birkaç sayfada tekrar kullanmak istediğiniz öğeleri yaptığınızı varsayalım. Açık bir örnek başlık ve altbilgidir – ancak sayfanızdaki her şey olabilir. Tek yapmanız gereken Dom Tree girmek, Hamburger simgesini tıklamak ve yeniden kullanılabilir kutuyu kontrol etmektir. Yararlı olan her bir öğenin adını da değiştirebilirsiniz.
Bunu yaptıktan sonra, daha önce gösterdiğim yeniden kolay sekmeden hızlı bir şekilde kullanabilirsiniz. Blog – arşivler ve tek gönderiler? Tamam, belki merak ediyorsun-ya gerçek WordPress gönderisi? Diğer sitenizin stiliyle eşleşen bir blog sayfası nasıl oluşturursunuz?
Endişelenmeyin – Soflyy, WordPress sitenizde bir yerde blog yayınlarını görüntülemek isteyebileceğinizi unutmaz. Teknik olarak, oksijen şablonu herhangi bir şey için ayarlamanızı sağlar. Ancak arşivler ve single için iki özel seçenekleri vardır: Arşive tıklarsanız, arşiv ekranında hangi yayınları göründüğünü seçmek için birçok seçenek alacaksınız. Mesajlarla sınırlı olmadığınızı unutmayın – ayrıca özel bir yazı türü, özel taksonomi … neredeyse her şey seçebilirsiniz.
Temel olarak, bu WordPress şablon hiyerarşisinin görsel bir arayüzle değiştirilmesi. İyi!
Yayınladıktan sonra, görsel düzenleyiciyi girebilir ve size gösterdiğim aynı arayüzü kullanarak arşiv ekranınızı düzenleyebilirsiniz. WordPress içeriği → arşiv bileşenlerini eklemek isteyebilirsiniz. Sonra, daha önce gösterdiğim gibi (tekrar) ayarlayabilirsiniz:
Bu listeyi üretmek için kaputun arkasında ne olacağı fikri için her zaman kod düzenleyicisini etkinleştirebilir ve PHP ile neler olduğunu görebilirsiniz:
Bileşenin sizin için “döngü” eklemek için yeterli olduğunu görebilirsiniz. Aynı şekilde, bir Woocommerce mağazası oluşturursanız, özel bir WooCommerce bileşeniyle Woocommerce ürün arşivinizi oluşturabilirsiniz:
Oksijen hakkında genel düşünme çünkü en karmaşık incelemede geri bildirme ihtiyacını hissediyorum – profesyonel bir web tasarımcısı veya WordPress geliştiricisi değilim.WordPress ile birçok site inşa ettim … ama hala amatörüm.Bu nedenle, oksijeni özel bir WordPress sitesi oluşturmak için yeterince kolay bir yol olarak buldum.Daha önce yapılan bileşenler, çerçeveyi hazırlamayı ve çalıştırmayı kolaylaştırır.Ve oksijen, özel bir CSS veya oksijen doğuştan gelen kuvvet seçeneği aracılığıyla bir şeyler organize etmek için birçok fırsat sunar.Takdir ettiğim tek şey, WordPress postunun türünü eklemede biraz daha esneklik.Tabii ki, bir posta kutusu yapmak için “kutunun dışında” bir yol varsa, kutu yapmak için kendi stilinizi eklemek mümkün olsa da mümkün olsa da.Bir kez daha, bu eleştirinin sadece “amatör kodlama becerileri” olabileceğini tam olarak kabul ediyorum.
