WordPress Video Galerisi 101
Önceki makalemizde, WordPress sitesindeki videoları sabitlemeden bahsettik. Şimdi, WordPress video galerileri tasarlayarak daha fazla tartışacağız. Devam etmeden önce, WordPress’teki “Medya Ekle” özelliği aracılığıyla WordPress’e videoyu gömmek için en kısa bir süreçle sonuçlandıralım.
WordPress Post/Sayfanızı Açın
“Medya Ekle” yi seçin
Yerel olarak depolanan videoları yükleyin veya YouTube Video URL’si yapıştırın.
Ve bitmişsin! Ardından, WordPress video galerileri tasarlamanın iki yolunu tartışacağız:
WordPress sayfa yapımcısı (favorim, nedenini daha sonra açıklayacağım – ve söz veriyorum, önyargılı olmayacağım)
WordPress eklentisi aracılığıyla
Kabul ediyor muyuz?
Hadi gidelim! Daha önce bahsettiğim gibi WordPress sayfa yapımcılarını kullanarak bir WordPress video galerisi yapın, sayfa yapımcılarını kullanmayı seviyorum. Bana birçok seçenek verdiler. Hepimiz temaların sınırlı yetenekleri olduğunu biliyoruz. Ve eklentiler genellikle ek işlevsellik ile kaydedilir. Bir sayfa üreticisi kullanmazsam, farklı bir eklentiye ihtiyacım var:
Vardiya
Akordeon
galeri
Kısa kod
Kenar çubuğu
Atlıkarınca
Ve liste devam edebilir. Her eklentinin çeşitli şeyleri ele alma yolu vardır ve işlevlerinin nasıl korkutucu bir şey olabileceğini anlamaya çalışır. Öte yandan, bir sayfa üreticisi kullanırsanız, öğrenme eğrisi çok daha kısadır. Her şey bloğa veya bileşene girer ve çok benzer bir şekilde düzenlenebilir. Artık baş ağrısı yok.
Ancak en iyisi, web sitenizin hızının daha iyi olacağı gerçeğidir. Ne kadar çok eklenti kullanırsanız, sitenizin performansı o kadar az olur. Şimdi, bu konuşmanın teknik tarafına gidelim. WordPress sayfası, yapımcı çok benzer, bu yüzden bildiğinizde, diğerleri için öğrenme eğrisi hızlı bir şekilde kısalır. Bu örnek için Colibri Pro temasını ve Colibri sayfa üreticisini kullanacağım. Genellikle, ücretli temalar ek seçeneklerle birlikte gelir, bu yüzden ücretsiz bir paket seçmiyorum. Bu kombo çok güçlü olabilir. WordPress video galerisini kaç yol tasarlayabileceğimizi hemen göreceksiniz. Şimdi, “Page” a gidiyorum ve “evimin” altından “Colibri’ye Ayarla” ı seçiyorum. İşte bir WordPress video galerisi oluşturmanız için mevcut seçeneklerden bazıları (Söylüyorum, yaratıcı olacağız).
Portföy blokları video bileşenleri ile birlikte
Nakliyeci bileşeni
Daha derine inmeden önce, hepimizin aynı sayfada olduğumuzdan emin olmak istiyorum. Block, sayfaya ekleyebileceğiniz veya web sitesini yayınlayabileceğiniz bir içerik unsurudur. Colibri’de aşağıdaki kategori için bir tasarım öncesi içerik bloğu vardır: kahraman aksanları, özellikler, içerik, harekete geçirme davetiyesi, bloglar, sayımlar, portföyler, fotoğraf galerileri, referanslar, müşteriler, ekipler, kişiler, SSS ve fiyatlar .
İşte bir fiyat bloğu örneği:
Bloklar kimsenin hayatını kolaylaştırmalıdır. Sitenin hemen hemen her bölümü için bir başlangıç noktası sunarlar. Sol yan panelin üst kısmındaki “+” sembolünden bloklar ve bileşenler eklenebilir. Mevcut tüm kategorileri göreceksiniz ve isimlere göre de arama yapabilirsiniz. Ayrıca, sitenin altına girip “önceden belirlenmiş bloklar ekle” ya da soldaki panele “Daha önce tasarlanmış bloğu ekle” yi seçerek bir blok ekleyebilirsiniz. Daha önce olduğu gibi aynı blok listesine yönlendirileceksiniz. Şimdi, sayfanın sonunda tüm bloklar eklenir. Başka bir yere taşımak için, sol menüden oldukça sürükleyin ve kaçın. Her blok soldaki menüden özelleştirilebilir. Hatları veya blokları değiştirmek istiyorsanız aynı 3 seçenek görünür: Düzen, Stil ve Gelişmiş. Bu, çeşitli eklentilerin ayarlarına uyum sağlamanıza gerek olmadığı için hayatınızı kolaylaştırır. Tekrar ediyorum, tüm tasarım yolları aşağıdakilere yol açacaktır: Düzen – kabın yapısını, mesafesini, genişliğini ve yüksekliğini ayarlayabileceğiniz yer. Basitçe söylemek gerekirse, bir kap bir blok tarafından işgal edilen gerçek alandır. Kapta içeriği (metin, resim) yerleştirirsiniz. Stil – Bloğunuzun arka planını ayarlayabileceğiniz veya böcekleri ekleyebileceğiniz (web sitesinin ne zaman bittiğini veya başladığını gösteren görsel öğeler).
Devam – Tipografi ve mekandan yanıt verebilirliğe kadar, blok ayrıntılarınızı girebileceğiniz yerdir.
Bileşenler daha küçük modüllerdir. Çeşitli şekillerde gelebilirler: başlık, kaydırıcı, böcek, düğmeler, atlıkarınca ve daha fazlası. Aynı “+” sembolünden eklenebilirler. Fark, bileşen penceresinden sürükleyebilmeniz ve sağdaki sitede istediğiniz yere koyabilmenizdir! Ayrıca sol panelden özelleştirilebilirler, yalnızca “düzen” yerine “içerik” görürsünüz. Önemli bir öneri: WordPress’e video yüklemeyin. Çok fazla yer kaplarlar ve web sitenizin performansını etkileyeceklerdir. Uzun giriş için özür dilerim, arkadaşlar, ancak hepimiz aynı temele sahip olduğumuzda, aslında çok kolay olacak video galerileri yapmak! Pinky’nin sözü! A. Bir portföy bloğu kullanarak bir WordPress video galerisi nasıl yapılır ve video bileşenim mümkün olduğunca kısa hale getirecektir.
Vizyonunuzla eşleşen portföy bloğunu seçin.
Görüntüyü sil. Çoğu blok resim kullandığından, videoyla değiştireceğiz.
“+” İşaretinden bileşenlere ve video sürüklenmesine kadar. Video örnekleri tasarıma girilecektir.
Örnek bir video seçin. Soldaki panelden oraya yerleştirmek istediğiniz videoyu seçin. Kendiniz yayınlanan YouTube veya Vimeo veya video bağlantılarına girebilirsiniz. Son Ayarı Yapın: Başlık, açıklama, satır sayısı veya sütun sayısını değiştirin. Tüm ayarlamalar soldaki panelde gerçekleşecektir. Seçiminize dikkat edin: Bileşenler, sütunlar, tüm bloklar vb.
Ve bitmişsin.
B. Kaydırıcı ve Adımlar Kullanarak WordPress Video Galerisi Nasıl Yapılır: Vardiya bileşenini sürükleyin ve çıkarın
Soldaki “İçerik” seçeneğinden titremenizi seçin ve “Diğer Arka Plan Seçeneği” ni tıklayın. Kaydırıcı arka planınız için 3 seçenekten “Video” yu seçin.
fotoğraf Galerisi Kaynak: wordpress.org/plugins/foogallery/ Özünde, Foogallery bir fotoğraf galerisi eklentisidir. Pro sürümünde, video galerisi için de bir seçenek var. Foogallery Pro, YouTube, Vimeo, Facebook, Ted ve Dailymotion’dan veya kendiniz gönderilen kaynaktan içe aktarılan videolarla bir galeri yapmanızı sağlar.
Bu popüler galeri eklentisi (200.000+ kurulum) inanılmaz bir galeri düzeni, duyarlı, hazır Gutenberg ve hücresel dostu. En havalı, sürükle ve damla ile çalışması. Envira Galerisi’nin 100.000’den fazla aktif kurulumu var, Envira Galerisi 1214’tür (yaklaşık 1350’den) 5 yıldız incelemeleri aşağıda gösterildiği gibi oldukça sezgiseldir:
Envira’dan sevdiğimiz şey, dakikalar içinde çekip bırakarak şaşırtıcı WordPress video galerileri ve fotoğrafları oluşturabilmenizdir. Eklentiler:
Önceki galeri şablonu yapılmış Hücresel -yanıtlama
E-Niaga entegrasyonu
YouTube ve Wistia’yı gömme, ama aynı zamanda özel. YouTube için artı – galeri, kanallar, çalma listesi, doğrudan akış
Kaynak: https://wordpress.org/plugins/youtube-embed-plus/ Önerdiğim gibi, kendi videonuzu kullanmanız önerilmez. Ve dünya videolarının çoğu YouTube’da olduğu için, bu eklenti üstünlüğünü devralıyor. Bu eklenti, YouTube videoları, kanallar, çalma listeleri ve hatta doğrudan akışla bir WordPress video galerisi oluşturmanıza olanak tanır. Birçok özelleştirme mevcuttur. Bu eklenti Gutenberg için de hazırdır, ancak klasik WordPress editörleriyle de uyumludur. Ve bir gün diyebiliriz! Umarım içgörülerimizin ve bilgimizin sizin için yararlı olduğu kanıtlanmıştır. Şimdi pratik yapma zamanı değil mi? Şimdi, bu makaleyi beğendiyseniz ve WordPress web sitelerini nasıl tasarlayacağınız hakkında daha fazla bilgi edinmek istiyorsanız, YouTube Colibri Kanalı’na abone olduğunuzdan ve bizi Twitter ve Facebook’ta takip ettiğinizden emin olun!
WordPress Post/Sayfanızı Açın
“Medya Ekle” yi seçin
Yerel olarak depolanan videoları yükleyin veya YouTube Video URL’si yapıştırın.
Ve bitmişsin! Ardından, WordPress video galerileri tasarlamanın iki yolunu tartışacağız:
WordPress sayfa yapımcısı (favorim, nedenini daha sonra açıklayacağım – ve söz veriyorum, önyargılı olmayacağım)
WordPress eklentisi aracılığıyla
Kabul ediyor muyuz?
Hadi gidelim! Daha önce bahsettiğim gibi WordPress sayfa yapımcılarını kullanarak bir WordPress video galerisi yapın, sayfa yapımcılarını kullanmayı seviyorum. Bana birçok seçenek verdiler. Hepimiz temaların sınırlı yetenekleri olduğunu biliyoruz. Ve eklentiler genellikle ek işlevsellik ile kaydedilir. Bir sayfa üreticisi kullanmazsam, farklı bir eklentiye ihtiyacım var:
Vardiya
Akordeon
galeri
Kısa kod
Kenar çubuğu
Atlıkarınca
Ve liste devam edebilir. Her eklentinin çeşitli şeyleri ele alma yolu vardır ve işlevlerinin nasıl korkutucu bir şey olabileceğini anlamaya çalışır. Öte yandan, bir sayfa üreticisi kullanırsanız, öğrenme eğrisi çok daha kısadır. Her şey bloğa veya bileşene girer ve çok benzer bir şekilde düzenlenebilir. Artık baş ağrısı yok.
Ancak en iyisi, web sitenizin hızının daha iyi olacağı gerçeğidir. Ne kadar çok eklenti kullanırsanız, sitenizin performansı o kadar az olur. Şimdi, bu konuşmanın teknik tarafına gidelim. WordPress sayfası, yapımcı çok benzer, bu yüzden bildiğinizde, diğerleri için öğrenme eğrisi hızlı bir şekilde kısalır. Bu örnek için Colibri Pro temasını ve Colibri sayfa üreticisini kullanacağım. Genellikle, ücretli temalar ek seçeneklerle birlikte gelir, bu yüzden ücretsiz bir paket seçmiyorum. Bu kombo çok güçlü olabilir. WordPress video galerisini kaç yol tasarlayabileceğimizi hemen göreceksiniz. Şimdi, “Page” a gidiyorum ve “evimin” altından “Colibri’ye Ayarla” ı seçiyorum. İşte bir WordPress video galerisi oluşturmanız için mevcut seçeneklerden bazıları (Söylüyorum, yaratıcı olacağız).
Portföy blokları video bileşenleri ile birlikte
Nakliyeci bileşeni
Daha derine inmeden önce, hepimizin aynı sayfada olduğumuzdan emin olmak istiyorum. Block, sayfaya ekleyebileceğiniz veya web sitesini yayınlayabileceğiniz bir içerik unsurudur. Colibri’de aşağıdaki kategori için bir tasarım öncesi içerik bloğu vardır: kahraman aksanları, özellikler, içerik, harekete geçirme davetiyesi, bloglar, sayımlar, portföyler, fotoğraf galerileri, referanslar, müşteriler, ekipler, kişiler, SSS ve fiyatlar .
İşte bir fiyat bloğu örneği:
Bloklar kimsenin hayatını kolaylaştırmalıdır. Sitenin hemen hemen her bölümü için bir başlangıç noktası sunarlar. Sol yan panelin üst kısmındaki “+” sembolünden bloklar ve bileşenler eklenebilir. Mevcut tüm kategorileri göreceksiniz ve isimlere göre de arama yapabilirsiniz. Ayrıca, sitenin altına girip “önceden belirlenmiş bloklar ekle” ya da soldaki panele “Daha önce tasarlanmış bloğu ekle” yi seçerek bir blok ekleyebilirsiniz. Daha önce olduğu gibi aynı blok listesine yönlendirileceksiniz. Şimdi, sayfanın sonunda tüm bloklar eklenir. Başka bir yere taşımak için, sol menüden oldukça sürükleyin ve kaçın. Her blok soldaki menüden özelleştirilebilir. Hatları veya blokları değiştirmek istiyorsanız aynı 3 seçenek görünür: Düzen, Stil ve Gelişmiş. Bu, çeşitli eklentilerin ayarlarına uyum sağlamanıza gerek olmadığı için hayatınızı kolaylaştırır. Tekrar ediyorum, tüm tasarım yolları aşağıdakilere yol açacaktır: Düzen – kabın yapısını, mesafesini, genişliğini ve yüksekliğini ayarlayabileceğiniz yer. Basitçe söylemek gerekirse, bir kap bir blok tarafından işgal edilen gerçek alandır. Kapta içeriği (metin, resim) yerleştirirsiniz. Stil – Bloğunuzun arka planını ayarlayabileceğiniz veya böcekleri ekleyebileceğiniz (web sitesinin ne zaman bittiğini veya başladığını gösteren görsel öğeler).
Devam – Tipografi ve mekandan yanıt verebilirliğe kadar, blok ayrıntılarınızı girebileceğiniz yerdir.
Bileşenler daha küçük modüllerdir. Çeşitli şekillerde gelebilirler: başlık, kaydırıcı, böcek, düğmeler, atlıkarınca ve daha fazlası. Aynı “+” sembolünden eklenebilirler. Fark, bileşen penceresinden sürükleyebilmeniz ve sağdaki sitede istediğiniz yere koyabilmenizdir! Ayrıca sol panelden özelleştirilebilirler, yalnızca “düzen” yerine “içerik” görürsünüz. Önemli bir öneri: WordPress’e video yüklemeyin. Çok fazla yer kaplarlar ve web sitenizin performansını etkileyeceklerdir. Uzun giriş için özür dilerim, arkadaşlar, ancak hepimiz aynı temele sahip olduğumuzda, aslında çok kolay olacak video galerileri yapmak! Pinky’nin sözü! A. Bir portföy bloğu kullanarak bir WordPress video galerisi nasıl yapılır ve video bileşenim mümkün olduğunca kısa hale getirecektir.
Vizyonunuzla eşleşen portföy bloğunu seçin.
Görüntüyü sil. Çoğu blok resim kullandığından, videoyla değiştireceğiz.
“+” İşaretinden bileşenlere ve video sürüklenmesine kadar. Video örnekleri tasarıma girilecektir.
Örnek bir video seçin. Soldaki panelden oraya yerleştirmek istediğiniz videoyu seçin. Kendiniz yayınlanan YouTube veya Vimeo veya video bağlantılarına girebilirsiniz. Son Ayarı Yapın: Başlık, açıklama, satır sayısı veya sütun sayısını değiştirin. Tüm ayarlamalar soldaki panelde gerçekleşecektir. Seçiminize dikkat edin: Bileşenler, sütunlar, tüm bloklar vb.
Ve bitmişsin.
B. Kaydırıcı ve Adımlar Kullanarak WordPress Video Galerisi Nasıl Yapılır: Vardiya bileşenini sürükleyin ve çıkarın
Soldaki “İçerik” seçeneğinden titremenizi seçin ve “Diğer Arka Plan Seçeneği” ni tıklayın. Kaydırıcı arka planınız için 3 seçenekten “Video” yu seçin.
Kendi videonuzu yükleyin veya YouTube URL’sini girin.
Ekle (“Slayt Ekle” düğmesini kullanın) veya kaydırmadan slaydı (“X” işaretini kullanın) silin.
Soldaki menüden diğer tasarım ayarlamaları yapın: sınırlar, boşluklar, geçişler, kesme kontrolleri, tipografi, renkler vb.
fotoğraf Galerisi Kaynak: wordpress.org/plugins/foogallery/ Özünde, Foogallery bir fotoğraf galerisi eklentisidir. Pro sürümünde, video galerisi için de bir seçenek var. Foogallery Pro, YouTube, Vimeo, Facebook, Ted ve Dailymotion’dan veya kendiniz gönderilen kaynaktan içe aktarılan videolarla bir galeri yapmanızı sağlar.
Bu popüler galeri eklentisi (200.000+ kurulum) inanılmaz bir galeri düzeni, duyarlı, hazır Gutenberg ve hücresel dostu. En havalı, sürükle ve damla ile çalışması. Envira Galerisi’nin 100.000’den fazla aktif kurulumu var, Envira Galerisi 1214’tür (yaklaşık 1350’den) 5 yıldız incelemeleri aşağıda gösterildiği gibi oldukça sezgiseldir:
Envira’dan sevdiğimiz şey, dakikalar içinde çekip bırakarak şaşırtıcı WordPress video galerileri ve fotoğrafları oluşturabilmenizdir. Eklentiler:
Önceki galeri şablonu yapılmış Hücresel -yanıtlama
E-Niaga entegrasyonu
YouTube ve Wistia’yı gömme, ama aynı zamanda özel. YouTube için artı – galeri, kanallar, çalma listesi, doğrudan akış
Kaynak: https://wordpress.org/plugins/youtube-embed-plus/ Önerdiğim gibi, kendi videonuzu kullanmanız önerilmez. Ve dünya videolarının çoğu YouTube’da olduğu için, bu eklenti üstünlüğünü devralıyor. Bu eklenti, YouTube videoları, kanallar, çalma listeleri ve hatta doğrudan akışla bir WordPress video galerisi oluşturmanıza olanak tanır. Birçok özelleştirme mevcuttur. Bu eklenti Gutenberg için de hazırdır, ancak klasik WordPress editörleriyle de uyumludur. Ve bir gün diyebiliriz! Umarım içgörülerimizin ve bilgimizin sizin için yararlı olduğu kanıtlanmıştır. Şimdi pratik yapma zamanı değil mi? Şimdi, bu makaleyi beğendiyseniz ve WordPress web sitelerini nasıl tasarlayacağınız hakkında daha fazla bilgi edinmek istiyorsanız, YouTube Colibri Kanalı’na abone olduğunuzdan ve bizi Twitter ve Facebook’ta takip ettiğinizden emin olun!
