Avada Üstbilgi, Altbilgi ve sütun düzeni oluşturucu nasıl kullanılır?

Kendi sayfa oluşturucumuz Avada Builder artık iki arayüzde mevcuttur: arka uç tel çerçeve sayfa oluşturucumuz olan Avada Builder ve ön uç oluşturucumuz olan ve yakın zamanda Avada 6.0 ile tanıtılan Avada Live. .

Avada Builder'ın her iki versiyonu da, Konteynerler, Sütunlar ve Öğelerden oluşan basit sistemimizi kullanarak, web siteniz için kolayca güzel sayfa düzenleri tasarlamanıza olanak tanır. Avada Builder, modern web tasarımcıları ve site sahipleri için harika bir araçtır çünkü onlara sayfa içeriği ve Mizanpajın tüm yönleri üzerinde tam kontrol sağlar. Avada Builder'ın her iki sürümü de aynı kodu oluşturur. Tamamen değiştirilebilirler ve şu anda mevcut olan Avada Builder ile her iki dünyanın da en iyisine sahip olmanızı sağlar.

Düzen Oluşturucu sayfası, tüm Düzenlerinizi ve varsayılan olarak oluşturulan Genel Düzene ek olarak oluşturmak isteyebileceğiniz Koşullu Düzenleri bulacağınız yerdir. Ayrıca burada, Düzenlerinize Düzen Bölümleri atadığınız ve Koşullu Düzenlerinizin etkili olması için Koşulları belirttiğiniz alan da bulunur.

Düzen Oluşturucuya Avada Kontrol Panelinden, açılır menüden Düzenler > Düzen Oluşturucu seçilerek erişilebilir. Düzenleri tanımlamanın en basit yollarından biri, bunların bir sayfanın dört düzen bölümünü (Başlık Bölümü, Sayfa Başlığı Çubuğu Bölümü, İçerik Bölümü ve Alt Bilgi Bölümü) barındıran Kapsayıcılar olduklarını söylemektir. Bu belgeyi okuyarak Düzen Bölümleri ve Düzenler arasındaki farklar hakkında daha fazla bilgi edinebilirsiniz: Düzenleri ve Düzen Bölümlerini Anlamak (PDF). Bu sayfada yapabilecekleriniz hakkında daha fazla bilgi edinmek için okumaya devam edin.

Düzen Oluşturucu sayfasının en üstünde iki bölüm bulunur. Genel Mizanpajda Mizanpaj Bölümlerini doldurmaya veya Koşullu Mizanpajlar oluşturmaya yönelik bir teknik ilk bölümde özetlenmiştir (ipucu: bunu X ile kapatabilirsiniz) ve ekranın sağ tarafında şunları yapabileceğiniz bir alandır: doğrudan yeni Düzenler oluşturun (aşağıya bakın). Yeni Düzeniniz için bir ad yazın ve ardından işlemi tamamlamak için Yeni Düzen Oluştur'a tıklayın. Bu yöntem kullanıldığında boş bir Düzen oluşturulur; hiçbir Düzen Bölümü veya koşulu belirtilmemiştir.

Siz Düzenleri oluştururken, bunlar otomatik olarak Düzen Oluşturucu sayfasına aktarılır. Sayfanın üst kısmındaki Yeniden Adlandır düğmesini tıklayarak bir Düzeni yeniden adlandırabilirsiniz. Ayrıca Düzen için koşullar oluşturmak üzere dişli çark simgesini tıklayabilir ve sayfanın üst kısmındaki Çöp Kutusu simgesini tıklatarak bir Düzeni silebilirsiniz. Ayrıca Global Düzen dışındaki tüm Düzenlerin alt kısmına tıklayarak kriterleri görebilir ve atayabilirsiniz.

Her Düzende, dört düzenin her biri için bir tane olmak üzere belirli bir Düzene atanan dört Düzen Bölümünü görebilirsiniz. Her Düzen Bölümünde, farenizi üzerine getirdiğinizde Düzenin o bölümüne bir Düzen Bölümü atamanıza olanak tanıyan bir + simgesi göreceksiniz. Mevcut bir Pafta Bölümünü bu bölüme atama veya sıfırdan yepyeni bir bölüm oluşturma seçeneğiniz vardır.

Bölüm düzenini kullanma

Avada Layouts'un bir parçası olarak artık web siteniz için tamamen özelleştirilebilir altbilgiler oluşturabilir ve bunu başarmak için Avada Builder'ın tüm yaratıcı yeteneğinden yararlanabilirsiniz.

Alt Bilgi Düzeni, Düzene eklenen bir Düzen Bölümüdür. amp , Özel Alt Bilgi, Genel veya Özel Düzene eklenebilecek bir Alt Bilgi Düzeni Bölümü gerektirir. Bir sonraki bölümde Özel Alt Bilgi Düzeni Bölümü oluşturmaya bakacağız, ancak önce Avada Düzenlerine Giriş'e bakalım.

WordPress kenar çubuğunda veya Avada Kontrol Panelinde Avada > Düzenler'i seçin. Avada'nın Düzenleri ve Düzen Bölümleri burada oluşturulur ve yönetilir. Aşağıda gösterildiği gibi, Global Düzen başlangıçta boştur ve ilişkili Düzen Bölümleri yoktur.

Bir Düzeni Özelleştirme

Bu bölüm, yalnızca belirli özel yazı türlerinde veya tek sayfalarda gösterilerek Genel Düzene veya Koşullu Düzene eklenebilir. Global Düzen zaten mevcut, ancak önce bir Koşullu Düzen geliştirmemiz gerekiyor.

Düzenler sayfasında bir ad ekleyin ve aşağıda gösterildiği gibi Yeni Düzen Oluştur'u tıklayın.

Mevcut bir Düzene veya Genel Düzene eklemek istiyorsanız bir Alt Bilgi Düzeni Bölümü oluşturun.

Düzen Bölümü Oluşturucu ekranında, Düzen Bölümü türünü seçin, bir ad girin (bu amp , Alt Bilgi, muhtemelen Genel Alt Bilgi) ve aşağıda gösterildiği gibi Yeni Düzen Bölümü Oluştur'u tıklayın.

Aşağıdaki resimde, doğrudan Mizanpajdan nasıl Pafta Bölümü oluşturulacağı gösterilmektedir. Sitenizin Düzen Bölümleri bir Düzene eklenmelidir. Başlangıçta sadece Küresel Düzen vardır. Dolayısıyla, Genel Özel Altbilgi oluşturmak için onu bu Düzene ekleyin. Özel Alt Bilgi Düzeni Bölümü'nü seçin, ardından Düzen'in kriterlere göre görünmesini sağlamak için Özel Alt Bilgi Düzeni Bölümü'ne koşullar ekleyin.

Bunda yanlış bir şey yok ama durumu dikkate almak hayati önem taşıyor. Düzen şu anda etkinse (yani koşulları varsa veya Genel Düzen ise), tüm yeni Düzen Bölümleri anında etkin ve boş olacaktır. Önce Mizanpaj Bölümü Oluşturucu sayfası aracılığıyla Global Mizanpaja Özel Alt Bilgi eklemek, ardından bunu Global Mizanpaj'a eklemek daha mantıklı olur.

Alternatif olarak, Koşullu Düzen'e alt bilgi, üst bilgi veya sütun Düzen Bölümü ekleyebilir ve ardından onu oluşturabiliriz. Koşullar eklenene kadar koşullar kullanılmaz. Aşağıda gösterildiği gibi, Alt Bilgi Düzeni Bölümünü üzerine gelip düzenle simgesine tıklayarak değiştirebiliriz.

Özel Mizanpaj Düzenleme

Yeni bir Düzen Bölümünü düzenlerken varsayılan WordPress Düzenleyici görünür; Buradan Avada Builder veya Avada Live'ı kullanabilirsiniz. Özel Düzen Bölümleri burada oluşturulur. Ek bilgi için bkz. Mizanpaj Bölümü İçeriği Oluşturma, ancak kısacası burada her şeyi oluşturabilirsiniz.

Özel Altbilginiz Avada Builder'da oluşturabileceğiniz her şeyi içerebilir. Çok sayıda sütununuz, fotoğrafınız vb. olabilir; Bu, muazzam bir esnekliğe izin verir. Düzen bölümü altbilgi malzemesinin görüneceği yerdir. Malzeme İnşaatçıdan gelir ve tek kısıtlama yaratıcılığınızdır.

Aşağıdaki Taksi Demosu için oluşturulmuş orijinal Alt Bilgiye bakın; Bu, tema seçenekleri ve alt bilgi widget'ları değiştirilerek yapıldı.

Bu Özel Başlığın Masaüstü sürümü burada gösterilmektedir, ancak bu Özel Başlığın kapsamını doğru bir şekilde kavramak için buradan erişebileceğiniz canlı siteyi ziyaret etmelisiniz.

Koşullu Yerleşim Tasarımı

Küresel Düzende Koşul Yok. Mizanpaj Bölümleri eklemek global olduğundan her sayfada kullanılacaktır. Sitenizin yalnızca bazı sayfalarında (tek blog makaleleri gibi) Özel Altbilgiye ihtiyacınız varsa, Koşullu Düzen kullanmanız gerekir.

Koşullu Düzen yalnızca mevcut Düzen Bölümlerini içerebilir. Daha sonra, Mizanpajın Alt Bilgi Seç sekmesi altında, aşağıda görüldüğü gibi Mizanpaj Bölümünü ekleyebileceğiniz Mevcut'a gidin.

Herhangi bir Koşullu Düzen için koşulları ayarlamanız gerekir. Koşullar belirlendiği anda Düzen etkinleşir; Bu nedenle Mizanpaj Bölümünü oluşturmadan önce bu işlemi yaparsanız şartlara uyan sayfalar boş kalacaktır.

Koşul eklemek için Düzenin alt menüsünden Koşul Ekle'yi seçin. Aşağıda gösterildiği gibi bir iletişim kutusu görüntülenir. Koşullu Düzenler hakkında daha fazla bilgi için Koşullu Düzenleri Anlama bölümüne bakın, ancak bu amp için, aşağıda görüldüğü gibi Gönderi Koşulları sekmesinde Tüm Gönderiler'i seçeceğiz.

Avada Layout oluşturucusundan sütunlar ekleme

Sütun Elemanı, Konteyner Elemanı gibi, bir Avada sitesi tasarlanırken önemli bir yapısal bileşendir.

Avada Layout oluşturucuyla sütun eklemek nispeten kolaydır.

  • Sayfaya Kapsayıcı eklemek için + Kapsayıcı tıklayın Bir Kapsayıcı eklerken bir sütun veya sütun düzeni seçmeniz istenecektir. Boş bir Konteyner oluşturabilirsiniz ancak normalde bu adımda Sütunlar eklersiniz.
  • Mevcut bir Kapsayıcıya yeni sütunlar eklemek için Kapsayıcının üzerine gelin ve ' + Sütun ' düğmesini tıklayın. Yeni bir sütun eklemek için burayı tıklayın.
  • Bir sütunun sol üst köşesinde 'Sütunu Yeniden Boyutlandır' simgesini tıklayın. Artık Sütununuzla aynı boyutta olacaktır. Örneğin amp Sütunu Yeniden Boyutlandır seçeneğinin altında '1/4 olarak görünecektir
  • Yeniden düzenlemek için sütunları sürükleyip bırakın. Ayrıca sütunları Kapsayıcılara sürükleyip bırakabilirsiniz.

Bir Sütun yalnızca aynı genişliğe sahip bir kap öğesinin içine yerleştirilebilir; Bu genellikle site için belirlediğiniz Site Genişliğidir. Yani site genişliğini 1200px olarak ayarlarsanız 1/2'lik bir sütun 600px genişliğinde olacaktır. Ön Ayarlı Sütun boyutları bir sayfaya eklendiğinde aşağıda gösterilir.

Avada'da, büyük, orta ve küçük düzenlerde sütun genişliklerini (ve daha fazlasını) ayrı ayrı ayarlayabilirsiniz. Duyarlı Düzenlerde Görüntüleme Sırasını ve Sütun Boyutunu Nasıl Ayarlayacağınız, bu mükemmel yeni özelliğin sütunlarla nasıl kullanılacağını açıklıyor.

Sütunlar > Tasarım > Genişlik altındadır . Aşağıda gösterildiği gibi, yüzde sayısını kullanmak Özel Genişlik belirtmenize olanak tanır. Böylece konumlandırma sınırsızdır

Otomatik yeni bir genişlik seçeneğidir. Sütun, sabit bir genişlik yerine içindeki en önemli Öğenin alanını kaplayacaktır. Yani yalnızca bazı durumlarda işe yarar. Ana Sütunu Otomatik olarak değiştirebilirsiniz; Sütun, Öğenin genişliğine göre yeniden boyutlandırılacaktır.

Avada ayrıca Kapsayıcılar ve Sütunlar için Duyarlı Seçenek Kümeleri ekler. Builder'ın arka ucunda, aşağıdaki resimde görüldüğü gibi herhangi bir Sütunda Duyarlı Simgeleri görebilirsiniz. Ön Uç Oluşturucu, seçeneklerdeki Duyarlı Simgeleri gösterir.

Yalnızca yeni Flex Kapsayıcılar Duyarlı Seçenek Kümelerini gösterir. Eski Kapsayıcılardaki sütunlar mevcut değil.

Çözüm

Avada Layouts sayesinde Özel Altbilgi, Başlık oluşturma ve sütun ekleme yeteneği artık bir gerçek ve neredeyse sınırsız bir seçenek. Avada Builder'ın gücünden yalnızca hayal edebileceğiniz herhangi bir Altbilgi veya Üstbilgiyi oluşturmak için yararlanmakla kalmaz, aynı zamanda bunları herhangi bir sayfada, kategoride, özel gönderi türünde veya bunların herhangi bir kombinasyonunda göstermek veya gizlemek için Koşullu Düzenlerin gücünden de yararlanabilirsiniz. Avada Builder'ı kullanırken aklınıza gelebilecek kriterler.

Konu WordPress düzenleri olduğunda, Avada Layouts tam anlamıyla ezber bozan bir şeydir. Böyle bir tasarım özgürlüğüne ve dağıtım esnekliğine izin vermesi, Altbilgi oluşturma sürecinin asla aynı olmayacağı anlamına gelir.

Hanson F.

yakın zamanda Gönderilenler

Elementor ile üstbilgiler ve altbilgiler nasıl kullanılır?

Bir web sitesinin üstbilgileri ve altbilgileri temel unsurlardır. Çoğu durumda, Başlık gezinmeyi sağlar…

6 Ocak 2022

WordPress tema karşılaştırması: Astra vs OceanWP

Piyasadaki en popüler WordPress temalarından ikisi Astra ve OceanWP'dir. Profesyonel…

2 Ocak 2022

WordPress haber teması karşılaştırması: Gazete vs. Astra

Mükemmel bir haber sitesi oluşturmak, web tasarımcısı olmanızı gerektirmez. Biz…

25 Ekim 2021

Gazete Teması ile haberlerle ilgili bir web sitesi oluşturun

Gazete teması, tagDiv tarafından tasarlanan en önemli WordPress temalarından biridir.

18 Ekim 2021

Avada WooCommerce oluşturucuyla bir e-Ticaret nasıl oluşturulur?

Çevrimiçi bir mağaza kurmaya gelince, WooCommerce başvurulacak plugin . BT…

4 Ekim 2021

Elementor ile yapışkan başlık ve kaydırma efektleri nasıl kullanılır?

Başlık genellikle bir kişinin web sitenizi ziyaret ettiğinde gördüğü ilk şeydir,…

21 Eylül 2021