Bu zaman çizelgesi bölümü, kullanıcıların proje aşamalarını ve görevlerini kronolojik bir sırayla görüntülemesine olanak tanır.
Bu özellikle projenin ilerleyişini vurgulamak, başvuru süreçlerini göstermek, ödüller gibi başarıları sergilemek ve diğer özelleştirilebilir seçenekleri sunmak için faydalıdır.
Bilginin zaman çizelgesi formatında sunulması için yapılandırılmış ve görsel olarak çekici bir yol sağlayarak kullanıcı deneyimini ve katılımını artırır.
Bu makalede:
- Sayfanıza Bölüm Ekle
- Liste Öğelerini Ekle / Düzenle
- Sıra Listesi Öğeleri
- Öğeleri Yönet
- Bölüm Düzenini Değiştir
- Stil Seçenekleri
Sayfanıza Bölüm Ekle
- Bir sayfaya bölüm eklenebilir. Halihazırda var olan bir sayfaya bölüm ekleyebilir veya yeni bir sayfa oluştur web sitenizin içinde.
- Sayfanda, tıkla mavi + simge eklemek için Yeni Bölüm sayfanıza.
- Şimdi göreceksiniz bölüm kategorileri sol tarafta.
- Tıkla Tarihçesi sekme (1) arasında seçim yapabileceğiniz yer farklı düzenler zaman çizelgesi (2) bölümünün.
- Bölüm artık sayfaya eklenecektir. Tıklamak İndirim (3) Değişiklikleri korumak için düğme.
Liste Öğelerini Ekleme ve Düzenleme
Liste öğesi ekle
Bölümü ekledikten sonra:
- Tıkla Zaman Çizelgesini Düzenle (1) düğmesine basarak Liste Öğesi Panelini açın.
- Tıkla Öğe Ekle (2) Yeni bir liste öğesi eklemek için düğmesine basın.
- Seçebilirsin Çoğalt veya Sil (3) liste öğeleri.
- Bir Başlık (4) zaman çizelgesi bölümü için.
Liste Öğesini Düzenle
Düzenlemek istediğiniz liste öğesine tıklayın. Söz konusu Liste öğesinin düzenleme seçeneklerini açacaktır.
Buradan şunları yapabilirsiniz:
- Birincil ve İkincil Görüntüyü Yükle / Kaldır (1)
Yükleyebilirsiniz İkincil Görüntü ile birlikte Birincil Resim her liste öğesi için. Bir kullanıcı öğenin üzerine geldiğinde, birincil görüntünün yerini alan ikincil görüntü görüntülenir. Ayrıca, Görüntü Vurgu Rengi, resim üzerine gelindiğinde gösterilecektir. - eklemek Başlık (2), Alt yazı (3), ve Açıklama (4) liste öğesinin.
- Seçtiğiniz düzene bağlı olarak belirli liste öğelerinde altyazı ve açıklama seçeneğini bulamayabilirsiniz.
Açıklamayı eklemeden önce kontrol edin Re-Tweet makale.
5. Tıklamada Eylem – Başlık ve Resim
Tek tek öğelerin tıklama davranışını özelleştirebilirsiniz. Tarihçesi Bölüm. Aşağıda mevcut seçenekler yer almaktadır:
- Bir Bağlantıya Git
Bu seçeneği seçmek, Bağlantı Oluşturucu, bu öğeye bir köprü eklemenize olanak tanır. Bağlantı kullanıcıları web sitenizdeki başka bir sayfaya veya harici bir URL'ye yönlendirebilir. Daha fazlasını öğren hakkında Bağlantı Oluşturucu. - Lightbox'ta aç
Bu seçenek, öğeyi büyütülmüş olarak görüntüler Hafif kutu tıklandığında görüntülenebilir. Bu modda, Alt yazı ve Açıklama Öğeyle ilişkilendirilen öğe ızgara görünümünde görünmeyecek ancak Lightbox modunda görünür olacaktır. - hiçbir Eylem
Öğeyi tıklanamaz hale getirmek için bu seçeneği seçin. Seçildiğinde, öğeye tıklamak herhangi bir eylemi tetiklemeyecektir.
6. Bağlantıyı Yeni Pencerede Aç: Bağlantıyı şu şekilde açılacak şekilde ayarlayın: yeni sekmede veya aynı sekmede. Bu yalnızca şu durumlarda görünür olacaktır: Bir Bağlantıya Git seçeneği altında seçilir Tıklamada Eylem menüsü.
7. Düğmeler ve Bağlantılar: Herhangi bir tür ekleyin Link liste öğesine. Bir Düğme/Resim bağlantısı/Sosyal Simge/Metin Bağlantısı ekleyebilirsiniz. Devamını okuyunuz.
8. Kart Stili Geçersiz Kılma
Bölümün genel kart stili ayarlarını geçersiz kılabilirsiniz Stil Ayarları ve her öğenin kartını Zaman Çizelgesi bölümünde ayrı ayrı özelleştirin. Bu, daha iyi özelleştirme için farklı liste öğelerine benzersiz stiller uygulamanıza olanak tanır.
Devamını okuyunuz Dinamik bölümdeki Kartlar seçeneği hakkında.
9. Şekil Stili Geçersiz Kılma
Zaman Çizelgesi bölümünde her bir görüntüye ayrı ayrı farklı bir şekil atamak için Geçersiz Kıl seçeneğini kullanın. Bu sayede her bir öğenin görsel stili üzerinde daha fazla kontrole sahip olursunuz. Devamını okuyunuz Şekil Maskesi hakkında.
10. Kaydet: Özelleştirmeleri yaptıktan sonra değişiklikleri kaydedin.
Sıra Listesi Öğeleri
Zaman Çizelgesi Bölümünün Öğelerini Yönet
Zaman çizelgesi bölümü şunları içerir: Öğeler sekmesi Bölümdeki çeşitli öğelerin görünürlüğünü kolaylıkla yönetmenizi sağlar. Basit geçiş anahtarlarını kullanarak, öğelerin kendilerini silmek veya değiştirmek zorunda kalmadan belirli öğeleri etkinleştirebilir veya devre dışı bırakabilirsiniz.
- Tıkla Zaman Çizelgesini Düzenle (1) düğmesine basın.
- Seçin Elements (2) sekmesi.
- Değişiklikleri yaptıktan sonra, İndirim (3) düğmesine basın.
Bölüm Seçenekleri
- Başlığı Göster: Zaman Çizelgesi bölümü için başlığın görünürlüğünü etkinleştirin veya devre dışı bırakın.
- Düğmeleri Göster: Bölüm düzeyinde düğmelerin görüntülenip görüntülenmeyeceğini kontrol edin.
Öğe Seçenekleri
- Resmi Göster: Görsellerin görünürlüğünü değiştirir.
- Başlığı göster: Başlığın görüntülenip görüntülenmeyeceğini kontrol edin.
- Altyazıyı Göster: Altyazıları etkinleştirin veya devre dışı bırakın.
- Açıklamayı göster: Ürün açıklamalarının görünürlüğünü yönetin.
- Düğmeleri Göster: Bireysel öğeler için düğmelerin gösterilip gösterilmeyeceğine karar verin.
Bölüm Düzenini Değiştir
- üzerine tıklayın Zaman Çizelgesini Düzenle Bölüm düzenleme panelini açmak için düğmesine basın.
- Seçin Düzen sekmesi.
- Buradan bölümün düzenini sayfaya ekledikten sonra bile kolayca değiştirebilirsiniz.
Düzeni değiştirirken üst kısımda bölümle ilgili düzenleri göreceksiniz.
Bunların dışında aynı zamanda alt kısımdaki diğer bölümlerden de düzen seçme seçeneğiniz bulunmaktadır. Daha Fazla Düzen başlığı.
Stil Seçenekleri
- Tıklayın Resim Listesini Düzenle düğmesine basın.
- Seçin Stil (1) sekmesi.
- Kesit öğeleri için Stili değiştirin ve Kaydet (2) değişiklikleriniz.
Bölüm için birden fazla stil seçeneğiniz olacak:
- Seçenekleri Göster
- hiza
- Metin Boyutu
- Diş Arası Boşluk
- Bölüm Başlığı
- Zaman Çizelgesi Stil Seçenekleri
- Resim Seçenekleri
- Şekil Maskesi
- Görüntü Üzerine Gelme Seçenekleri
- Görüntü Kenarlığı
- Kart Seçenekleri
- Gölge Seçenekleri
- Düğmeler ve Bağlantılar
Ekran Seçeneği
- belirtmek Satırlar Arasındaki Boşluk liste öğelerinden.
hiza
- Hizala Metin Yatay Olarak bölümde. Bunları sola, sağa veya ortaya hizalanmış olarak ayarlayabilirsiniz.
- Hizala İçerik Dikey Olarak bölümde. Bunları üst, orta ve alt hizalı olacak şekilde ayarlayabilirsiniz.
- Seçin İçerik Sırası yani, önce görüntülenecek liste öğelerinin resimleri veya ilgili metin.
Metin Boyutu
- Tıkla Metin Stilini Değiştir düğmesini ziyaret edin Tasarım bölüm ve yazı tipi boyutlarınızı ve stillerinizi yönetin.
- Yı kur Başlık bölümün liste öğeleri için yazı tipi stili.
- Yı kur Alt yazı bölümün liste öğeleri için yazı tipi stili.
- Varsayılanı ayarla Açıklama bölümün liste öğeleri için yazı tipi stili.
- Bu seçeneği etkinleştirin herhangi bir sayıyı canlandırın içinde mevcut Başlık ve Alt yazı Alanlar. Etkinleştirildiğinde, sayısal değerler dinamik bir sayma animasyonuyla görünecek ve bu da onları görsel olarak daha ilgi çekici hale getirecektir.
Diş Arası Boşluk
- belirtmek Resim Genişliği liste öğeleri için.
- belirtmek Bölüm Başlığının altındaki boşluk piksel cinsinden.
- belirtmek Yukarıdaki Uzay görüntüleri liste öğelerinin (% cinsinden).
- belirtmek Ayırıcının Etrafındaki Alan liste öğelerinin yatay olarak (% cinsinden).
- belirtmek Başlıkların altındaki boşluk liste öğelerinin (% cinsinden).
- belirtmek Altyazıların altındaki boşluk liste öğelerinin (% cinsinden).
Bölüm Başlığı
- Yatay Hizala bölüm başlığı metni. Bunu Sol, Orta ve Sağ olarak ayarlayabilirsiniz.
- Etkinleştir/Devre Dışı Bırak bölen Bölüm başlığı ile bölüm içeriği arasında.
- Yı kur bölücünün kalınlığı (px cinsinden).
- belirtmek Bölücü Rengi renk seçiciden.
- Bir seçin Bölücü Stili açılır.
- Yı kur Başlık Genişliği Bölüm başlığının en az %50'den başlayarak ne kadar genişlikte görüneceğini tanımlamak.
Zaman Çizelgesi Stil Seçenekleri
- Bölümdeki her ikinci öğenin sayfada olmasını tercih ediyorsanız bunu etkinleştirin. Alternatif (ters taraf.
- seçmek Kullanım Şekli öğelerin.
- belirtmek Bölücü Çizgi Genişliği bölüm için.
- belirtmek Temel Hat (arka plan) Bölücünün rengi.
- belirtmek Aktif Hat (vurgulanmış) Bölücünün Rengi.
Fotoğraflar
- Seçin Ibüyücü Kırpma Liste öğeleri için. Görüntüleri Kare, Daire, Yatay, Dikey ve Orijinal olarak ayarlayabilirsiniz.
- Liste öğelerinin her bir tarafı için ortak bir köşe yarıçapına veya farklı köşe yarıçapına sahip olmayı seçin ve kenar için bir sayı (px olarak) belirleyin. Cköşe Yarıçapı liste öğesi görüntülerinin Daha fazlasını öğren.
Şekil Maskesi
- Şekil Maskesi: Zaman Çizelgesi bölümünde görüntüye bir şekil maskesi uygulamak için bu geçişi etkinleştirin. Etkinleştirildiğinde, seçili şekil görüntüyü görsel olarak o forma kesecektir.
- Şekil Seçin: Resminize uygulamak için çeşitli önceden tanımlanmış şekillerden birini seçin. Bu, yuvarlak, elmas, damla vb. gibi benzersiz bir biçimde görüntüleyerek içeriğinizi yaratıcı bir şekilde stilize etmenizi sağlar.
- Şekil Maskesi seçeneği düzene bağlıdır – Başlık veya alt başlık gibi metinlerin görselin üzerinde görüntülendiği düzenlerde görünmeyebilir.
- Germe ayarı birden fazla faktöre bağlıdır – Stil sekmesi altında tanımlanan Görüntü Boyutu, Hizalama ve Kırpma ayarları dahil.
- Görüntü Kırpma Orijinal olarak ayarlandıysaGörüntünün gerçek boyutları, dikey mi yoksa yatay mı gerileceğini belirleyecektir.
Resim Üzerine Gelme
- Seçin Görüntü Vurgulu Renk olduğu vurgu rengi ya da olmak Belirtilen. Eğer seçtiyseniz vurgu rengi, sonra belirtin donukluk. Her bir öğe için vurgu rengini şuradan belirleyebilirsiniz: Ögeyi düzenle paneli.
- Eğer seçtiyseniz renk belirtin seçeneğini belirleyin ve ardından Kaplama rengi ve opaklığı.
- Seçin Liste öğesi resimlerini canlandırın Evet'e tıklayarak fareyle üzerine gelin. Canlı bir sayfada bu özelliği kontrol edin.
- Birini seçin Animasyon Stili İmleç üzerlerine geldiğinde resimler için.
- İzin vermek isteyip istemediğinizi seçin Görüntülerin geçişi havada asılı kalsın veya kalmasın.
- Bir seçin Geçiş Stili hover geçişi için. Mevcut seçenekler Fade ve Flip'tir.
Görüntü Kenarlığı
- Kenarlığı Etkinleştir / Devre Dışı Bırak Geçişi değiştirerek görüntülerin etrafında gezinin.
- Sahip olmayı seçin ortak sınır görüntülerin her tarafında veya belirtebilirsiniz sınırları ayrı ayrı her iki taraf için.
- belirtmek genişlik sınırın. 0 olarak ayarlanırsa kenarlık görünmeyecektir. Ayrıca görüntünün her tarafı için kenarlık genişliğini ayrı ayrı ayarlama seçeneğiniz de vardır.
- seçmek Sınır rengi renk seçiciden.
- Tercih edileni seçin Sınır Stili açılır.
- Belirlemek mobil cihazlar için kenarlık genişliği aygıtlar, masaüstü için seçilen genişliğe göre hizalanır.
Kartlar
- Bakın nasıl kartları yönetmek için.
gölge
- ekran – Liste öğelerinin arkasındaki gölgeyi her zaman veya yalnızca üzerine gelindiğinde göstermeyi seçin.
- stil – Mevcut hazır ayarlar arasından seçim yapın veya özel bir gölge oluşturun.
Özel seçeneğini seçtiyseniz, bunu ziyaret edin Kutu Gölge Oluşturucu Özel bir gölge oluşturmak için. Son olarak, kopyalayıp yapıştırın kutu gölge CSS. - Ön ayarlar seçeneğini seçtiyseniz, o zaman Gölge Stillerini Seçin açılır.
Düğmeler ve Bağlantılar
- Bakın nasıl stilini yönetmek için Düğmeler ve Bağlantılar.
