Oksijen, WordPress için güçlü görsel özelleştirme sağlar
WordPress site üreticisine geldiğinizde, kullanım rahatlığı ile sayfanızdaki öğeleri ayarlayabileceğiniz ve kontrol edebileceğiniz seviye arasında bir uzlaşma vardır. Genel olarak, WordPress için görsel düzenleme araçları, sayfanızın gövdesindeki içerik üzerinde kontrol sağlar, ancak bundan daha fazlasını ayarlayamaz.
Soflyy’deki insanlardan yeni bir WordPress eklentisi olan Oxygen, sitenin tüm öğeleri üzerinde görsel ve gerçek zamanlı piksel seviyesi kontrolü sağlama sözü verdi. Oxygen, site oluşturmayı yeni başlayanlar için kolaylaştırmayı, aynı zamanda güçlü kullanıcıların kalplerine uyum sağlamasına izin veren paket özelliklerini de amaçlamaktadır.Bu derlemede, oksijenin ana özelliklerini, nasıl yönetileceğini ve çalıştırılacağını ve size ne düşündüğümüzü söyleyeceğiz. Oksijen, siteler hızlı, kolay ve sınırsız ayarlamalarla yeni yollar sunma vaadini yerine getiriyor mu? Öğrenmek için okumaya devam edin. Oksijenin ana özellikleri Oksijende birçok özellik vardır, burada ana teklifin özetleri: • Sitenizi, temel HTML öğesini ve CSS özelliğini kullanarak her şeyin üst piksel seviyesi kontrolü ile görsel olarak tasarlayın. HTML öğeleri bölümler, sütunlar, div blokları, başlıklar, metin kutuları, metin bağlantıları, görüntüler, simgeler, kod blokları ve daha fazlasını içerir.
Oksijen, yalnızca vücut içeriğini değil, aynı zamanda menüler, üstbilgiler, kenar çubuğu ve altbilgi gibi parçaları da düzenlemenizi sağlar. • İçeriği yenilemeye gerek kalmadan gerçek zamanlı olarak düzenlediğinizde doğrudan sitenize bakın. • Oksijen çeşitli hazır bileşenler içerir. Örneğin, 160+ bileşen (önceden yapılmış sayfa blokları), 50+ sayfa (kombine bileşenler) ve beş önceden oluşturulmuş web sitesi demolarından oluşan oksijen içine yerleştirilmiş olan daha sonra – hepsi tamamen duyarlı ve ayarlanmış. Bu varsayılan öğe, sayfalar ve tüm siteler hızlı ve kolay bir şekilde oluşturmanıza olanak tanır. • CSS cihaz seviyesine sahip hücresel duyarlı bir tasarım oluşturun. • Belirli içerik için bir hedef şablon ve tasarım oluşturun: sayfalar, yayınlar, e-niaga, yazı türleri, arşivler, taksonomi, kategoriler, etiketler ve daha fazlası.
• Özel işlevsellik için bir kod yazın (CSS, HTML, PHP ve JavaScript) ve sayfanızı yenilemek zorunda kalmadan kodun sonuçlarını doğrudan görün. WordPress özel döngüsünü çalıştırın, WordPress API işlevini ve daha fazlasını kullanın. • WordPress veritabanından içerik görüntülemek için varsayılan kod bloğunu kullanın. • Özel direk türünü ve özel düzlemi oksijenle ayarlamak kolaydır. Post türünü uygulamak için oksijen şablonlarını kullanın. Tasarım için alan eklemek için kısa kod veya blok kodu kullanın. • Yeniden kullanılan parçalar, aynı içeriğe birden fazla yerde sahip olmanıza, bir sürümü düzenlemenize ve tüm sürümleri otomatik olarak güncellemenize olanak tanır. Yeniden kullanılan parçalar menüler, üstbilgiler, altbilgi, kenar çubuğu ve harekete geçme davetiyesi için kullanılabilir – sitenizde ne olursa olsun. • Kısa kodlar, widget’lar ve PHP kullanarak sayfanıza üçüncü taraf eklenti çıkışını (örneğin kaydırıcı, mega menü, e-niaga, formlar) girin. Ardından, eklentinin CSS ile çıkış kuvveti. • İstediğiniz yere bir widget ekleyin – sadece yanda değil. Ayrıca Icomoon’dan tek bir tıklamayla kendi SVG simgeni yükleyebilirsiniz. Oksijen ayrıca TypeKit ile çalışır ve çeşitli döküm türlerinden yazı tiplerini içe aktarmanıza izin verir. • Metin okunabilirliğini artırmak için arka plan görüntüsünü renklendirin. • Oksijenli bir çocuğun temasını kullanma gerekliliğini unutun – Sitenin tasarımı WordPress veritabanında saklanır, böylece oksijen güncellemesi onsuz güvenlidir. • Oksijen, SEO eklentileri ve hatta görsel besteciler, kunduz inşaatçıları ve öğeler gibi üçüncü partili sayfalar dahil üçüncü taraf eklentileriyle uyumludur.
• Oksijen dostu arama motorları ile yapılan sayfalar, yüksek kaliteli HTML ve CSS kullanır ve kullanır. Diğer sayfa yapımcılarının aksine, oksijen ekstra sigara ekleyen ve sitenizi yavaşlatan bir kafes veya çerçeveye bağlı değildir. Kodu yalnızca sayfanıza eklediğiniz öğelere ekler. • Alanlar arasında oksijen ile yapılan tasarımları ihraç etmek ve içe aktarır. Oksijen takma
WordPress için oksijen nasıl kurulacağınız aşağıda açıklanmıştır: 1. İlk olarak, OxyGenapp.com’dan oksijen almalısınız. Ardından, satın alma onay ekranından, oksijeni indirmek için oksijen bağlantısını tıklayın. Aynı ekranda, oksijen lisans kilidinizi kopyalayın. Daha sonra WordPress’e yapıştırmak için ihtiyacınız olacak. 3. WordPress’te eklentiyi açın … Yeni ekleyin. 4. Eklentileri yükleyin, dosyaları seçin ve bilgisayarınızdan Oxygen.zip’i seçin. 5. Şimdi Yükle’yi tıklayın. 6. Kurulduktan sonra Eklenti Etkinleştir bağlantısını tıklayın. 7. WordPress yöneticisinde oksijen açın … lisans, lisans anahtarınızı girin ve Gönder’i tıklayın. Lisansınız doğrulanmalıdır. Lisans anahtarınızı göndererek oksijen için otomatik bir güncelleme alacaksınız. Birçok bileşen ve önceden oluşturulmuş sayfalar oksijen ile donatılmıştır. Sayfalarınızı ve web sitelerinizi daha hızlı oluşturmanıza yardımcı olabilirler. Hücresel duyarlıdırlar ve bir yer tutucu gibi davranırlar, böylece sayfaya ekledikten sonra kendi içeriğinize kolayca ayarlayabilirsiniz.
Bu, Oxygen: 8. OxyGenApp.com sitesindeki Satın Alma Onayı ekranına dönün ve bileşenler ve tasarım setleri için lisans anahtarını kopyalayın. 9. WordPress Yöneticisinde Oksijen … Lisansa Dönün ve Bileşenler ve Tasarım Setlerinin yanındaki alandaki lisans anahtarını girin. 10. Gönder’i tıklayın, lisansınız doğrulanacaktır. WordPress Yöneticisindeki Oksijen Menüsü Oksijen yükledikten sonra, WordPress Yönetici Kenar Çubuğu’nda yeni bir oksijen bağlantısı göreceksiniz: SVG SET Şablon Dışa Aktarma İçe Aktarma Lisansı Şablonlar, bu şablon görsel olarak tasarlanamadıkça standart bir WordPress tema şablonu dosyası gibi davranır. Standart WordPress şablonları gibi, tasarımlar, sayfalar, arşivler (örneğin bloglar için), taksonomi, özel yayınlar, özel taksonomi, e-niaga sayfaları, üstbilgiler/altbilgi ve dahil olmak üzere istediğiniz içerik türü için hedeflenebilir. Daha fazla SVG seti, Icomoon’dan oksijene yeni bir simge seti yüklemenizi sağlar. Dışa aktarma/içe aktarma, sitenizin kodu kopyalamanıza ve başka yerlere getirmenize olanak tanır. Bu aynı zamanda kodu diğer oksijen sitelerinden girmenizi sağlar. Lisans, otomatik güncellemeler için oksijen lisans anahtarını girdiğiniz yerdir ve tasarımınız için ek öğeler, bileşenler ve sayfalar için oksijen sunucusuna bağlanır. Oksijen kullanmak
Oksijen, görsel bir site oluşturmak için birçok özellik ile birlikte gelir. WordPress ile oksijeni kullanmak için temel adımlar: 1. Sayfa açarak WordPress’te yeni bir sayfa oluşturun … Yeni ekleyin.
2. Sayfanız için başlığı ekleyin ve Yayınla’yı tıklayın. 3. Sayfa başlığınızın altındaki oksijen bölümünde, görsel düzenleyicideki Mavi Düzenle düğmesini tıklayın. Oksijen açar ve sayfanızı tasarlamaya başlamanıza izin verir. Not: Oksijen geliştiricisi Soflyy, sayfalar tasarlarken Google Chrome’un kullanılmasını önerir. Google Chrome ile testlerin çoğunu yaptılar ve en istikrarlı deneyim için tavsiye ettiler. Bu sadece inşaatçının kendisi için geçerlidir. Oksijenle yapılan sayfanın tüm modern tarayıcılarda doğru görüntüleneceğini söylüyorlar. 4. Oksijende, sol üstteki +Ekle düğmesini tıklayın.Bu, sayfanız için farklı bileşenlere sahip beş sekmeyi ortaya çıkarır.Beş sekme şunlardır: WordPress’in Temelleri, Bölüm, Başlık, Metin, Görüntüler, Sütunlar, Bağlantılar, Div Blokları, Kod Blokları ve daha fazlası gibi temel HTML öğeleri sağlayan Temel Bilgiler Sekme Tasarım Setinin Bileşenleri Yeniden Kullanılabilir.WordPress sekmesi kısa kodlar ve eklenti widget’ları kullanmanıza olanak tanır.Oksijen ile, sayfanızda sadece yanda değil, widget’lar ekleyebilirsiniz.Yeniden kolay sekme, “yeniden kullanılabilir” saklanan bir bileşendir.Oksijende, başlıklar gibi herhangi bir sayfa öğesini tıklayabilir ve bunları yeniden kullanılabilecek bileşenler olarak ayarlayabilirsiniz.Bu şekilde, sitenizde kullanabilir, tek bir yerde değiştirebilir ve her yerde yenileyebilirsiniz.Bileşen sekmesinde başlıklar, altbilgiler, “kahramanlar” bölümleri
, İçerik bölümü, harekete geçirme daveti, fiyat bölümleri ve daha fazlası. Bu bileşen OxyGenApp.com sunucusundan çekilir. Tasarım seti çeşitli bileşenler ve sayfalar içerir. Önceden oluşturulmuş öğeyi kullanmak, bir site oluşturmanın en hızlı yolunu oluşturmanıza olanak tanır. Ayrıca OxyGenApp.com sunucusundan da geliyor. Bir sonraki tasarım koleksiyonu, kendi siteniz için bir yapı taşı olarak kullanabileceğiniz beş demo sitesi (özel, hukuk, fotoğrafçı, ajans ve ana) dahil olmak üzere 160’dan fazla bileşen ve 40’tan fazla tasarım sayfası içerir. Bu site demosunun her sayfası sitenize tek bir tıklama ile kopyalanabilir. 5. Sitenize beş sekmeden birinden öğe eklemek için seçin. Sayfanızda olduktan sonra, istediğiniz gibi ayarlamak için araç çubuğundan veya yan menünün yan tarafından (aşağıda okuyun) seçeneği kullanabilirsiniz. 6. Sayfanızı istediğiniz gibi tasarladıktan sonra sağ üstteki Kaydet düğmesini tıklayın. 7. Tarayıcınızdaki sayfa görüntüsünü görmek için WP’ye Geri Düğmeye tıklayın ve WordPress Düzenleme sayfasında Permalink bağlantısını tıklayın. 8. WordPress’e dönmek için sayfanın üst kısmındaki sayfa düzenleme bağlantısını tıklayın. Oradan, daha fazla tasarlamak için oksijene dönmek için görsel düzenleyiciyi düzenleyin. Yukarıda bahsettiğim gibi oksijen araçları, oksijene girerken gördüğünüz ilk şeylerden biri, tasarımınız için beş öğe, bileşen ve sayfa sekmesine erişmek için + ekle düğmesidir. Sekmelerden birinden sayfanıza hazır öğeyi ekledikten sonra, üzerine tıklayabilir ve bir oksijen araç çubuğu ile düzenleyebilirsiniz. Araç çubuğu, seçilen nesneyi düzenlemek için ihtiyacınız olan en yaygın CSS parametrelerini görüntüler. Seçtiğiniz öğenin türüne bağlı olarak, seçeneği değiştiren çubuk kullanılabilir. Örneğin, metin eklediğinizde, araç çubuğu size renk, yazı tipleri, boyut, ağırlık, bağlantılar vb. İçin seçenekler sunar. Görüntü eklediğinizde, URL, genişlik, yükseklik, bağlantılar vb. Seçeneği sunan araç çubuğu. Bir kod bloğu eklediğinizde, araç çubuğu Kod Düzenleyicisi ile birlikte etiket için seçeneği sunar. Daha fazla düğmeyi tıkladığınızda … araç çubuğunda, oksijen daha fazla CSS özelliği görüntüler: CSS ve JavaScriptiPsi sınır tipografisinin arka plan konumu ve boyutu her genel CSS özelliğini içerir ve piksel düzeyinde bir görsel sayfa öğesi tasarlamanıza izin verir. Ve görsel kullanıcı arayüzlerinden (örneğin, gradyanlar, geçişler) mevcut olmayan özellikler için oksijen, kendi özel seçmenleriniz de dahil olmak üzere kendi CSS ve JavaScript’lerinizi yazmanıza olanak tanır. Araç çubuğu ayrıca öğeleri silmek veya çoğaltmak, sınıflar ve CSS kimlikleri oluşturmak, farklı hücresel ekran boyutları için duyarlı stiller yazmak, sözde sınıf durumunu düzenlemek ve yapmak ve daha fazlasını yapmak için düğmeler içerir. Oksijenin üst tarafının menüsü, kenar çubuğu menüsünü değiştiren düğmedir ve aşağıdakiler için seçenekler görüntüler: DOM Tree Sheet Seçmen Tarzı Sayfası
Dom ağacı bahçenizdeki bir nesne ağacıdır. Bu, nesneleri kaldırmak, nesneleri bulmak, nesnelerin tekrar kullanılabileceğini, nesneleri çoğaltmak, nesneleri ile sarmak, nesnenin adını değiştirmek ve ağaçları küçültme veya genişletme seçenekleri sağlar. Stil sayfası bölümü, siteniz için tüm stil sayfası içerir. Bu aynı zamanda kendi CSS’nizi yazmanızı sağlar. Üçüncü taraf eklentilerinin çıkışını bile ayarlayabilirsiniz. Seçici bölümü, sayfanızdaki tüm CSS sınıflarını listeler. Ayarlar ve WordPress’e geri dönme, oksijenin sağ üst sayfasında da ayar ve WP düğmesine geri dönme. Ayarlar düğmesi size Site sayfanız için Pixel’in genişliğini ve siteniz için başlık ve varsayılan metin yazı tipini anlatır. WP’ye geri dönmeyi tıklamak sizi oksijenden çıkarır ve WordPress sayfa düzenleyicisine geri götürür. Oradan, permalink bağlantısını tıklayarak sayfanızın ön uçta nasıl olduğunu görebilirsiniz. Video Eğitimi: Oksijen desteğini hazırlayın ve kullanın ve
Oksijen desteği belgelenmesi çok iyidir ve oksijen üreticisinin doğrudan temas desteği içerir.Onlara birkaç e -posta gönderdim ve birkaç saat içinde yanıt aldım.Bu, oksijen için bulacağınız destek seçeneğidir: E -posta Destek Çevrimiçi Dokümantasyon İletişim Formu, sizi hazırlamak ve çalıştırmak için bir dizi video da dahil.Demo testi https://oxygenapp.com/ trys, oksijenin arkasındaki insanlar olan çevrimiçi sunucusu Soflyy aracılığıyla destekleme desteği, sürdürülebilir bir iş olarak görüyor.Özünde, bu, her zaman daha iyi hale getirmenin ve müşteri geri bildirimlerine ve özelliklere girmenin yollarını aradıkları anlamına gelir.Bu şirket için iyi bir tutum ve felsefe.Oksijen hakkında sorularınız varsa, bunlara [E -posta Koruması] ile iletişime geçilebilir.fiyat
