Elementor İle Mobil Uygulama Tarzında Alt Menü Oluşturun!

Elementor İle Mobil Uygulama Tarzında Alt Menü Oluşturun!

Başlık: Elementor İle Profesyonel Bir Mobil Menü Oluşturma Kılavuzu 📱

Elementor ile nasıl mobil uygulama tarzında bir alt menü oluşturabilirsiniz, adım adım göstereceğim. Alt menü aşağıdaki gibi ekranın alt kısmına yapışık duracak ve telefon simgesine tıkladığınızda, ilgili telefon numarasını aramanızı sağlayacak veya e-posta simgesine tıkladığınızda e-posta göndermek için hangi uygulamayı kullanacağınızı soracak ya da sayfanızdaki belirli bir bölüme bağlantı sağlayacak. Ücretsiz bir şablon da sağlayacağım. Hazır mısınız? Öyleyse başlayalım.

İçindekiler

1. Giriş
2. Elementor ve Elementor Pro Nedir?
3. İlgili Şablonu İndirme
4. Elementor Pro'nun Kullanımı
   • 4.1. Menüyü Site Alt Bölümüne Eklemek
   • 4.2. Menüyü Tüm Sayfalarda Göstermek
5. Elementor Kullanıcıları İçin Şablonu İndirme
6. Şablonu İthal Etmek
7. Menü İçeriğini Güncellemek
   • 7.1. Telefon Numarası Bağlantısı Eklemek
   • 7.2. E-posta Bağlantısı Eklemek
   • 7.3. Sayfaya Bağlantı Eklemek
   • 7.4. Sayfaya Bir Bölüm Bağlantısı Eklemek
   • 7.5. Menü İkonlarını Değiştirmek
   • 7.6. Menü Rengini Özelleştirmek
8. Mobil Alt Menü Örneği İle Başka Sayfalarda Çalışmak
9. Menüyü İyileştirerek Profesyonel Görünen Bir Web Sitesine Sahip Olmak
10. Sonuç

Merhaba, internet kullanıcıları! Ben Robert ve size Elementor kullanarak nasıl mobil uygulama tarzında bir alt menü oluşturacağınızı göstereceğim. Bu alt menü, ekranın alt kısmında yapışık duracak ve telefon simgesine tıkladığınızda ilgili telefon numarasını aramanızı sağlayacak veya e-posta simgesine tıkladığınızda e-posta göndermek için hangi uygulamayı kullanacağınızı soracak hatta sayfanızdaki belirli bir bölüme bağlantı sağlayacak. En güzel tarafı ise bunu Elementor ve Elementor Pro ile ücretsiz bir şablonla yapabilmeniz. Hazır mısınız? O zaman başlayalım!

Elementor, web sitenizin tasarımını ve düzenlemesini yapmanıza yardımcı olan popüler bir WordPress eklentisidir. Elementor Pro ise daha fazla özellik ve işlevsellik sunan ücretli bir versiyonudur. Şimdi, mobil alt menü için kullanacağımız şablonu indirme adımlarını takip edelim.

İşte Elementor Pro'ya sahip olanlar için adımlar:

1. WordPress sitenize giriş yapın ve Elementor Pro'yu yükleyin.
2. Elementor menüsünde "Şablonlar" ve daha sonra "Tema Oluşturucu" seçeneklerine gidin.
3. Yeni bir şablon oluşturmak için "Yeni Ekle" butonuna tıklayın ve alt menüyü "Site Alt Bölümü" olarak ekleyin.
4. Şablon oluşturucu ile eklenecek sayfaları seçtiğinizden emin olun ve işlemi tamamlayın.

Elementor Pro'ya sahip olmayanlar için adımlar:

1. Elementor sayfalarınızdan herhangi birine gidin ve düzenleme moduna geçin.
2. Aşağı kaydırın ve "Blog Simgesi" bölümünü bulun.
3. "Şablon Ekle" butonuna tıklayın ve şablonu yüklemek için dosya seçimini yapın.
4. Şablonu önizleyin ve ardından dilediğiniz sayfaya ekleyin.

Şimdi menünüzü güncelleyebilirsiniz. İlk olarak, telefon numarası bağlantısını ekleyelim. İkonun üzerine tıklayın ve "Bağlantı URL'si" kutusuna "Tel:" yazın, ardından telefon numarasını ekleyin. E-posta bağlantısı eklemek için aynı adımları takip edin, ancak "Mailto:" yazarak başlayın ve e-posta adresini ekleyin. Sayfa bağlantısı eklemek için simgeye tıklayın, ardından "Şablon" bölümüne gidin ve ilgili sayfanın bağlantısını ekleyin. Bölüm bağlantısı eklemek için ise istediğiniz bölümün CSS Kimliğini seçin ve simgenin altındaki "Bağlantı URL'si" alanına "#kimlik" şeklinde girin. İkonları değiştirmek için herhangi bir ikona sağ tıklayın ve kopyalayın, ardından özelliklerini düzenlemek için üzerine tıklayın. Menü rengini özelleştirmek için de menü stil bölümündeki renk ayarlarını kullanabilirsiniz.

Artık müşterileriniz kolayca sizinle iletişim kurabilecekler. Ancak profesyonel bir görünüme sahip bir web sitesi olmadan, amatör gibi algılanabilir ve uygun fiyat teklif edemezsiniz. Web sitenizi 10 kat daha profesyonel bir görünüme kavuşturmak için aşağıdaki videoyu izlemenizi öneriyorum.

Videodan Öne Çıkanlar:

• Elementor ve Elementor Pro hakkında bilgi
• Mobil alt menü şablonunu nasıl indireceğiniz
• Elementor Pro ile menüyü nasıl ekleyeceğiniz
• Elementor kullanıcıları için şablonun nasıl import edileceği
• Menü içeriğini nasıl güncelleyeceğiniz
• Menüdeki ikonları nasıl değiştireceğiniz
• Menü rengini nasıl özelleştireceğiniz
• Mobil alt menüyü kullanmanın avantajları
• Web sitenizin profesyonel görünümünü iyileştirmek için neler yapabileceğiniz

Sıkça Sorulan Sorular (SSS)

1. Alt menüyü kullanabilmek için Elementor Pro'ya ihtiyacım var mı?

Evet, Elementor Pro kullanmanız gerekiyor. Ücretsiz sürümde alt menü özelliği bulunmamaktadır.

2. Şablonu nereden indirebilirim?

Şablonu bu web sitesi üzerinden indirebilirsiniz.

3. Menüde kaç farklı ikon kullanabilirim?

Hazır şablon ile beş farklı ikon kullanabilirsiniz. Daha fazla ikon eklemek isterseniz, mevcut ikonu kopyalayabilir ve özelliklerini düzenleyebilirsiniz.

4. İçeriği güncellerken nelere dikkat etmeliyim?

Telefon numarası için "Tel:" ön ekini ve e-posta adresi için "Mailto:" ön ekini kullanmayı unutmayın. Sayfa ve bölüm bağlantılarını doğru şekilde eklediğinizden emin olun.

5. Menü rengini nasıl değiştirebilirim?

Menü stil ayarlarından arka plan ve simge renklerini özelleştirebilirsiniz. Dilediğiniz renk seçimini yaparak menünüzü kişiselleştirebilirsiniz.

Kaynaklar:

• Elementor resmi web sitesi
• Elementor Pro şablonları
• CSS Kimliği nasıl eklenir?