Adobe Muse siteniz için menü ekleme ve yapılandırma hakkında bilgi edinin. Mobil menüler ve Rollover durumları oluşturma ile menü etiketlerini düzenleme hakkında bilgi edinin.

Not:

Adobe Muse artık yeni özellikler eklemeyecek ve 26 Mart 2020'de desteği sonlandıracak. Ayrıntılı bilgi ve yardım için bkz. Adobe Muse hizmet sonu sayfası.

Bir web sitesi oluştururken göz önünde bulundurulması gereken en önemli noktalardan biri gezinmedir. Bir web sitesi tasarlarken sitede gezinme türünü ve yerleşimini seçmek çok önemlidir. Bir web sitesinin kullanıcı deneyimi, menüler veya sitede gezinme nedeniyle iyileşebilir veya kötüleşebilir.

Adobe Muse, Menü widget'larını kullanarak hızlı bir şekilde sitede gezinme sistemi oluşturmanıza olanak tanır. Sayfaları manuel olarak bağlamak için bağlantı oluşturabilmenize rağmen Menü widget'ları sitenize gezinme
eklemek için kolay ve esnek bir yol sunar. Diğer widget'lar gibi menü eklemek için Menü widget'ını sayfanıza sürüklemeniz yeterlidir. Bu işlemi gerçekleştirdiğinizde sayfa adıyla aynı olan menü etiketlerinin otomatik olarak doldurulduğunu görürsünüz. Plan Görünümünde sayfa adını değiştirdiğinizde menü etiketleri otomatik olarak güncellenir. 

Dikey ve yatay menüler ekleyebilirsiniz. Ayrıca Adobe Muse, menü öğeleri için sandviç menüler ve Rollover durumları oluşturmanızı sağlar. Adobe Muse'u kullanarak tüm bunları nasıl yapacağınız hakkında bilgi edinmek için okumaya devam edin.

 

Menü widget'ı ekleme

  1. Kalıp sayfanız Tasarım görünümünde düzenlemek üzere açıkken Widget Kitaplığı'nı açın. Henüz açık değilse Pencere > Widget Kitaplığı'nı seçin.

  2. Widget Kitaplığı panelinde, Menüler seçeneğini belirleyerek Menü widget'ları listesini genişletin. Sitenizin tasarımına ve menüyü yerleştirmek istediğiniz yere bağlı olarak aşağıdakilerden birini seçin:

    • Yatay menü eklemek için Yatay.
    • Dikey menü eklemek için Dikey.
    Adobe Muse'da dikey veya yatay Menü widget'ını seçme
    Dikey veya yatay Menü widget'ını seçme
  3. Widget'ı sürüklemek ve mizanpajınızda istediğiniz konuma yerleştirmek için Seçim aracını kullanın. Örneğin, üstbilgi bölümüne yatay bir menü widget'ı yerleştirebilirsiniz.

    Menü widget'ını üstbilgi bölümündeki kahverengi şeritli arka plan görüntüsünün üst kısmına yerleştirin.
    Menü widget'ını üstbilgi bölümündeki kahverengi şeritli arka plan görüntüsünün üst kısmına yerleştirin.

    Menünün oluşturmuş olduğunuz sayfa adlarını site haritasında göründükleri sırayla otomatik olarak görüntülediğini göreceksiniz. Menü etiketleri otomatik olarak sayfalara bağlanır ve dinamiktir. Yani, daha sonra sayfaları yeniden adlandırmaya veya taşımaya karar verirseniz menü otomatik olarak güncellenir. Bağlantılar beklenen şekilde çalışmaya devam eder.

  4. Kontrol panelinde renk seçiciyi tıklatın ve menünün rengini ayarlayın. Ardından menüdeki metin için metin boyutunu ayarlamak üzere Metin Boyutu alanını kullanın.

    Metin boyutunu ve rengini seçme
    Yatay Menü widget'ındaki metin düğmelerini kontrol etmek için font rengi ve punto boyutunu ayarlayın.

Menü widget'larını yapılandırma ve özelleştirme

Menü widget'ını mizanpajınıza eklediğinize göre bu widget'ı ihtiyaçlarınıza göre özelleştirebilirsiniz. Seçenekler panelini kullanarak menüleri yapılandırabilirsiniz.   Seçenekler paneli, ilgili widget'a özgü ayarları güncellemek için değişiklikler uygulamanızı sağlayan bağlamsal bir panelidir. Widget'ların nasıl davrandığını ve widget içeriğinin nasıl görüntülendiğini kontrol etmek için bu paneli kullanın.

  1. Menü widget'ını seçin ve widget'ın sağ üst köşesindeki mavi oku tıklatın. Sistem Seçenekler panelini görüntüler.

    Seçenekler panelinden Menü widget'ını yapılandırma
    Seçenekler panelinden Menü widget'ını yapılandırma
  2. Seçenekler panelini kullanarak Menü widget'ını yapılandırın. Aşağıdaki seçenekleri yapılandırabilirsiniz:

    • Menü Türü: Sitede gezinmeye hangi sayfaların ekleneceğini belirtir. Yalnızca birinci düzey veya üst sayfaları dahil etmek için Üst Sayfalar'ı seçin. Gezinme içindeki alt sayfaları da dahil etmek için Tüm Sayfalar'ı seçin. Alt sayfalar alt menü olarak görüntülenir. Menü widget'ında görüntülenmesi istediğiniz sayfaları manuel olarak seçmek için Manuel'i seçin.
    • Yön: Menüyü yatay veya dikey olarak eklemek istediğinizi belirtin. 
    • Birlikte Düzenle: Tüm menü öğelerini birlikte güncellemek istiyorsanız bu onay kutusunu işaretleyin. Bu onay kutusu varsayılan olarak işaretlenir. Bu onay kutusunu işaretlemezseniz seçtiğiniz yapılandırmalar yalnızca seçilen menü öğesine uygulanır.
    • Öğe Boyutu: Menü öğelerinin genişlik veya boyut olarak eşit şekilde dağıtılması gerekip gerekmediğini belirtin.
    • Sol Simgeyi Göster: Bu onay kutusu varsayılan olarak işaretlenmez. Her menü öğesinin sol köşesine bir simge eklemek istiyorsanız bu seçeneği belirleyin.
    • Etiketi Göster: Bu onay kutusu varsayılan olarak işaretlenir. Bu onay kutusunun işaretini kaldırdığınızda artık menü etiketleri görüntülenmez.
    • Sağ Simgeyi Göster: Sağdaki simgeleri devre dışı bırakmak istiyorsanız Kapalı'yı seçin. Menü öğelerinin sağ köşesindeki simgeleri yapılandırmak isterseniz Açık'ı seçin. Sağ simge, bir menü öğesinde alt menüler olduğunu belirtmek için ok eklemek istediğinizde kullanışlı bir seçenektir. Yalnızca alt menüleri olan menü öğeleri için bir sağ simgeyi yapılandırmak için Yalnızca Alt Menüler'i seçebilirsiniz.
    • Bölümlerin Konumu: Her sekmenin iç kısımları için başlangıç noktasını belirtir.
    Seçenekler panelini kullanarak Menü widget'larını yapılandırma
    Seçenekler panelini kullanarak Menü widget'larını yapılandırma

Menü etiketlerini düzenleme ve stil oluşturma

Aşağıdaki prosedür, her bir menü öğesindeki sayfa adlarını gösteren metin etiketlerinin nasıl güncelleneceğini belirtir. Basit metin bağlantıları ile çok basit bir tasarım kullanan bir Yatay Menü widget'ı düşünün. Bu örnek için tüm durumlarda aynı font formatının kullanıldığını varsayalım.

  1. Düzenlemek istediğiniz menü etiketini çift tıklatarak seçin.

  2. Menü öğesi içinde metni düzenlemek için Metin panelini açın (Pencere > Metin). Etiket seçiliyken gerekli seçenekleri belirleyerek metni formatlamak için Metin panelini kullanın:

    • Font: Menü etiketine uygulamak istediğiniz font türünü seçin.
    • Font Stili: Gerekirse menü etiketi için İtalik veya Kalın seçeneğini belirleyin.
    • Boyut: Menü etiketi için Font boyutunu seçin.
    • Renk: Renk açılır alanından uygulamak istediğiniz rengin onaltılık kodunu girin. Buna alternatif olarak damlalık kullanarak istediğiniz rengi seçebilirsiniz.
    Menü widget'larında menü etiketlerini düzenleme
    Menü widget'larında menü etiketlerini düzenleme
  3. Menü etiketinizin kenar boşluğu değerlerini yapılandırmak için Metin panelini kullanın. Zaten menü etiketine uygulamak istediğiniz bir köprü stiliniz varsa abc'nin yanındaki açılır alandan stili seçin.

    Paragraf stili uygulamak için Metin panelindeki Paragraf Stili açılır alanından stili seçin.

  4. Menü etiketlerine Dolgu ve Kontur uygulamak için menü etiketini çift tıklatarak seçin. Sayfanın üst kısmındaki Araç Çubuğu'ndan Dolgu rengi ve Kontur rengi'ni seçin. 

    Kontur Kalınlığı'nı düzenleyebilir ve Araç Çubuğu'ndan menü etiketleri için köşe yarıçapını etkinleştirebilirsiniz.

    Menü etiketlerine Dolgu ve Kontur ayarları uygulama
    Menü etiketlerine Dolgu ve Kontur ayarları uygulama

Menü öğeleri için rollover durumları oluşturma

  1. Seçim aracını kullanarak Rollover durumunu oluşturmak istediğiniz menü etiketini seçin. Durumlar panelini açın. Düğmenin varsayılan durumlarının zaten etkin olduğunu göreceksiniz. Durumlar panelinde Rollover minik resmini tıklatın ve ilgili durumu düzenleyin.

  2. Menü etiketi hala seçiliyken Dolgu rengi seçiciyi kullanın ve kırmızı çapraz çizgili beyaz renk örneğini tıklatarak dolgu yok (saydam) ayarını seçin.

  3. Metin aracını tıklatın ve Kontrol panelindeki renk seçiciyi kullanarak Rollover durumu için kırık beyaz bir renk seçin.

  4. Durumlar panelinde, Fare Tuşu Basılı durumunu seçin. Metin aracı hala seçiliyken Kontrol panelindeki renk seçiciden renk örneğini seçerek Fare Tuşu Basılı durumundaki metni koyu bir renge ayarlayın.

  5. Durumlar panelinde, Etkin durumunu seçin. Kontrol panelinde Dolgu bağlantısını tıklatarak Dolgu menüsünü açın.

  6. Dolgu menüsünde renk seçiciyi tıklatın ve dolgu rengini Yok olarak ayarlayın. Görüntü bölümünün yanındaki klasör simgesini tıklatın. Açılan İçe Aktar iletişim kutusunda, top-nav-over.png adlı arka plan görüntü dosyasını bulup seçin. Seç'i tıklatarak dosyayı seçin. İçe Aktar iletişim kutusu otomatik olarak kapanır.

  7. Halen Dolgu menüsündeyken Sığdırma seçeneğinin Orijinal Boyut olarak ayarlandığını doğrulayın. Ardından, Konum bölümünde dokuz noktanın ortasını tıklatın. Böylelikle arka plan görüntü dolgusu ortada konumlandırılmış olarak, dolgu rengi içermeden ve orijinal boyutunda görüntülenir. Dolgu menüsünü kapatmak için başka herhangi bir yeri tıklatın.

    Düğme durumlarını tanımlama
    Menü öğesinin etkin durumunu tanımlayın.

    Yatay Menü widget'ında varsayılan Birlikte Düzenle seçeneği etkin olduğundan menü etiketinde yaptığınız tüm değişiklikler gezinme çubuğundaki tüm düğmelere otomatik olarak uygulanır.

  8. Dosya > Kaydet'i seçerek işinizi kaydedin. A-Kalıp sekmesindeki X işaretini tıklatarak Tasarım görünümündeki sayfayı kapatıp Plan görünümüne geri dönün. Tüm sayfa minik resimleri, kalıp sayfaya eklenen içeriği içerecek şekilde güncellenir.

    Not:

    Üstbilgi ve altbilgi alanlarının kılavuzları yalnızca sitenizin Kalıp Sayfalarında düzenlenebilir. Sayfalarınızdaki üstbilgi veya altbilgi alanlarının boyutlarını düzenlemek istediğinizde kalıp sayfayı çift tıklatarak Tasarım görünümünde açın ve kılavuzları burada yeniden konumlandırın.

Mobil menü oluşturma

Adobe Muse bir sandviç menü veya mobil menü oluşturmanıza da izin verir. Bu tür bir menü oluştururken fareyi ana menünün üzerine getirdiğinizde bir açılır alt menü görüntülenir. Bu tür bir menü oluşturmak için bkz. Kompozisyon widget'larını kullanarak alt menüler oluşturma.

Sayfaları menülerin dışında bırakma

Plan Görünümünde siteniz için yeni bir üst düzey sayfa oluşturduğunuzda Adobe Muse otomatik olarak sayfayı menüye ekler. Ancak, bir sayfayı ziyaretçilerin erişimine açmadan önce test etmek veya belirli bir sayfayı gizlemek istediğiniz zamanlar olabilir. Böyle durumlarda Adobe Muse, bu sayfaların Menü widget'ında menü öğesi olarak listelenmediğinden emin olmak için belirli sayfaları gezinmenin dışında bırakmanızı sağlar.

Sayfaları Menü widget'ının dışında bırakmak için aşağıdaki prosedürü uygulayın:

  1. Sitenizin site haritasını zaten oluşturmuş olduğunuzu varsayarsak Adobe Muse'da Plan Görünümüne gidin. Bu prosedür için Ev, Portföy, Hikayem, İletişim ve Ürünler sayfalarını içeren bir site haritanız olduğunu varsayalım.

    Plan Görünümünde site haritasını görüntüleme
    Plan Görünümünde site haritasını görüntüleme

    Ana sayfaya gidip bir Menü widget'ını sürüklerseniz tüm sayfaların menünün bir parçası olarak dahil edildiğini görürsünüz.

  2. Belirli bir sayfayı dışarıda bırakmak için Plan Görünümünde dışarıda bırakmak istediğiniz sayfayı sağ tıklatın. Menü Seçenekleri > Sayfaları Menülerin Dışında Bırak'ı tıklatın.

    Örneğin, Ürünler sayfasını dışarıda bırakmak istiyorsanız Ürünler'i sağ tıklatın. Ardından Menü Seçenekleri > Sayfaları Menülerin Dışında Bırak'ı tıklatın.

    Belirli sayfaları Menü widget'larının dışında bırakma
    Belirli sayfaları Menü widget'larının dışında bırakma

    Şimdi menünüzü görüntülemek için Ana sayfaya geri döndüğünüzde Ürünlerin Menü widget'ından kaldırıldığını görebilirsiniz.

    Not:

    Tüm menüyü silmek için Menü widget'ını eklediğiniz sayfaya gidin. Widget'ı seçin ve Sil'e basın.

    Bir menü öğesinin bağlantı olmadan görüntülenmesini istediğiniz durumlarda Plan Görünümünde belirli bir sayfaya sağ tıklatın. Menü Seçenekleri > Sayfayı Köprü Olmadan Dahil Et'i seçin.

    Bu seçenek, bir web sitesi oluştururken farklı kullanım durumlarına uygundur. Örneğin, site ziyaretçilerinin ana Ürün etiketini değil, yalnızca ürün kategorilerini tıklatmasını istediğiniz bir Rollover Ürünler sayfanız varsa bu seçeneği kullanabilirsiniz.

Menü widget'larıyla çalışma

Menü widget'larıyla çalışma
Brian Wood tarafından sunulan bu videoda, sayfanıza menü widget'ını nasıl ekleyeceğinizi öğreneceksiniz.
Adobe Press - Peachpit

Bu çalışma Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License kapsamında lisanslanmıştır  Creative Commons şartları, Twitter™ ve Facebook sitelerinde paylaşılanları kapsamaz.

Yasal Uyarılar   |   Çevrimiçi Gizlilik İlkesi