Menü oluşturup bağlantılar ekledikten sonra menünün görünümünü özelleştirmek isteyebilirsiniz. Bu kılavuz, menü tasarımında yapabileceğiniz yaygın değişiklikleri ele alır.
Site Düzenleyici kullanan temalarda, panonuzdaki Görünüm → Düzenleyici üzerinden sitenizin menü tasarımını tamamen özelleştirebilirsiniz. Klasik temalarda ise panonuzdaki Görünüm altındaki Özelleştirici‘de yerleşik olarak sunulan sınırlı menü tasarım seçenekleri bulunur.
Bu kılavuzun hangi bölümünü takip edeceğinizi belirlemek için WordPress.com panonuzu ziyaret edin ve sol taraftaki Görünüm menüsünü kontrol edin. Düzenleyici‘yi görüyorsanız bu kılavuzun Site Düzenleyici bölümünü kullanın. Aksi takdirde Özelleştirici talimatlarını kullanın.
Temanız Site Düzenleyicisini kullanıyorsa (yani panonuzda Görünüm → Düzenleyici varsa) aşağıdaki adımları izleyerek Gezinme bloğu ayarlarından menü tasarımını kontrol edebilirsiniz:
- Sitenizin panosundan Görünüm → Düzenleyici‘ye gidin.
- Şablonlar bölümünü seçin ve menünüzü içeren bir şablon seçin; örneğin Ana Sayfa veya Ön Sayfa.
- Ekranınızın sol üst köşesindeki Liste Görünümü‘nü açın (üst üste üç yatay çizgi gibi görünen simgedir).
- Liste Görünümünde Gezinme bloğunu seçin.
- Gezinme bloğu görmüyorsanız yeni bir tane oluşturabilirsiniz.
- Sağdaki kenar çubuğunda Gezinme bloğu ayarlarını açın.
- Gezinme bloğunun stillerini Ayarlar veya Stiller simgesinden özelleştirin.
- Değişikliklerinizi kaydetmek için Kaydet düğmesine tıklayın.
Her ayarın nasıl kullanıldığını Gezinme bloğu ayarları kılavuzumuzda öğrenebilirsiniz. Bu kılavuz şunları kapsar:
- Renk, tipografi ve boyutlar gibi Gezinme bloğu stilleri.
- Hizalama, yön ve menü görüntüleme gibi Gezinme bloğu düzen ayarları.
Bu videoda Gezinme bloğuna nasıl erişeceğiniz ve ayarlarla stilleri nasıl değiştireceğiniz gösterilir. Bu işlev, tamamen özelleştirilebilir Site Düzenleyici temalarımızda kullanılabilir. Oynat düğmesine tıkladıktan sonra sağ alt köşedeki kontrolleri kullanarak videoyu yavaşlatabilir veya hızlandırabilirsiniz.
Bu bölüm, Yapay Zekâ Web Sitesi Oluşturucu ile oluşturulan siteler (tüm ücretli planlar) veya WordPress Aracısını etkinleştirmiş siteler (tüm ücretli planlar) için geçerlidir. WordPress Aracısını açmak için ekranın alt kısmındaki yapay zekâ simgesine (dört köşeli yıldız) tıklayın.
WordPress Aracısı, menünüzün görünümünü ve çalışma şeklini doğrudan değiştirebilir. İşte yapmasını isteyebileceğiniz bazı şeyler:
- “Gezinme menümün rengini markama uyacak şekilde değiştir.”
- “Açılır menülerimin fareyle üzerine gelince değil, tıklayınca açılmasını sağla.”
- “Menümü tüm ekran boyutlarında hamburger menü olarak göster.”
- “İletişim menü elemanına ‘featured-link’ adında bir CSS sınıfı ekle.”
Tüm Site Düzenleyici temalarında menünün konumunu değiştirebilirsiniz. Site Düzenleyici kullanan temalarda, Görünüm altındaki Düzenleyici üzerinden sitenizin düzeni üzerinde, menü konumu dahil, tam kontrol sahibi olursunuz.
Site Düzenleyici temalarında menünün konumu tamamen özelleştirilebilir olsa da, işe menüyü beğendiğiniz bir konumda gösteren bir tema arayarak başlamak isteyebilirsiniz. Temalar arasında nasıl geçiş yapacağınızı öğrenin.
Kullanmak istediğiniz bir Site Düzenleyici teması seçtiyseniz ve menünün göründüğü yeri değiştirmek istiyorsanız birkaç seçeneğiniz vardır:
- Gezinme bloğunu seçmeyi ve taşımayı öğrenin veya video eğitimine geçin.
- Şablonunuza yeni bir menü ekleyin.
- Sayfa Listesi blokunu kullanarak tek bir sayfa veya yazıya site gezinmesi ekleyin.
- İçindekiler Tablosu blokunu kullanarak bir sayfa veya yazı içinde gezinme ekleyin.
Panonuzdaki Görünüm altında Düzenleyici bulunmayan bir tema kullanıyorsanız tamamen özelleştirilebilir Site Düzenleyici temalarımıza göz atın.
Masaüstü ekranlarında menü genellikle tek bir satırda metin bağlantılarının listesi olarak görünür. Daha küçük ekranlarda (tablet ve mobil cihazlar), mobil ziyaretçilerin kolayca dokunabileceği şekilde tüm metin bağlantılarını göstermek için yeterli alan olmayabilir.
Bunun yerine, menü elemanlarını genelde “kaplama” veya “hamburger” menü denilen bir düğmenin altında toplamak yaygındır (üç yatay çizgi hamburgeri andırdığı için bu ad kullanılır).
Site Düzenleyicisindeki Gezinme bloğu ayarlarından kaplama menüsünün nasıl görüneceğini ayarlayabilirsiniz. Kaplama menüsünün görünümünü özelleştirmek için şu adımları izleyin:
- Sitenizin panosundan Görünüm → Düzenleyici‘ye gidin.
- Şablonlar bölümünü seçin ve menünüzü içeren bir şablon seçin (örneğin Ana Sayfa veya Ön Sayfa).
- Ekranınızın sol üst köşesindeki Liste Görünümü’nü açın (üst üste üç yatay çizgi gibi görünen simgedir).
- Liste Görünümü’nde Gezinme bloğunu seçin.
- Sağdaki kenar çubuğunda Gezinme bloğu ayarlarını açın.
- Ayarlar simgesine (dişli simgesi) tıklayın.
- Görüntüleme bölümünde kaplama menüsü ayarlarınızı seçin:
- Mobil: Varsayılan ayardır. Kaplama menüsü yalnızca mobil boyutlu ekranlarda görünür.
- Kapalı: Kaplama menüsünü hiç görüntülemeyin.
- Her zaman: Ekran boyutundan bağımsız olarak kaplama menüsünü her zaman gösterin.
- Kaplama şablonunu kullanarak, mobil cihazlarda görünen tam ekran kaplamanın tasarımını özelleştirebilirsiniz. Gezinme kaplamasını özelleştirme kılavuzumuza göz atın.
- Değişikliklerinizi kaydetmek için “Kaydet” düğmesine tıklayın.
Web sitesi ziyaretçileri, mobil cihazlarda bir simge veya hamburger menü görmeye alışkındır. Masaüstü menüsünü görüntülemek, yani kaplama menüsünü kapatmak, ziyaretçilerinizin mobil cihazlarda sitenizde gezinmesini zorlaştırabilir.
Blokun tüm özelliklerini öğrenmek için Gezinme bloğu kılavuzunu ziyaret edin.
Klasik temalar ve üçüncü taraf temaları, menünün mobil cihazlarda nasıl görüntüleneceğine ilişkin kendi varsayılan ayarlarını uygulayabilir. Daha fazla bilgi için seçtiğiniz temanın belgelerine bakın.
Bir açılır menünün ziyaretçi bir menü elemanının üzerine geldiğinde mi, tıkladığında mı yoksa her zaman mı görünür olacağını belirleyebilirsiniz.
Alt Menü Açılma Şekli ayarını yapmak için şu adımları izleyin:
- Sitenizin panosundan Görünüm → Düzenleyici‘ye gidin.
- Şablonlar bölümünü seçin ve menünüzü içeren bir şablon seçin (örneğin Ana Sayfa veya Ön Sayfa).
- Ekranınızın sol üst köşesindeki Liste Görünümü’nü açın.
- Gezinme bloğunu seçin.
- Blok ayarları kenar çubuğunda Ayarlar simgesine (dişli simgesi) tıklayın.
- Görüntüleme bölümünde “Alt Menü Açılma Şekli” ayarını bulun ve aşağıdaki seçeneklerden birini seçin:
- Üzerine gelme: Ziyaretçi üst menü elemanının üzerine geldiğinde açılır menü açılır. İsterseniz, menünün yanında bir ok göstermek için bu ayarı kapatabilirsiniz.
- Tıklama: Ziyaretçi üst menü elemanına tıkladığında açılır menü açılır.
- Değişikliklerinizi kaydetmek için Kaydet düğmesine tıklayın.
Bu kılavuzun bu bölümü WordPress.com Kişisel, Premium, Business ve Commerce planlarına sahip siteler için geçerlidir. Ücretsiz siteler için bu özelliğe erişmek üzere planınızı yükseltin.
CSS sınıfları, tek tek menü elemanlarına özel sınıf eklemenizi sağlayan gelişmiş bir menü özelliğidir.
Bu kılavuzun hangi bölümünü izlemeniz gerektiğini belirlemek için WordPress.com panonuzu ziyaret edin ve sol taraftaki Görünüm bölümünü kontrol edin. Düzenleyici‘yi görüyorsanız bu kılavuzun Site Düzenleyici temaları bölümünü kullanın. Aksi takdirde Klasik Temalar talimatlarını kullanın.
Site Düzenleyicisi’nde bir CSS sınıfı eklemek için şu adımları izleyin:
- Sitenizin panosundan Görünüm → Düzenleyici‘ye gidin.
- Şablonlar bölümünü seçin ve menünüzü içeren bir şablon seçin (örneğin Ana Sayfa veya Ön Sayfa).
- Ekranınızın sol üst köşesindeki Liste Görünümü’nü açın (üst üste üç yatay çizgi gibi görünen simgedir).
- Liste Görünümü’nde Gezinme bloğunu seçin.
- Gezinme bloğu görmüyorsanız bir tane oluşturabilirsiniz.
- Sağdaki kenar çubuğunda Gezinme bloğu ayarlarını açın.
- ⚙️ Ayarlar simgesine tıklayın ve “Gelişmiş” bölümünü açın.
- CSS sınıfınızı ekleyin.
Gezinme bloğundaki tek tek bağlantılar için de CSS sınıfı belirleyebilirsiniz. Gelişmiş bölümüne gitmeden önce ilgili bağlantıyı seçin.
Blokun tüm özelliklerini öğrenmek için Gezinme bloğu kılavuzumuzu ziyaret edin.
Özel CSS ekleme hakkında daha fazla bilgi edinin.
WordPress.com Destek 