Brizy'de Tuval Dışı Menü Nasıl Oluşturulur

Menü, bir web sitesinin hayati bir unsurudur. Bir menü olmadan ziyaretçileriniz, web siteniz aracılığıyla onlara ne sunmak istediğinizi öğrenmek için bir sorun bulacaktır. Ziyaretçilerinizi etkilemek için site menünüzü benzersiz, şık bir şekilde görüntüleyebilirsiniz. Bunlardan biri, site menünüzü tuval dışı bir tarzda görüntüleyebilmenizdir. Web sitesi bağlamında, tuval dışı bir menü, bir ziyaretçinin menü düğmesini tıklatmasından sonra menünün sol tarafta veya sağ tarafta göründüğü bir davranışı ifade eder. İşte tuval dışı bir menü örneği.

WordPress'te, yukarıdaki gibi bir menü davranışı oluşturmak için kullanabileceğiniz bir sürü eklenti vardır. JetMenu (yalnızca Elementor), Groovy Mega Menu, Max Mega Menu ve benzeri gibi. WordPress tabanlı web sitenizi oluşturmak için Brizy kullanıyorsanız, web sitenizde tuval dışı bir menü oluşturmak için yeni bir eklenti yüklemeniz gerekmez. Brizy'nin aslında tuval dışı bir menü oluşturmaya adanmış belirli bir özelliği yoktur, ancak biraz yaratıcılıkla, böyle bir şeyi başarmak için açılır pencere oluşturucu özelliğini kullanabilirsiniz. Ayrıca, tam ekran menü oluşturmak için Brizy açılır pencere oluşturucusunu da kullanabilirsiniz.

Brizy'de Tuval Dışı Menü Nasıl Oluşturulur

Brizy'de tuval dışı menü oluşturma süreci iki adımdan oluşur. İlk olarak, tuval dışı menü olarak kullanacağınız açılır pencereyi oluşturmanız gerekir. Açılır pencere oluşturulduktan sonra, tercihinize göre bir düğme, simge veya metin kullanarak onu arayabilirsiniz.

Adım 1: Açılır pencereyi oluşturun

Brizy'nin açılır pencere oluşturucusu birkaç tetik türünü destekler. Bunlardan biri tıklamalı. Tuval dışı menüyü oluşturmak için bu tetikleyici türünü kullanabilirsiniz. Buradaki fikir, açılır pencereyi oluşturmanız ve tetikleme türünü tıklama olarak ayarlamanızdır. Ardından açılır pencereyi bir düğme, simge, metin veya bağlantı ekleme seçeneği olan herhangi bir Brizy öğesi aracılığıyla arayabilirsiniz.

Bir şey. Açılır pencere oluşturucu özelliği yalnızca Brizy'nin pro sürümünde mevcuttur; bu nedenle, henüz yapmadıysanız Brizy'nizi pro sürüme yükseltmeniz gerekir.

Brizy'de bir açılır pencere oluşturmaya başlamak için, WordPress kontrol panelinizde Brizy -> Açılır Pencereler'e gidin. Yeni bir açılır pencere oluşturmak için Yeni Ekle düğmesini tıklayın.

Açılır pencerenize bir ad verin ve Yayınla düğmesini ve ardından Brizy düzenleyicisini kullanarak açılır pencereyi düzenlemek için Brizy ile Düzenle düğmesini tıklayın.

Tuval alanındaki artı düğmesine tıklayın. Brizy'nin tuval menüsüne ayrılmış önceden hazırlanmış bir açılır şablonu olmadığından, görünen kitaplık penceresinde Kendi oluştur seçeneğini tıklamanız yeterlidir.

Açılır pencerenize herhangi bir içerik eklemeden önce, önce arka planı değiştirebilirsiniz. Bunu yapmak için farenizi açılır pencerenin üzerine getirin ve gri ok simgesine tıklayın. Görünen ayarlar çubuğunda Renkler sekmesine tıklayın ve beğendiğiniz rengi seçin.

Kenarlık yarıçapını (köşe) değiştirmek isterseniz, ayarlar çubuğundaki dişli simgesine tıklayıp Diğer ayarlar seçeneğine tıklayabilirsiniz. Kenarlık yarıçapını ayarlama seçeneği, görünen ayarlar panelinin alt tarafında bulunur.

Ardından, açılır pencerenin hizalamasını ayarlayabilirsiniz. Tuval dışı bir menü oluşturmak istediğiniz için, hizalamayı sola veya sağa ayarlayabilirsiniz. Bunu yapmak için sağ üst köşedeki mikser simgesine tıklayın ve görünen ayarlar çubuğunda Hizala sekmesine tıklayın.

Ardından, kapat düğmesinin konumunu, boyutunu ve rengini ayarlayabilirsiniz. Bunu yapmak için tuval alanındaki X simgesini tıklayın. Kapat düğmesi boyutunu, görünen ayarlar çubuğundaki Simge sekmesinden ayarlayabilirsiniz. Rengi ayarlamak için Renkler sekmesine tıklayabilirsiniz. Boyutu ayarlamak için kalan iki sekmeye tıklayabilirsiniz.

Ardından, açılır pencerenin boyutunu ayarlayabilirsiniz. Bunu yapmak için mikser simgesine tıklayın. Görünen çubukta dişli simgesini tıklayın. Genişlik seçeneğinde genişliği ve Yükseklik seçeneğinde yüksekliği ayarlayın. Bu açılır pencereyi tuval dışı menü olarak kullanmak istediğiniz için Yüksekliği Tam Yükseklik olarak ayarlamanızı öneririz. Daha sonra İçerik seçeneğinde içerik hizalamasını ayarlayabilirsiniz.

Ardından, kaplama rengini değiştirmek isteyebilirsiniz. Bunu yapmak için, ayarlar çubuğunu açmak için mikser simgesine bir kez daha tıklayın. Kaplama rengini Renkler sekmesinde ayarlayabilirsiniz. Kaplamayı devre dışı bırakmak istiyorsanız, renk opaklığını %0'a ayarlamanız yeterlidir.

Artık içeriği açılır pencerenize ekleyebilirsiniz. Menü, iletişim formu, gönderiler ve hatta isterseniz özel alanlar gibi öğeler ekleyebilirsiniz. Brizy'de yeniyseniz, Brizy'yi nasıl kullanacağınızı öğrenmek için önceki makalemizi okuyabilirsiniz.

Açılır pencerenizin içeriğini eklemeyi ve düzenlemeyi tamamladığınızda, mikser simgesini ve ardından görünen çubukta Açılır Pencere sekmesini tıklayın. Görüntüleme koşullarını ve tetikleyiciyi ayarlamak için Görüntüleme Koşulları'na tıklayın.

TETİKLER sekmesinde, tetikleyiciyi Tıklandığında olarak ayarlayın. Görüntüleme koşullarını ayarlamak istiyorsanız, KOŞULLAR sekmesine gidebilirsiniz. Varsayılan olarak, görüntüleme koşulu Tümü olarak ayarlanmıştır. Menünüzün sitenin tamamına yüklenebilmesini istiyorsanız, görüntüleme koşulunu değiştirmenize gerek yoktur. Değişikliği uygulamak için Kaydet düğmesini tıklayın.

Ayarlar çubuğunu açmak için mikser simgesine bir kez daha tıklayın ve açılır pencerenizi Brizy kitaplığınıza kaydetmek için kalp simgesine tıklayın.

Son olarak, açılır pencerenizi güncellemek için sağ alt köşedeki Güncelle düğmesini tıklayın.

2. Adım: Açılır pencereyi arayın

Daha önce bahsettiğimiz gibi, bağlantı ekleme seçeneği olan herhangi bir Brizy öğesini kullanarak açılır pencereyi çağırabilirsiniz. Bu örnekte Icon öğesini kullanacağız (hamburger simgesini kullanacağız). Açılır pencereyi aslında herhangi bir yerden arayabilirsiniz, ancak menü simgesi genellikle başlıkta bulunduğundan, simgeyi başlığa ekleyeceğiz. Brizy'de nasıl özel başlık oluşturulacağını öğrenmek için önceki makalemizi okuyabilirsiniz. Bu örnekte, doğrudan başlığa Icon öğesini eklemeye gideceğiz. Simge öğesini başlık bloğuna sürüklemeniz yeterlidir.

Simgeyi değiştirmek için, ayarlar çubuğunu açmak üzere simgeye tıklayabilirsiniz. Görünen ayarlar çubuğunda yıldız simgesini tıklayın. Simge seçeneğindeki simge seçiciye tıklayarak simgeyi seçebilirsiniz. Simge boyutunu, altındaki seçenekten de ayarlayabilirsiniz.

Rengi ayarlamak için ayarlar çubuğundaki Renkler sekmesine tıklayabilirsiniz.

Yukarıda az önce oluşturduğunuz açılır pencereyi çağırmak için ayarlar çubuğundaki Bağlantı sekmesine tıklayabilirsiniz. Brizy kitaplığını açmak için Popup sekmesini ve ardından açılır seçiciyi tıklayın. Brizy kitaplığında Kaydedildi sekmesine tıklayın ve az önce oluşturduğunuz açılır pencereyi seçin.

Son olarak, başlığınızı güncellemek için sağ alt köşedeki Güncelle düğmesini tıklayın.

Bu kadar. Brizy kullanarak WordPress'inizde tuval dışı bir menüyü başarıyla oluşturdunuz.