Oxygen Review 2.0: WordPress için esnek bir görsel web sitesi yapmak
Tüm WordPress temalarınızı görsel sürükle ve bırak editörleri ile oluşturabileceğinizi hiç umuyor musunuz? Eskiden sadece bir rüya olan şey, Beaver Themer, Elementor Pro 2.0 ve – bugünün incelemesinin ana tartışması – Oxygen 2.0 gibi araçlar sayesinde daha kolay erişilebilir hale geliyor. Oxygen 2.0, WordPress siteniz için görsel bir sürükle ve bırak web sitesi üreticisidir. Güçlü bir editör ve şablon sistemi aracılığıyla, bu size WordPress sitenizin% 100’ünü tam anlamıyla görsel bir tasarım kullanarak oluşturma gücü sağlar. Daha önce Haziran 2017’de Oxygen 1.0’ı inceledik, ancak şimdi tekrar Oxygen 2.0 şeklinde büyük güncellemelerle geliştiriciler. Bu aracın neler yapabileceğini görmek için Oxygen 2.0 incelememi okumaya devam edin.
Oksijen İncelemesi 2.0: Nasıl Çalışır Bunu önümüzdeki birkaç bölüm için daha derin göreceksiniz, ancak bu, Oxygen 2.0’ın temel işlevselliğinin kısa bir özetidir. Yapabilirsiniz…
Bir sürükleme ve görsel kaldırma düzenleyicisi kullanarak tüm sitelerinizin görünümünü kontrol etmek için bir şablon oluşturun
Aynı düzenleyiciyi kullanarak yeniden kullanılabilecek bireysel bir sayfa veya bir parça oluşturun
CSS seçmenlerini unsurlara kolayca uygulayın ve doğrudan kendi stil sayfanızla çalışın
Farklı cihazlar için farklı stilleri ayarlamak için Duyarlı Kontrolü kullanın
Formlar veya olay takvimleri gibi eklentilerden içerik getirin ve aynı görsel oksijen arayüzünü düzenleyin
Düzen Kontrolü, sütun olmadan ve sürüklenen boşluklarla basit ayarlar kullanır
Oksijen 2.0 sayfa oluşturucudan nasıl farklıdır? Düzenlemenin sürüklenmesi ve kaldırılması … Görsel Tasarım … Oksijen sadece bir sayfa üreticisi, değil mi?
Peki … bir tür. Ancak bazı önemli farklılıklar da vardır. Birincisi – bu, temanızı tamamen değiştiriyor. Bunu yapan başka sayfa yapımcıları olduğunu bilmiyorum. Beaver Themer veya Elementor Pro 2.0 kullansanız bile, WordPress temanız hala bir rol oynar ve bunu site kodunuzda görürsünüz. Ancak oksijen, WordPress temanızı denklemden gerçekten ortadan kaldırır. Teknik olarak hala temayı etkinleştirmeniz gerekse de, temanın izini sitenizin ön uç kodunda görmeyeceksiniz: İkinci – Oksijen şablon sistemi, sayfa üreticisiyle alacağınızdan çok daha ayrıntılı. Bunu daha çok uygulamalı bölümde göreceksiniz.
Şablonlar belirli içeriğin görünümünü belirler. Örneğin, bir blog yazısı için bir şablon oluşturursanız (şu anda okuduğunuz yazı gibi), şu belirtmek için oksijen kullanacaksınız:
Blog gönderisinin başlığı nerede.
Yazarın meta bilgilerinin ne dahil edilmesi ve nereye
Blog içeriği nereye gidiyor
Ayrıca tüm bu öğelere bir stil ekleyeceksiniz. Ardından, şablon tarafından hangi gönderinin uygulanacağını tam olarak seçebilirsiniz. Örneğin, tüm yayınlar için bir şablon oluşturabilirsiniz. Veya belirli gönderme kategorileri için özel bir şablon oluşturabilirsiniz: Şimdiye kadar yeterince basit, değil mi? Oksijen şablon sistemi çok havalı hale gelir: ilk şablon mirası, başka bir şablondan miras alınan bir şablona sahip olabilirsiniz. Bu çok fazla esneklik açar. Örneğin, site üstbilginizi ve altbilginizi içeren bir şablon oluşturabilirsiniz. Ardından, sitenizdeki her bir içerik türüne manuel olarak başlık ve altbilgi eklemek yerine, yalnızca üstbilgi ve altbilgi şablonlarını devralan başka şablonlara sahip olabilirsiniz. Temel olarak, bu, bir sonraki şablonu yalnızca üstbilgi ve altbilgi arasındaki içeriği tasarlamak için kullanmanıza olanak tanır.
Bu sadece şu anda zamanınızı kurtarmakla kalmaz, aynı zamanda başlığı gelecekte değiştirmeniz gerekiyorsa, yalnızca başlığınızı/altbilgi şablonunuzu bir kez düzenlemeniz gerektiği anlamına gelir: Şablon Öncelikleri Yukarıdaki örnekte, sahip olabileceğinizi söylüyorum:
Tüm gönderiler için bir şablon Belirli bir yazı kategorisi için bir şablon – “Fotoğraf” kategorisini söyleyin
Ama bununla ilgili bir sorun var, değil mi? Bunu böyle ayarlarsanız, fotoğrafçılık kategorisine göndermek, bu çatışmayı önlemek için kendileri için geçerli olan iki şablona sahip olacaktır (çünkü tüm yayınlar da geçerli olacaktır), Oxygen 2.0 öncelik şablonunu ayarlamanıza izin verir. Temel olarak, bu böyle bir durumda hangi şablonun “kazanması” gerektiğini dikte etmenizi sağlar:
Bir kez daha, bu oksijenin her şeyi oldukça esnek hale getirmesinin başka bir yoludur. Şablonunuzu gerçekten oluşturmak için bir şablon oluşturmak için bir oksijen editörü kullanarak, Oxygen 2.0’da toplam revizyon yaşayan görsel oksijen düzenleyicisini kullanacaksınız. Sıfırdan bir şablon yaptığınızda, başlamak için boş bir editör göreceksiniz. Ancak başka bir şablondan miras alırsanız, alanın etrafında inşa edilebilecek bir şablon göreceksiniz. Solda, tasarımınıza elemanlar eklemek için yan çubuğu kullanabilirsiniz: Bu öğeler beş farklı parçaya ayrılmıştır:
Temel bilgiler – Temel bilgiler – bölümler, metin, resimler vb. Gibi basit yapı taşları Daha sofistike kurucu desteklerin yanı sıra manşetler, ızgaralar ve daha fazlası yapmanıza yardımcı olacak araçlar. WordPress – Bu, WordPress özel öğeleri girmenizi sağlar. Örneğin, bir menü veya yan çubuk ekleyebilirsiniz. Veya WordPress veritabanınızdan herhangi bir bilgi girebilirsiniz – Gönderi Başlığı, Yazar Bilgileri, vb.
Kütüphane-oksijen 2.0, zamandan tasarruf etmek için tasarımdan içe aktarabileceğiniz bir inşa öncesi tasarım seti içerir.
Yeniden kullanılabilir – kendi tasarımınızı yeniden kullanılabilecek bir parça olarak saklayabilir ve buraya erişebilirsiniz.
Gerekirse, kullandığınız diğer eklentilerden içerik de girebilirsiniz.
Binanın düzeni, oksijen 2.0’ın üstün olduğu oksijen bir alanı kullanır. Bina düzenini ortalama sayfa üreticinizden daha kolay hale getiren birkaç özelliğe sahiptir. İlk olarak, her bölümde bir alt öğe düzeni ve yatay öğe hizalama ayarları vardır. Bu, iki harika şey yapmanızı sağlar: bir sütun ayarlamaya gerek kalmadan yatay bir düzen oluşturabilirsiniz (isterseniz sütun öğeleri olsa bile).
Her bir öğeyi tek tek düzenlemeye gerek kalmadan bölümdeki tüm öğelerin seviyesini ayarlayabilirsiniz.
Bunu göstermek için tasarımıma üç unsur ekledim. Onları manipüle etmenin ne kadar kolay olduğuna dikkat edin:
Oldukça kolay! Ancak, her elemanın diğer öğelerle birleştirildiği garip bir mesafe vardır. Ve bu beni sevdiğim oksijen 2.0 düzen sisteminin başka bir kısmına götürüyor … Dolgu ve marjı* manuel olarak ayarlamaya ihtiyaç duymak yerine, alanı ayarlamak için tıklayıp sürüklüyorsunuz. İzlemek:
Bu, iş akışınızı hızlandırmanın çok rahat bir yolu. Ve bu sadece mesafe için değil. Örneğin, düğmenin boyutunu ayarlayabilirsiniz:
*Elbette isterseniz doğrudan kenar boşluklarına/kürek çeklerine erişebilirsiniz. Düzeninizdeki öğeleri yeniden düzenleyen Elementleri sıfırlamanız gerekiyorsa, Oxygen 2.0 artık bir sürükleme ve bırak düzenlemesi var. Bunları sıfırlamanın bir yolu tıklamak ve sürüklemektir. Başka bir yol, Div: Div: Div:
Dom ağacına erişimim çok rahat olduğunu hissediyorum. Thrive Architect sayfasının üreticisi benzer bir konsept içerir ve her zaman öğeler ve kapları arasında geçiş yapmak için kullanırım. Düzenleme öğeleri ve parçalar yukarıdaki ekran görüntüsünde görebileceğiniz gibi, yan çubuğu kullanarak elemanlarınızı düzenlersiniz. Ana sekmede, bir öğe için tüm temel ayrıntıları hazırlayabilirsiniz: ve ardından Gelişmiş sekmesi size daha fazla ayar sağlar:
