Slider Revolution ile yapılabilir
Slider Revolution ile etkileyici bir kapak sayfası ve tıklanabilir menüler oluşturmak için aşağıdaki adımları izleyebilirsiniz:
1. Slider Revolution Eklentisini Kurma ve Etkinleştirme:- WordPress yönetici panelinizden "Eklentiler" > "Yeni Ekle" yolunu izleyin.
- "Slider Revolution" eklentisini arayın, bulun ve "Şimdi Kur" butonuna tıklayın.
- Kurulum tamamlandıktan sonra, "Eklentiler" bölümünden eklentiyi etkinleştirin.
2. Yeni Bir Slider Oluşturma:- WordPress yönetici panelinizde, sol menüden "Slider Revolution" seçeneğine tıklayın.
- "Yeni Slider Oluştur" butonuna basın.
- Açılan pencerede, slider'ınıza bir başlık ve alias (kısa ad) verin.Stack Overflow+1Slider Revolution+1
- Slider tipini "Scene" olarak seçin ve genişliğini "Full-Width" olarak ayarlayın.Slider Revolution
- "Go to Editor" butonuna tıklayarak düzenleyiciye geçiş yapın.
3. Kapak Sayfası İçeriğini Oluşturma:- Düzenleyici ekranında, sol tarafta "Layers" panelini kullanarak yeni katmanlar ekleyebilirsiniz.
- Metin, resim, video veya buton gibi farklı katman türleri ekleyerek kapak sayfanızın içeriğini oluşturun.
- Her katman için animasyonlar ve geçiş efektleri belirleyerek dinamik bir görünüm elde edebilirsiniz.
4. Tıklanabilir Menü Oluşturma:- Kapak sayfanızda kullanılacak menüyü oluşturmak için, "Global Layers" özelliğini kullanabilirsiniz.
- "Global Layers" altında, menü öğelerinizi metin veya buton katmanları olarak ekleyin.
- Her menü öğesine, ilgili sayfaya yönlendiren bir bağlantı (URL) ekleyin.
- Menü öğelerinin görünümünü ve konumunu düzenleyerek kullanıcı dostu bir navigasyon oluşturun.
5. Menü ve Slider Etkileşimini Sağlama:- Menü öğelerine tıklandığında, slider'da belirli bir slayda geçiş yapmasını sağlamak için "Actions" özelliğini kullanabilirsiniz.
- Her menü öğesi için, tıklama eylemi olarak "Go to Slide" seçeneğini belirleyin ve hedef slaydı seçin.
6. Menü ve Slider'ın Üst Üste Gelmesini Sağlama:- Slider ve menünün doğru şekilde görüntülenmesi için, CSS ile "z-index" değerlerini ayarlamanız gerekebilir.
- Menü ve slider'ın kapsayıcılarına farklı "z-index" değerleri atayarak, menünün slider'ın üzerinde görünmesini sağlayabilirsiniz.
7. Slider'ı Sayfada Kullanma: