Takım Bölümü

Ekipler herhangi bir organizasyonun başarısı için çok önemlidir. Farklı becerilere, uzmanlıklara ve bakış açılarına sahip bireyleri bir araya getirerek hedeflere ulaşılabilecek dinamik bir ortam yaratırlar.

Pixpa'nın Ekip bölümünü kullanarak, ekip üyelerinizin profillerini ve fotoğraflarını, ilgili rolleri ve sorumluluklarıyla birlikte görüntüleyebilirsiniz

Bu makalede:

    1. Takım Bölümü Ekleme
    2. Liste Öğelerini Ekleme ve Düzenleme
    3. Liste Öğelerini Sıralama
    4. Öğeleri Yönet
    5. Bölüm Düzenini Değiştir
    6. Stil Ekibi Bölümü

Sayfaya Takım Bölümü Ekle

  • Bir bölüm eklemek için yapmanız gerekenler sayfa ekle önce web sitenize.
  • Sayfanda, tıkla mavi + simge eklemek için Yeni Bölüm.

  • Şimdi göreceksiniz bölüm kategorileri sol tarafta.
  • arasında gezinin Team (1) ve üzerine tıklayın. Şimdi seçim yapabileceğiniz bir ekran açılacaktır. farklı düzenler Takım Bölümünün (2).

  • Herhangi bir bölüm düzenini seçin ve sayfanıza eklemek için üzerine tıklayın.

Liste Öğelerini Ekleme ve Düzenleme

Liste Öğesi Ekle

  • Tıklayın Ekipleri 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 Dçoğalt veya Sil (3) liste öğeleri.

Liste Öğesini Düzenle

Düzenlemek istediğiniz liste öğesine tıklayın. Belirli Liste öğesi 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

Tek tek öğelerin tıklama davranışını özelleştirebilirsiniz. Team 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ı Resim Listesi 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. Kaydet: Özelleştirmeleri yaptıktan sonra değişiklikleri kaydedin.

not

Her bir öğe için kartları ayrı ayrı özelleştirmek için öncelikle şu özelliği etkinleştirmeniz gerekir: Card Stil Ayarları'ndan seçeneği.


Liste Öğelerini Sıralama

Liste Öğelerinin sırasını şu şekilde kolayca değiştirebilirsiniz: Sürükleyip bırakmak Onları. Ekip Öğeleri Listesini iş başında sıralamaya bakın: 


Takım Bölümünün Öğelerini Yönet

Takım bölümü şunları içerir: Öğeler sekmesi Bölümdeki çeşitli öğelerin görünürlüğünü kolaylıkla yönetmenize olanak tanır.

Basit geçiş anahtarlarını kullanarak, öğeleri silmenize veya değiştirmenize gerek kalmadan belirli öğeleri etkinleştirebilir veya devre dışı bırakabilirsiniz.

  • Tıkla Elements (1) sekmesi.
  • Değişiklikleri yaptıktan sonra, İndirim (2) düğmesine basın.

Bölüm Seçenekleri

  1. Başlığı Göster: Takım bölümü için başlığın görünürlüğünü etkinleştirin veya devre dışı bırakın.
  2. 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

  1. Resmi Göster: Görsellerin görünürlüğünü değiştirir.
  2. Başlığı göster: Başlığın görüntülenip görüntülenmeyeceğini kontrol edin.
  3. Altyazıyı Göster: Altyazıları etkinleştirin veya devre dışı bırakın.
  4. Açıklamayı göster: Ürün açıklamalarının görünürlüğünü yönetin.
  5. Düğmeleri Göster: Bireysel öğeler için düğmelerin gösterilip gösterilmeyeceğine karar verin.


Bölüm Düzeni

    • Tıkla Ekipleri Düzenle bölüm düzenleme panelini açmak ve seçmek için düğme 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ığı.


Tasarım Ekipleri Bölümü

Çeşitli stil seçeneklerini kullanarak Ekipler bölümünün farklı yönlerini özelleştirebilirsiniz. Stil seçeneklerine gitmek için, Ekipleri Düzenle (1) düğmesine basın.

  • Seçin stil (2) sekmesi.
  • Özelleştirmeleri yaptıktan sonra, İndirim (3) değişiklikler.


Bölüm için birden fazla stil seçeneğiniz olacak: 

  1. Seçenekleri Göster
  2. Mobil Ekran
  3. hiza
  4. Metin Boyutu
  5. Diş Arası Boşluk
  6. Bölüm Başlığı
  7. Resim Seçenekleri
  8. Şekil Maskesi
  9. Görüntü Üzerine Gelme Seçenekleri
  10. Görüntü Kenarlığı
  11. Kartlar
  12. gölge
  13. Düğmeler ve Bağlantılar

Seçenekleri Göster

  1. Seçin Öğeleri Göster in satırlar ve sütunlar / atlıkarınca / Vitrin
    • Eğer seçtiyseniz satırlar ve sütunlar seçeneği, liste öğeleri satırlar ve sütunlar halinde düzenlenecektir. Bu durumda, satır ve sütun sayısını belirtmeniz gerekir.
    • Eğer seçtiyseniz atlıkarınca seçeneği, liste öğeleri bir slayt gösterisi olarak sunulacaktır. Daha fazlasını öğren.
    • Vitrin Görsellerinizi akıcı geçişler ve efektlerle tek tek görüntülemek için şık ve etkileşimli bir atlıkarınca tarzı düzen sunar. Bu düzen, sitenize modern ve sürükleyici bir deneyim katar. Devamını okuyunuz.

  2. Yı kur Sütun sayısı resim listesi için 1 ila 10 sütun arasından seçim yapabilirsiniz.
  3. belirtmek Sütunlar Arasındaki Boşluk liste öğelerinden.
  4. belirtmek Satırlar Arasındaki Boşluk liste öğelerinden.

Adım 1'de Atlıkarınca seçeneği seçilirse aşağıdaki ek seçenekleri göreceksiniz:

  1. Düzgün Kaydırmayı Etkinleştir: Sorunsuz ve görsel olarak çekici bir deneyim için karusel içindeki öğelerin sürekli kaydırılmasını sağlar.
  2. Otomatik Kaydırma: Kullanıcı etkileşimi olmadan slaytlar arasında otomatik olarak geçiş yapar.
  3. Otomatik Oynatma İlerlemesini Göster: Otomatik oynatma etkinken daha iyi görünürlük için bir ilerleme göstergesi görüntüler.
  4. Otomatik Oynatma Gecikmesi: Otomatik oynatma etkinleştirildiğinde her slayt geçişi arasındaki zaman aralığını ayarlar.
  5. Dönme dolap döngüsü: Slaytların sürekli olarak tekrarlanmasını sağlar, böylece dönen slaytlar son slayttan sonra sorunsuz bir şekilde yeniden başlar.
  6. Karusel Kontrolleri: Seç Navigasyon KontrolleriKontrol Yok, Oklar – Alt Orta/Sağ Üst/Sağ Alt, Chevron, Noktalar ve Yatay Kaydırma arasında seçim yapabilirsiniz.
  7. Kenarları Soluklaştır: Karuselin kenarlarına ince bir solma efekti uygulayın. Görüntüler görünüme girerken veya çıkarken yumuşak bir şekilde harmanlanarak kullanıcı deneyimini iyileştirir.

1. Adımda Showcase seçeneği seçiliyse, aşağıdaki ek seçenekleri göreceksiniz:

  1. Etkileri: Görüntülerin nasıl geçiş yapacağını kontrol etmek için beş animasyon efektinden birini seçin: Solma, Çevirme, Kartlar, Kapak Akışı (Eğimli) veya Kapak Akışı (Düz).
  2. Akıcı Kaydırmayı Etkinleştir: Vitrin içindeki öğelerin sürekli kaydırılmasını sağlayarak kusursuz ve görsel açıdan çekici bir deneyim sunar.
  3. Otomatik Kaydırma: Kullanıcı girişi olmadan görseller arasında otomatik geçiş yapın.
  4. Otomatik Oynatma İlerlemesini Göster: Otomatik oynatma etkinken daha iyi görünürlük için bir ilerleme göstergesi görüntüler.
  5. Otomatik Oynatma Gecikmesi: Otomatik oynatma etkinken slaytlar arasındaki süreyi ayarlayın. 1 ile 10 saniye arasında herhangi bir değer seçebilirsiniz.
  6. Atlıkarınca Döngüsü: Bunu etkinleştirerek karuseli sonsuza kadar döngüye alın ve kesintisiz oynatmaya izin verin.
  7. Carousel Kontrolleri: Döngü Kontrolleri ayarı, kullanıcıların slaytlar arasında nasıl gezineceğini oklar (alt orta, sağ üst, sağ alt), noktalar veya hiç kontrol olmaması gibi seçeneklerle seçmenize olanak tanır.


Mobil Ekran

  1. sayısını ayarla Izgara Sütunları mobil cihazlar için. Maksimum 3 sütuna ayarlayabilirsiniz.
  2. Tanımlamak Diş Arası Boşluk ızgaralar arasında (piksel cinsinden).

Studio Ayarlarına Göre Cihaza Özel Sütun Düzeni:


hiza

  1. Hizala Görüntü Yatay Olarak Takım bölümünde. Bunları sola, sağa veya ortaya hizalanmış olarak ayarlayabilirsiniz.
  2. Hizala Metin Yatay Olarak Takım bölümünde. Bunları sola, sağa veya ortaya hizalanmış olarak ayarlayabilirsiniz.
  3. Hizala İçerik Dikey Olarak Takım Listesinde. Bunları üst, orta ve alt hizalı olarak ayarlayabilirsiniz.
  4. Seçin İçerik Sırası yani, önce görüntülenecek liste öğelerinin resimleri veya ilgili metin.


Bölüm Başlığı

  1. Yatay Hizala bölüm başlığı metni. Bunu Sol, Orta ve Sağ olarak ayarlayabilirsiniz.
  2. Etkinleştir/Devre Dışı Bırak bölen Bölüm başlığı ile bölüm içeriği arasında.
  3. Yı kur bölücünün kalınlığı (px cinsinden).
  4. belirtmek Bölücü Rengi renk seçiciden.
  5. Bir seçin Bölücü Stili açılır.


Metin Boyutu

  1. 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. 
  2. Yı kur Başlık bölümün liste öğeleri için yazı tipi stili.
  3. Yı kur Alt yazı bölümün liste öğeleri için yazı tipi stili.
  4. Varsayılanı ayarla Açıklama bölümün liste öğeleri için yazı tipi stili.
  5. 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

  1. belirtmek Resim Genişliği liste öğeleri için.
  2. belirtmek İçerik Genişliği liste öğeleri için.
  3. belirtmek Bölüm Başlığının altındaki boşluk piksel cinsinden.
  4. belirtmek Resimlerin altındaki boşluk liste öğelerinin (% cinsinden).
  5. belirtmek Başlıkların altındaki boşluk liste öğelerinin (% cinsinden).
  6. belirtmek Altyazıların altındaki boşluk liste öğelerinin (% cinsinden).


Bölüm Başlığı

  1. Yatay Hizala bölüm başlığı metni. Bunu Sol, Orta ve Sağ olarak ayarlayabilirsiniz.
  2. Etkinleştir/Devre Dışı Bırak bölen Bölüm başlığı ile bölüm içeriği arasında.
  3. Yı kur bölücünün kalınlığı (px cinsinden).
  4. belirtmek Bölücü Rengi renk seçiciden.
  5. Bir seçin Bölücü Stili açılır.


Fotoğraflar

  1. Seçin Ibüyücü Kırpma Liste öğeleri için. Görüntüleri Kare, Daire, Yatay, Dikey ve Orijinal olarak ayarlayabilirsiniz.
  2. 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.

Bahşiş

Kullanma köşe yarıçapı alanında, liste öğesi görüntülerinin farklı şekillerini oluşturabilirsiniz. Burada 500 px belirtmeniz durumunda resimler daire şeklinde görünecektir.

  • Bölünmüş köşeler seçtiyseniz, her köşe için farklı köşe yarıçapı ayarlayabilirsiniz.


Şekil Maskesi

  1. Şekil Maskesi: Teams bölümündeki resimlere bir şekil maskesi uygulamak için bu geçişi etkinleştirin. Etkinleştirildiğinde, seçili şekil görsel olarak resmi o forma kesecektir.
  2. Şekil Seçin: Görüntülerinize uygulamak için çeşitli önceden tanımlanmış şekillerden seçim yapın. Bu, görüntüleri yuvarlak, elmas, damla vb. gibi benzersiz biçimlerde görüntüleyerek içeriğinizi yaratıcı bir şekilde stilize etmenizi sağlar.
  3. Uzatmak: Seçili şekli görüntü kabına daha iyi uyacak şekilde germek için bu seçeneği etkinleştirin. Bu, şeklin mevcut alanı orantılı olarak doldurmasını sağlayarak farklı ekran boyutlarında görsel hizalamayı iyileştirir.

notlar

  • Stretch seçeneği düzene bağlıdır – Belirli düzenlerde görünmeyebilir. Başlık veya alt başlık gibi metnin görüntü üzerinde görüntülendiği düzenlerde, tüm Şekil Maskesi seçeneği kullanılamayabilir.
  • Germe ayarı birden fazla faktöre bağlıdır - Dahil olmak üzere görüntü boyutu, hiza, ve kırpma ayarları Stil sekmesi altında tanımlanmıştır.
  • 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

  1. 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.
  2. Eğer seçtiyseniz renk belirtin seçeneğini belirleyin ve ardından Kaplama rengi ve opaklığı.
  3. Yı kur Üst üste bindirilmiş metin rengi hover'da görünen.
  4. Seçin Liste öğesi resimlerini canlandırın Evet'e tıklayarak fareyle üzerine gelin. Canlı bir sayfada bu özelliği kontrol edin.
  5. Birini seçin Animasyon Stili İmleç üzerlerine geldiğinde resimler için.
  6. İzin vermek isteyip istemediğinizi seçin Görüntülerin geçişi havada asılı kalsın veya kalmasın.
  7. Bir seçin Geçiş Stili hover geçişi için. Mevcut seçenekler Fade ve Flip'tir.


Görüntü Kenarlığı

  1. Kenarlığı Etkinleştir / Devre Dışı Bırak Geçişi değiştirerek görüntülerin etrafında gezinin.
  2. 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.
  3. 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.
  4. seçmek Sınır rengi renk seçiciden.
  5. Tercih edileni seçin Sınır Stili açılır.
  6. 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


gölge

  1. ekran – Liste öğelerinin arkasındaki gölgeyi her zaman veya yalnızca üzerine gelindiğinde göstermeyi seçin.
  2. 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.
  3. Ö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.


Aradığınızı bulamıyor musunuz?

Bir Pixpa Uzmanı ile iletişime geçin.