Tek Sayfa gezinme menüsünün nasıl oluşturulacağını öğrenmek ister misiniz? Elementor ?
Yalnızca bir sayfası (ana sayfa) olan web siteleri vardır. Bir gezinme menüsü öğesini tıkladığınızda bile, aynı sayfanın başka bir sayfasına değil, başka bir bölümüne yönlendirileceksiniz.
Bu türün amacı Site Web olmasını sağlamaktır. ziyaretçi içeriğinize odaklanın. İçeriğe ek olarak, bir başka önemli öğe Site Web bir sayfaya gezinme menüsüdür. İçinde Elementorbir navigasyon menüsünü oluşturmak çok kolaydır. Site Web bir sayfaya.
Bu makale size nasıl olduğunu gösterecek.
Size bir genel bakış sağlamak için, burada tek sayfalık bir web sitesi gezinme menüsü örneği verilmiştir.
Bahsettiğimiz gibi tek sayfalık bir sitenin navigasyon menüsünü yukarıdaki gibi oluşturmak hiç de zor değil. Elementor.
gibi bazı eklentiler olsa da, Temel Eklentiler et PowerPack, bir sayfada gezinme oluşturmak için bir widget ile gelir, herhangi bir eklenti yüklemeden de oluşturabilirsiniz.
Ana fikir, bir menü öğesini sayfanın belirli bir bölümüne yönlendirmektir. Bunu yapmak için, işaret etmek istediğiniz bölüme bir CSS kimliği eklemeniz gerekir.
Ayrıca Oku: Elementor'da mobil menü için özel konum nasıl ayarlanır?
Bir örnek alalım.
Diyelim ki "Sınıflar" adlı bir menü öğeniz var ve ziyaretçi "Sınıflar" menü öğesini her tıkladıklarında tek sayfalık web sitenizin "Sınıflar" bölümüne yönlendirilirler.
Öncelikle Elementor ile sayfayı düzenleyin ve "Sınıflar" bölümünü seçin (size kolaylık sağlamak için tarayıcıyı kullanın).
Sınıflar bölümü seçildikten sonra sekmeye gidin gelişmiş sol panelden ve bloğu açın gelişmiş. GirişCSS kimliği alandaki bölümün CSS kimliği.
Menü öğeleriyle belirlemek istediğiniz diğer bölümler için yukarıdaki adımları tekrarlayın.
CSS tanımlayıcılarını çağırma
Bölümlere eklediğiniz her bir CSS kimliğini çağırmak için bir bağlantı ekleme seçeneğine sahip herhangi bir Elementor widget'ını kullanabilirsiniz. Bağlantı alanına CSS kimliğini yapıştırmanız yeterlidir. Ekle " # bir önek olarak.
Gezinme Menüsü widget'ını kullanmak istiyorsanız, kullandığınız menüyü değiştirebilirsiniz. Her menü öğesinin URL alanına, önek olarak "#" ile CSS kimliğini yazın.
Ş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ş.
...
