Wix Yardım Merkezi
    Ana Sayfa
  1. Sitenizi Oluşturma
  2. Editor X
  3. Editor X Sitesine Öge Ekleme
    4. Editor X: Akordeon Ekleme ve Özelleştirme

Editor X: Akordeon Ekleme ve Özelleştirme

5 dakikalık okuma
Editor X platformu, ajanslara ve serbest çalışanlara yönelik yeni platformumuz Wix Studio'ya geçiş yapıyor.Wix Studio hakkında daha fazla bilgi edinin (Yalnızca İngilizce)
Küçük bir alanda büyük miktarda içerik göstermek için Akordeon ögesini kullanın. Ziyaretçilerin başlıkları genişletmelerine ve daraltmalarına izin vererek uzun bir listede hiç kaydırma yapmak zorunda kalmadan ihtiyaç duydukları bilgileri görüntülemelerini sağlayabilirsiniz.
Bir Editor X sitesindeki Akordeon ögesini gösteren bir GIF
Bu makalede şunların nasıl yapılacağını öğrenin:

Akordeon ekleme

En beğendiğiniz Akordeon tasarımını seçerek başlayın. Akordeon içindeki her bir ögeyi istediğiniz içeriği gösterecek şekilde düzenleyebilirsiniz. İhtiyacınız olan içerik ögelerini ekleyin ve kapsayıcının içinde istediğiniz yere konumlandırın. 

Akordeon eklemek için:

  1. Editor X'in üst çubuğundaki Öge Ekle simgesine   tıklayın.
  2. Düzen Araçları'na tıklayın.
  3. Akordeon'u seçin.
  4. Beğendiğiniz bir tasarımı sayfanıza sürükleyin. 
  5. Akordeon içindeki her bir ögenin içeriğini düzenleyin:
    1. Editor X'te Akordeonunuza tıklayın.
    2. Ögeleri Yönet'e tıklayın.
    3. Düzenlemek istediğiniz ögeye tıklayarak tuvalde görünmesini sağlayın.
    4. İlgili içerik ögelerini ve bilgileri ekleyin.
Yeni bir Akordeon ekleyebileceğiniz Öge Ekle panelinin ekran görüntüsü

Ögeler ekleme ve yönetme

Akordeonunuzda görünen ögeleri yönetin. İçeriğinizi sergilemek için daha fazla öge ekleyebilir, ögeleri yeniden adlandırabilir ve sıralamayı değiştirebilirsiniz.

Ögeler eklemek ve yönetmek için:

  1. Editor X'te Akordeonunuza tıklayın.
  2. Ögeleri Yönet'e tıklayın.
  3. İlgili ögenin üzerine gelin ve Diğer Eylemler simgesine tıklayın.
  4. Çoğalt, Yeniden Adlandır veya Sil seçeneklerini kullanarak ögeyi yönetin.
İpuçları:
  • Yeni boş öge eklemek için panelin altındaki Öge Ekle'ye tıklayın.
  • Ögelerinizin sıralamasını değiştirebilirsiniz. İlgili ögenin yanındaki Yeniden Sırala simgesine  basılı tutarak istediğiniz konuma sürüklemeniz yeterlidir.
Öge ekleme, yeniden adlandırma, çoğaltma, silme ve yeniden sıralama işlemlerini yapabileceğiniz Akordeonu Yönet panelinin ekran görüntüsü

Akordeon içindeki ögelerin nasıl açılacaklarını ve kapanacaklarını belirleme

Akordeonunuzun canlı sitenizde nasıl görüneceğine karar verin. Ziyaretçilerin tüm bilgileri tek bakışta görmeleri için ögelerin hepsini açabilir veya daha minimal bir görünüm elde etmek için kapatabilirsiniz. Ayrıca ziyaretçilerin aynı anda birden fazla öge açmasına izin verip vermeyeceğinize karar verebilirsiniz.  

Akordeon içindeki ögelerin nasıl açılacaklarını ve kapanacaklarını belirlemek için:

  1. Editor X'te Akordeonunuza tıklayın.
  2. Ayarlar simgesine tıklayın.
  3. Varsayılan durumu seçin başlığı altından seçim yapın:
    • Tüm ögeler kapalı: Ziyaretçiler tüm ögeleri kapalı şekilde görürler. İçeriğini okumak istedikleri ögeyi genişletebilirler.
    • İlk öge açık: Ziyaretçiler yalnızca en üstteki ögenin içeriğini görürler. Diğer ögeler kapalıdır.
    • Tüm ögeler açık: Ziyaretçiler sayfa yüklendiğinde tüm ögelerin içeriğini görürler. 
  4. Birden çok açık ögeye izin ver geçiş düğmesine tıklayın:
    • Etkin: Ziyaretçiler istedikleri kadar öge açabilir. 
    • Devre Dışı: Ziyaretçiler aynı anda yalnızca bir öge açabilir.
  5. (İsteğe bağlı) Ziyaretçiler ögeyi açmak için tıkladıklarında etkinleşen bir geçiş efekti uygulayın.
Akordeon içindeki ögelerin nasıl açılacaklarını ve kapanacaklarını belirlediğiniz Akordeon Ayarları panelinin ekran görüntüsü

Akordeon tasarımını özelleştirme

Akordeonunuzdaki bölümlerin tasarımını sayfanızın bütünüyle eşleşecek şekilde düzenleyebilirsiniz. Öge başlıklarını, öge içeriğinin gösterildiği kapsayıcıları veya bir ögenin kapladığı tüm alanı (başlık ve kapsayıcı dahil) özelleştirin.

Akordeon tasarımını özelleştirmek için:

  1. Editor X'te Akordeonunuza tıklayın.
  2. Editor X'in sağ üst köşesindeki Denetçi simgesine  tıklayın.
  3. Tasarım sekmesine   tıklayın.
  4. Açılır menüden tasarım hedefini seçin:
    • Başlıklar: Bunlar ögelerinizin başlıklarıdır. Ziyaretçiler üzerine geldiklerinde görünüm değiştirmelerini sağlayacak şekilde tasarlayabilirsiniz. 
    • Kapsayıcılar: Bunlar öge içeriğinin gösterildiği kapsayıcılardır.
    • Akordeon ögeleri: Her bir ögenin kapladığı (başlık ve kapsayıcı dahil) tüm alanı temsil eder.
  5. Farklı renkler, yazı tipleri, kenarlıklar ve daha fazlasını seçmek için mevcut seçenekleri kullanın.
Akordeon tasarımını özelleştirebileceğiniz Denetçi panelindeki Tasarım sekmesinin ekran görüntüsü

Akordeon düzenini ayarlama

Akordeon düzenini ihtiyaçlarınıza göre ayarlayın. Öge başlıklarınızın hizalamasını, dolgusunu ve konumunu belirleyebilir ve başlıkların yanında görünen simgeyi değiştirebilirsiniz.

Akordeon düzenini ayarlamak için:

  1. Editor X'te Akordeonunuza tıklayın.
  2. Düzen simgesine tıklayın.
  3. Akordeon düzenini ayarlayın:
    • Bir simge seçin: Öge başlıklarınızın yanında Ok veya Artı işareti gösterin. 
    • Simge konumu: Simgeyi başlıkların solunda veya sağında gösterin. 
    • Başlık dolgusu: Öge başlıklarının etrafına yatay ve dikey kenar dolgusu eklemek için kaydırıcıları sürükleyin. 
Editor X'teki Akordeon Düzeni panelinin ekran görüntüsü
İpucu:
Her öge ihtiyaçlarınıza göre düzenleyebileceğiniz yerleşik bir 1x1 kılavuz ile birlikte eklenir. Optimum piksel düzenini oluşturmak için daha fazla satır ve sütun ekleyebilirsiniz.

Bu içerik yardımcı oldu mu?

|

Bu makalede

  • Akordeon ekleme
  • Ögeler ekleme ve yönetme
  • Akordeon içindeki ögelerin nasıl açılacaklarını ve kapanacaklarını belirleme
  • Akordeon tasarımını özelleştirme
  • Akordeon düzenini ayarlama