Tam ekran bir menü oluşturmak istiyor musunuz? Elementor ? Eğer öyleyse, bu makale size nasıl olduğunu gösterecek. Tam ekran menü oluşturmak için herhangi bir eklenti gerekmez. Elementor. Tum ihtiyacin olan sey Elementor Pro.
profesyonel sürümüElementor bir ile birlikte gelir açılır pencere oluşturucu bu da güzel açılır pencereler oluşturmanıza olanak tanır. Elementor'da tam ekran menü oluşturmak için bu özelliği kullanabilirsiniz.
Bugün ne hakkında konuşmak istediğimizi göremiyorsanız, bu videoyu izleyin.
Elementor'da tam ekran menü nasıl oluşturulur?
Başlamadan önce, sahip olduğunuzdan emin olun. Elementor'unuzu pro sürümüne yükseltti. Hazır olduğunuzda, Şablonlar -> Açılır Pencereler'e gidin. Yeni Ekle düğmesine tıklayarak yeni bir açılır şablon oluşturun.
Açılır şablonunuza bir ad verin ve düğmeyi tıklayın AMODEL OLUŞTUR.
Elementor, aralarından seçim yapabileceğiniz düzinelerce açılır şablon sunar. Bu eğitimde, modeli sıfırdan oluşturacağız. Bu nedenle, Elementor düzenleyicisini açmak için şablon kitaplığını kapatmanız yeterlidir.
Açılır şablonu oluşturmaya başlamadan önce düzeni tanımlayın. Bunu yapmak için sol alt köşedeki dişli simgesine tıklayarak açılır pencere ayarlarını açın.
blokta düzen, sekmesinin altında Parametreler, genişliği şu şekilde ayarlayın: 100 vw ve üzerindeki yükseklik Ekrana sığdır. Giriş ve çıkış animasyon efektlerini de ayarlayabilirsiniz.
Düzeni tanımladıktan sonra, yeni bir bölüm ekleyerek şablonu oluşturmaya başlayın. Şablona istediğiniz öğeleri ekleyebilirsiniz. Menü öğeleri eklemek için Gezinme Menüsü widget'ını veya Simge Listesi widget'ını kullanabilirsiniz.
Ayrıca bakınız: Elementor'da mobil menü için özel konum nasıl ayarlanır?
Bu kılavuzda, Simge Listesi widget'ını kullanacağız.
Listedeki her öğeyi düzenleyin. Menü öğesi etiketini alana ekleyebilirsiniz. Metinleri ve bağlantıyı alana ekleyin Ihtiyati haciz.
Sekmeye git stil stil listeleri için. Liste öğeleri arasındaki boşluğu ve Liste Bloğundaki hizalamayı ayarlayabilirsiniz. Simge boyutunu ve rengini ayarlamak için (simge kullanıyorsanız), Simge bloğunu açabilirsiniz. Liste öğelerinin tipografisini (yazı tipi boyutu, yazı tipi ailesi, yazı tipi stili) ve metin rengini ayarlamak için Metin bloğunu açabilirsiniz.
İsterseniz bölümün arka planını değiştirebilirsiniz. Açılır pencereyi kapat düğmesini özelleştirmek için açılır pencere ayarlarını tekrar açın ve sekmeye gidin stil. bloğu aç kapat düğmesi ve kapat düğmesini özelleştirmek için arka plan rengi, boyutu ve konumu gibi bazı seçenekler göreceksiniz.
Açılır şablonu oluşturmayı tamamladığınızda, düğmenin yanındaki ok simgesini tıklayın. YAYINLA ve seç Terimleri Görüntüle.
Düğmeye tıklayarak açılır pencerenin nerede görünmesini istediğinizi ayarlayın KOŞUL EKLE ve düğmesine tıklayın SONRAKİ tetikleyiciyi ayarlamak için.
Seçeneği etkinleştir Tıklamak ve tıklayın KAYDET KAPAT.
Açılır şablon çağrısı
Açılır şablon hazır olduğunda onu arayabilirsiniz. Tam ekran bir menü oluşturmak istediğiniz için Elementor ile bir başlık oluşturabilir veya mevcut bir başlığı değiştirebilirsiniz.
Nasıl yapılacağı hakkında daha fazla bilgi için bu yayını okuyun Elementor ile özel bir başlık oluşturun.
Yeni oluşturduğunuz açılır şablonu, düğme, simge, simge kutusu, metin, resim vb. gibi bağlantı ekleme seçeneğine sahip herhangi bir Elementor widget'ıyla arayabilirsiniz.
Bu derste Icon Box widget'ını kullanıyoruz. Düzenleme moduna girmek için widget'ı seçin. Sekmenin altında içindekiler Sol panelden bağlantının ekleneceği alanı bulun.
Bağlantıyı dinamik olarak ayarlayın ve Popup'ı seçin.
İngiliz anahtarı simgesine tıklayarak az önce oluşturduğunuz açılır şablonu seçin.
Başlık şablonunuzu yayınlayın/güncelleyin.
Şimdi Elementor Pro'yu Alın !!!
Sonuç
Buraya ! Size nasıl olduğunu gösteren bu makale için bu kadar Elementor'da tam ekran menü oluşturma. Oraya nasıl gideceğinizle ilgili herhangi bir endişeniz varsa, bize içinde bildirin. Yorumlar.
Ancak, ayrıca kaynaklarımızİnternet siteleri oluşturma projelerinizi yürütmek için daha fazla elemana ihtiyacınız varsa, WordPress blog oluşturma ya da Divi: Tüm zamanların en iyi WordPress teması.
Ama bu arada, bu yazıyı farklı sosyal ağlarda paylaş.
...
