Biyolinkler bölümü

MKS Biolinks Bölümü Pixpa web sitenizin herhangi bir sayfasına doğrudan bir bağlantı, düğme ve sosyal simge koleksiyonu eklemenize olanak tanır. Bağımsız sürümün aksine Biolinks SayfasıBu bölüm diğer sayfa öğelerinin yanına yerleştirilebilir ve bu sayede önemli bağlantılarınızı ana sayfanızda, hakkımızda sayfanızda veya herhangi bir özel sayfada bağlam içinde sergileme esnekliğine sahip olursunuz.

Biolinks Bölümü ile ziyaretçileri mağazanıza, iletişim formunuza, sosyal profillerinize veya harici web sitelerinize yönlendiren kompakt, mobil uyumlu bir bağlantı seti oluşturmak daha kolay hale gelir.

Bu makalede:

  1. Biyolinkler bölümünü ekle
  2. Biolinks önerileri
  3. Liste öğeleri ekleme ve düzenleme
  4. Liste öğelerini sıralama
  5. Liste öğelerini silme
  6. Öğeleri Yönet
  7. Bölüm düzenini değiştirme
  8. Stil seçenekleri

Biyolinkler bölümünü 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.
  • Seçin Profil ve Biyolinkler (1) kategoriye tıklayın ve Biyobağlantılar sekme (2) arasında seçim yapabileceğiniz yer farklı düzenler arasında Biyobağlantılar (3) bölüm.

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

Biolinks önerileri

  • Temiz ve odaklanmış bir düzen için bölüm genişliğini Küçük veya Çok Küçük olarak ayarlayın. Devamını okuyunuz.
  • Derli toplu ve görsel olarak çekici bir görünüm elde etmek için daha küçük yazı tipleri kullanın.
  • Daha iyi vurgu için sütun sayısını 1 ile sınırlayın.
  • Metin miktarını sınırlayın ve her bağlantı için kısa, net etiketlere odaklanın.
  • Bağlantıların öne çıkmasını sağlamak için düğmelerde ve metinlerde yüksek kontrastlı renkler kullanın.
  • Dikkatin bağlantılarda kalmasını sağlamak için genel tasarımı minimalist tutun.
  • Resim veya simge eklerken görsel karmaşayı önlemek için bunların boyut ve stil açısından tutarlı olduğundan emin olun.

Liste öğeleri ekleme ve düzenleme

Liste öğesi ekle

Bölümü ekledikten sonra:

  • Tıkla Resim Listesini 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, bu makaleyi kontrol edin.

5. Tıklamada Eylem

Tek tek öğelerin tıklama davranışını özelleştirebilirsiniz. Profil 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 Simgeler: 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 Profil bölümünde her öğenin kartını ayrı ayrı özelleştirebilirsiniz. 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

Profil bölümünde her bir görsele 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.

not

  • etkinleştirme Kartlar opsiyon Stil ayarları bireysel öğeler için kartları geçersiz kılmak ve özelleştirmek için.
  • etkinleştirme Şekil Maskesi opsiyon Stil Ayarları Her bir öğe için şekilleri ayrı ayrı biçimlendirmek.


Liste öğelerini sıralama

  • Sıralamayı değiştirmek için liste öğelerini kolayca sürükleyip bırakabilirsiniz.

Görüntü listesi öğelerini iş başında sıralamaya bakın: 


Liste öğelerini silme

Bir liste öğesi ekledikten sonra onu düzenleyebilir ve silebilirsiniz.

  • Tıkla Sil görüntü listesi öğesinin yanındaki simge.
  • Tne, tıklayın Sil onay açılır penceresindeki düğme.
  • En sonunda, kayıt etmek değişiklikleriniz.

Bir görüntü listesi öğesini silme işlemine bakın: 

 

not

Liste öğeleri silindikten sonra kurtarılamaz.


Öğeleri Yönet

Biyolinkler Listesi 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 Resim Listesini 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

  1. Başlığı Göster: Resim Listesi 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üzenini Değiştirme

  • Tıkla Resim Listesini Düzenle (1) düğmesine basın.

  • Seçin Düzen (2) sekmesi.
  • Seç bölümünüz için bir düzen ve İndirim (3) değişiklikler.

 

Pro İpucu

Tam Genişlikte Bölüm / Sekmeli Liste Bölümü oluşturmak için 25 ila 29 arasında herhangi bir düzeni seçin.

notlar

  • Sayfanıza kolayca sekmeli bir liste düzeni ekleyebilirsiniz.
  • Yatay sekmeli / dikey sekmeli düzen arasından seçim yapma seçeneğiniz vardır.
  • Karşılaştırmaya dayalı bir bölüm oluşturmaya yardımcı olur.


Stil seçenekleri

  • Tıklayın Resim Listesini Düzenle (1) düğmesine basın.

  • Seçin Stil (2) sekmesi.
  • Kesit öğeleri için Stili değiştirin ve Kaydet (3) değişiklikleriniz.


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. Kart Seçenekleri
  12. Gölge Seçenekleri
  13. Düğmeler ve Bağlantılar

ekran 

  1. Seçin Öğeleri Göster in satırlar ve sütunlar or atlıkarınca 
    • 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.
  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/Üst Sağ/Alt Sağ, 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.


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 İçerik Yatay Olarak Görüntü Listesinde. Bunları sola, sağa veya ortaya hizalanacak şekilde ayarlayabilirsiniz.
  2. Hizala İçerik Dikey Olarak Görüntü Listesinde. Bunları üste, ortaya ve aşağıya hizalanacak şekilde ayarlayabilirsiniz.
  3. Seçin İçerik Sırası yani, önce görüntülenecek liste öğelerinin resimleri veya ilgili metin.


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.
  6. 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.


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: Resim Listesi bölümündeki resimlere bir şekil maskesi uygulamak için bu geçişi etkinleştirin. Etkinleştirildiğinde, seçili şekil resmi görsel olarak 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.


Resmin üzerine gelindiğinde 

  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

  1. Bakın nasıl stilini yönetmek için Düğmeler ve Bağlantılar.
  2. İndirim tüm tarzlar değişiyor.


 

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

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