Videolar Bölümü

Sayfanıza "Videolar" bölümü ekleyerek, sayfada oynatılacak YouTube/Vimeo videolarınızı kolayca ekleyebilirsiniz. Bu, web sitenizin ziyaretçilerinin ilgisini canlı tutmanın harika bir yoludur.

Pixpa, YouTube veya Vimeo'dan video yerleştirmeyi destekler. Bir videoyu doğrudan web sitenize yükleyemezsiniz. Bu bölümün dışında videolarınızı da ekleyebilirsiniz. Galeri ya da afiş.

Pixpa, YouTube veya Vimeo profilinizi sosyal bağlantılar. Soundcloud'da barındırılan müzik dosyalarınızı da Müzik bölümünden ekleyebilirsiniz.

Dikkat edilmesi gereken noktalar:

  • Videoların desteklendiği her yere bir .gif dosyası yükleyebilirsiniz.
  • Eklediğiniz video çok yükleniyorsa oynat butonuna tıklayın ve videoyu birkaç dakika duraklatın. Ardından videoyu devam ettirin. Bu şekilde, daha az arabelleğe alma ile daha iyi yüklenir.

Bu makalede:

  1. Videolar bölümü nedir?
  2. Video bölümü ekle
  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
  9. Dolu Kart ve Metin kartı

Videolar bölümü

Video Listesi, video için bir açıklama ekleyebileceğiniz ve video listesini web sitesindeki herhangi bir sayfaya veya başka bir bağlantıya bağlamak için bir bağlantı veya düğme ekleyebileceğiniz bir video koleksiyonudur.


Video Ekle bölümü

  • 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 İçerik (1) seçenek ve Videolar (2) sekmesi.
  • Şimdi, göreceksin farklı düzenler arasında Videolar bölümü (3).

  • 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

Video Liste Öğesi Ekle

Bölümü ekledikten sonra

  • Tıkla İçeriği Düzenle (1) düğmesine basarak Liste Öğesi Panelini açın.

  • Tıkla Öğe eklemek (2) yeni bir liste öğesi eklemek için düğme.
  • Seçeneği olacak Çoğalt ve Sil (3) liste öğeleri.


Video Listesi Öğesini Düzenle

Düzenlemek istediğiniz liste öğesine tıklayın. Belirli Liste öğesi düzenleme seçeneklerini açacaktır.

  • Ekle YouTube/Vimeo video bağlantınız (1).

not

Pixpa web sitenize video eklemek için videonuzu YouTube veya Vimeo'ya yüklemeniz ve URL'yi buraya girmeniz gerekmektedir.

  • Videoyu oynatmak için ayarlayın lightbox veya yalnızca sayfada (2).

  • Yükle veya Sil (3) Liste Öğesinin küçük resmi.

  • eklemek Başlık (4), Alt yazı (5), ve Açıklama (6) Liste Öğesi. Seçtiğiniz düzene bağlı olarak belirli liste öğelerinde Altyazı ve Açıklama seçeneğini bulamayabilirsiniz.

7. Tıklamada Eylem

Tek tek öğelerin tıklama davranışını özelleştirebilirsiniz. Video Listesi 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.
  • 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.

8. 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ü.

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

10. Kart Stili Geçersiz Kılma

Bölümün genel kart stili ayarlarını geçersiz kılabilirsiniz Stil Ayarları ve Video Listesi bölümünde her öğenin kartını 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ümlerdeki Kartlar seçeneği hakkında.

11. Şekil Stili Geçersiz Kılma

Video Listesi bölümünde her küçük resme ayrı ayrı farklı bir şekil atamak için Geçersiz Kıl seçeneğini kullanın. Bu sayede her öğenin görsel stili üzerinde daha fazla kontrole sahip olursunuz. Devamını okuyunuz Şekil Maskesi hakkında.

12. Kaydet: Özelleştirmeleri yaptıktan sonra değişiklikleri kaydedin.


Bir video listesi öğesini çalışırken düzenlemeye bakın:


Sıra Listesi Öğeleri

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

Bir Liste Öğesini Sil

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

  • Tıkla Sil Video Listesi öğesinin yanındaki simge.
  • Tıkla Sil onay açılır penceresindeki düğme.
  • İndirim değişiklikleriniz.

not

Liste öğesi silindikten sonra geri alınamaz.


Video Listesinin Öğelerini Yönetin

Video 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 İçeriği 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: Video Listesi bölümünün başlığını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. Videoyu göster: Videoların görünürlüğünü açıp kapatın.
  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 İçeriği Düzenle (1) düğmesine basarak Video Listesi düzenleme panelini açın.

  • Seçin Düzen (2) sekmesi.
  • Bölümünüz için Düzeni seçin ve İndirim (3) değişiklikleriniz.


Bölümünüzü Stillendirin

  • Tıkla İçeriği Düzenle (1) düğmesine basarak Video Listesi düzenleme panelini açın.

  • Seçin stil (2) seçeneği.
  • Kesit öğeleri için Stili değiştirin ve İndirim (3) değişiklikleriniz.

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

    1. görüntüleme seçenekleri 
    2. Mobil Ekran
    3. hiza
    4. Metin Boyutu
    5. Diş Arası Boşluk
    6. Bölüm Başlığı
    7. Görüntü seçenekleri
    8. Şekil Maskesi
    9. Görüntünün Üzerine Gelme seçenekleri
    10. Kenarlık seçenekleri
    11. Kart seçenekleri
    12. Gölge seçenekleri
    13. Düğme 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ı Video 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.


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 Video Listesinde. Bunları sola, sağa veya ortaya hizalanacak şekilde ayarlayabilirsiniz.
  2. Hizala İçerik Dikey Olarak Video Listesinde. Bunları üst, orta ve alt hizalı olarak 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.


Görüntü seçenekleri

  1. Seçin görüntü kırpma liste öğeleri için. Görüntüleri Kare, Daire, Manzara, Portre ve Dinamik 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. köş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: Video Listesi bölümündeki video küçük resimlerine bir şekil maskesi uygulamak için bu geçişi etkinleştirin. Etkinleştirildiğinde, seçili şekil küçük resmi görsel olarak o forma kesecektir.
  2. Şekil Seçin: Küçük resimlerinize uygulamak için çeşitli önceden tanımlanmış şekillerden birini seçin. Bu, görüntüleri yuvarlak, elmas, damla vb. gibi benzersiz biçimlerde görüntüleyerek içeriğinizi yaratıcı bir şekilde biçimlendirmenize olanak tanır.

notlar

  • Ş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 - 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.


Görüntünün Üzerine Gelme seçenekleri

  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.


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.


Kart seçenekleri


Gölge seçenekleri

  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.


Tam Kart ve Metin Kartı

Açtığınızda Tam/Metin Kartı liste öğeleri, video listenizde seçtiğiniz kart rengiyle birlikte bir çerçeveye ve arka plana sahip olacaktır. Tasarım Bölüm.
Ayrıca bakınız: Web sitesi renkleri ve aralığı.

Dolu Kart

Tam kart seçeneği seçildiğinde, kart rengi tüm karta, yani video küçük resmine ve onunla birlikte olan metne uygulanır.

Bir göz atın: 

Metin Kartı

Metin kartı seçeneği seçildiğinde, kart rengi yalnızca video küçük resminde bulunan metne uygulanır.

Bir göz atın: 


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

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

Pixpa Studio yenilendi. Şu anda tüm yardım makalelerinin ekran görüntülerini güncelliyoruz.