YouTube video küçük resimlerini sitelerinin ana sayfasında kullanan popüler siteleri gördünüz mü? YouTube, Vimeo veya diğer sitelerde bir video kanalı çalıştırıyorsanız, o zaman blogunuzun ön ve arşiv sayfalarındaki videoları içeren tüm gönderiler için bir video küçük resmi görüntüleyebilirsiniz. Bu makalede, WordPress'te YouTube videoları için küçük resimlerin nasıl ekleneceğini göstereceğiz.
Video Küçük Resimleri ve WordPress Gönderi Küçük Resimleri
WordPress, öne çıkan görseller veya gönderi küçük resimleri eklemek için yerleşik işlevselliğe sahiptir ve çoğu WordPress teması bu özelliği destekler. Ancak, YouTube'dan gelen video içeriğinizi öne çıkarmak istiyorsanız, bu içeriği video küçük resimleriyle sergilemek isteyeceksiniz. Bu makale, varsayılan WordPress gönderi küçük resmi işlevselliğini kullanarak bunu yapmanıza yardımcı olacaktır.
WordPress'te Video Küçük Resim Eklentisini Ayarlama
Yapmanız gereken ilk şey, Video Thumbnails eklentisini yüklemek ve etkinleştirmektir. Eklentiyi etkinleştirdikten sonra, eklenti ayarlarını yapılandırmak için Ayarlar » Video Thumbnails bölümüne gitmeniz gerekir.
Ayarlar ekranında, küçük resmi medya kitaplığınıza kaydetmeyi seçmenizi öneririz. Bu, sitenizdeki harici http isteklerini azaltacak ve sayfalarınız daha hızlı yüklenecektir. Gönderi türleri bölümünün altında, eklenti gönderileri, sayfaları ve varsa web sitenizdeki özel gönderi türlerini gösterecektir. Eklentinin video bağlantılarını taramasını istediğiniz gönderi türlerini seçin. Bu sayfadaki son seçenek özel bir alan seçmektir. WordPress için bazı video eklentileri video URL'lerini özel bir alana kaydeder ve bu tür eklentileri kullanıyorsanız, buraya o özel alanı girmeniz gerekecektir. Ardından Değişiklikleri Kaydet düğmesine tıklayın.
Ayarlar sayfasında ayrıca Sağlayıcılar sekmesini de göreceksiniz. Videolarınızı paylaşmak için Vimeo kullanıyorsanız, Vimeo'da bir uygulama oluşturmanız ve ardından istemci kimliği, istemci gizli anahtarı, erişim belirteci ve erişim belirteci gizli anahtar değerlerini buraya girmeniz gerekecektir.
Toplu İşlemler sekmesinde, yayınlanmış gönderilerinizi videolar için tarayabilir ve bunlar için video küçük resimleri oluşturabilirsiniz. Eklenti ayrıca tüm video küçük resimlerini temizlemek ve bunları gönderilerinizden ek olarak kaldırmak için bir düğme de sunar.
WordPress Gönderilerinde Video Küçük Resimleri Oluşturma
Eklentiyi kurduğunuza göre, bir WordPress gönderisine video URL'si ekleyerek bir video küçük resmi oluşturalım. Bunu yapmak için bir WordPress gönderisi oluşturmanız veya düzenlemeniz ve gönderi düzenleme alanına video URL'nizi eklemeniz gerekir. Gönderiyi yayınladığınızda, eklentinin sizin için bir video küçük resmi oluşturduğunu ve gönderinize eklediğini göreceksiniz.
WordPress Temanızda Video Küçük Resmi Görüntüleme
Video küçük resimleri eklentisi, WordPress Gönderi Küçük Resimleri işlevselliğini kullanır. Çoğu WordPress teması, gönderi küçük resimlerini otomatik olarak gösterecek şekilde ayarlanmıştır. Bu, temanızın video küçük resmini gönderi içeriğiniz veya alıntınızla birlikte otomatik olarak göstereceği anlamına gelir. Ancak temanız video küçük resimlerini göstermiyorsa, tema dosyalarınızı düzenlemeniz ve küçük resmi görüntülemek istediğiniz şablona bu kodu eklemeniz gerekir.
<?php the_post_thumbnail(); ?>
WordPress'te Video Küçük Resmine Oynat Düğmesi Nasıl Eklenir
WordPress gönderilerinizde video küçük resimlerini başarıyla yakalayıp görüntüledikten sonra, normal resim küçük resimlerinizi video küçük resimlerinizden ayırmak isteyebilirsiniz. Bu, kullanıcılarınıza gönderide bir video olduğunu bilmelerini sağlar ve videoyu izlemek için oynat düğmesine tıklayabilirler. Video küçük resimleri ile normal gönderi küçük resimleri arasında ayrım yapmak ve bir oynat düğmesi eklemek için koşullu etiketleri nasıl kullanacağınızı göstereceğiz.
Bu yöntemi kullanmak için, video gönderilerinizi belirli bir kategori altında, örneğin Videolar altında yayınladığınızdan emin olmanız gerekir. Ardından temanızın şablon dosyalarında index.php, archive.php, category.php veya content.php gibi dosyalarda şu kod satırını arayın:
<a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a>
Şimdi bu kodu aşağıdaki kodla değiştirmemiz gerekiyor:
<?php if ( in_category( 'video' )) : ?> <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?><span class="playbutton"></span></a> <?php else : ?> <a href="<?php the_permalink(); ?>"><?php the_post_thumbnail(); ?></a> <?php endif; ?>
Bu kod, yalnızca video kategorisine ait gönderiler için gönderi küçük resminden sonra <span class="playbutton"?></span> ekler. Bir sonraki adım, Medya » Yeni Ekle ekranından bir resim dosyası yüklemektir. Bu resim oynat düğmesi olarak kullanılacaktır. Resim dosyasını yükledikten sonra, resmin yanındaki Düzenle bağlantısına tıklayarak resim dosyası konumunu not alın.
Son adım oynatma düğmesini görüntülemektir. Oynatma düğmesini video küçük resmi üzerinde görüntülemek ve konumlandırmak için CSS kullanacağız. Bunu yapmak için, **Görünüm » Düzenleyici**'ye tıklayarak bu CSS kodunu temanızın veya çocuk temanızın stil sayfasına kopyalayıp yapıştırmanız gerekir.
.playbutton {
background: url('http://example.com/wp-content/uploads/playbutton.png') center center no-repeat;
position: absolute;
top: 50%;
left: 50%;
width: 74px;
height: 74px;
margin: -35px 0 0 -35px;
z-index: 10;
opacity:0.6;
}
.playbutton:hover {
opacity:1.0;
}
Arka plan resminin URL'sini daha önce yüklediğiniz oynat düğmesi resim dosyasının URL'si ile değiştirmeyi unutmayın. Hepsi bu kadar. Video küçük resim dosyalarınızda artık bir oynat düğmesi olmalı.
Umuyoruz ki bu makale, YouTube videolarınızı WordPress'te küçük resimlerle öne çıkarmanıza yardımcı olmuştur. Geri bildirim ve sorularınız için lütfen yorum bırakın veya bizi Twitter'da takip edin.
Peter
Hala çalışıyor olması harika!
Ancak birisi neden bir YT oynatma listesinden küçük resim alamadığını biliyor mu?
Oynatma listeleriyle ilgili birkaç gönderim var ve resim her zaman gri bir "Video bulunamadı" resmi.
WPBeginner Desteği
Eklenti, tüm oynatma listeleri için değil, videolar için oluşturulmuştur, oynatma listesi işlevselliğini dahil etmek için eklenti yazarıyla iletişime geçmeniz gerekir.
Yönetici
eddie art
Bu, bir iframe yerleştirme kodu videosunda küçük resim almak için işe yarar mı?
WPBeginner Desteği
Bunun desteklenip desteklenmediğini eklentinin desteğiyle kontrol etmeniz gerekir.
Yönetici
Faisal Iqbal
Bu kodun functions.php'ye nereye konulacağı. Ben teknolojiyle pek aram yok, lütfen yardım edin?
Mohammad
Merhaba
Bu eklentiyi kullanmaya çalışıyorum ama benim için çalışmıyor ve destek forumlarındaki geliştirici çoğu çözülmemiş konuya cevap vermiyor. Hata ayıklama sayfasında “Video için İşaret Dili Test Et” denediğimde şu hatayı alıyorum:
Küçük resim bulundu, ancak kaynak sunucuda mevcut olmayabilir. Aşağıdaki URL'yi web tarayıcınızda açtığınızda bir hata alırsanız, kaynak geçersiz bir URL sağlıyor demektir. Küçük resim URL'si:
Sorun ne?
Neon Emmanuel
Ya üç parametre istersem, 1 küçük resim olmadığında bir yedek, 2 video ise bir yedek (yani üzerine bir oynat düğmesi eklemek) ve 3 üzerine bir oynat simgesi eklenmiş bir video ise.
Bryan
Bu kodun herhangi biri Adobe Muse/Dreamweaver için çalışır mı?
john
Merhaba
Bunu bizim için uygulayabilecek bir geliştirici arıyoruz. Müsait misiniz?
pamela sillah
Eklentiler DIŞINDA bunu yapmamın başka bir yolu var mı?? Lütfen yardım edin
franck
Merhaba millet,
Huge IT'den video galeri eklentisinde YouTube videosu sona erdiğinde ilgili videoyu nasıl kaldıracağımı bilen var mı?
Ernesto
Girişin içindeki resmi nasıl kaldırabilirim? Videonun içine girmek ve resim istemiyorum
Quoterland
Teşekkürler, harika bir eğitim.
Rihan
And wordpress 4.0 I add the video (youtube) URL in the post edit area and its showing me a video player
on the video thumb are i can see this text only (No video thumbnail for this post.) not working!
any Idea
thanks
WPBeginner Ekibi
Hayır, küçük resminiz Facebook'ta görünecektir ancak üzerinde oynat düğmesi olmayacaktır.
srem
Üzgünüm, neden kodu göstermediğini bilmiyorum.
Mauro Scarpa
Merhaba! Harika bir web sitesi ve gönderi, bir sorum var, eğer gönderimi facebook'ta paylaşmak istersem, oynat düğmesiyle birlikte görünecek mi? Teşekkürler
Piet
Harika bir eklenti ve öğretici. Bir oynat düğmesi resmi göstermek yerine, örneğin FontAwesome'dan bir yazı tipi simgesi kullanmanızı öneririm.
WPBeginner Ekibi
TCB: WordPress SEO eklentisini kullanıyorsanız bu yöntemi deneyebilirsiniz. Video küçük resim eklentisi videonuz için küçük resim görüntüsünü getirdikten sonra, medya kitaplığınızdaki konumunu bulmanız ve URL'yi kopyalamanız gerekir. Ardından video küçük resim görüntüsünü gönderiden kaldırın. Gönderi düzenleyicisindeki WordPress SEO meta kutusunda, sosyal sekmeye tıklayın ve facebook resmi alanının yanına bağlantıyı yapıştırın.
TCB
Video küçük resmini facebook'ta gönderi resmi olarak kullanmak mümkün mü?
Bu harika olurdu çünkü resmi öne çıkan resim olarak göstermek istemiyorum.
Megha Verma
Bir sorun yaşıyorum çünkü oynat düğmesi yalnızca ilk gönderide görünüyor... mutlak konum nedeniyle... diğer gönderilerin resimlerinde değil!
Sutherland Boswell
Harika öğretici! Bir geliştirici olarak kullanıcılardan geri bildirim almayı ve en çok talep edilen özellikler için kolay çözümler üzerinde çalışmayı seviyorum. Bir oynat düğmesi bindirmek ve küçük resme tıklandığında videonun gerçekten oynatılmasını sağlamak en çok talep edilen özelliklerden ikisidir, ancak her ikisi de temaya oldukça bağlıdır. Bir temayı kendi başınıza nasıl değiştireceğinizi öğrenmek ödüllendirici olabilir, bu yüzden denemekten çekinmeyin!
Not – Umarım herkes profesyonel sürümü kontrol eder!
Jesse
Merhaba Sutherland.
Eklentiniz hakkında bu kadar iyi şeyler okudum ve denemek için sabırsızlanıyorum.
Ancak, video dosyalarını taramak için eklentinizi kullandığınızda, ‘video’ sayfasındaki tüm 22 videoyu buluyor. Sorun, hiçbir küçük resim bulamaması.
Benzer sorunlara verdiğiniz çeşitli destek yanıtlarını ve talimatlarınızı okuduktan sonra, temamın (metric, grandpixels tarafından) özel bir alan kullanıp kullanmadığını öğrenmeye çalıştım. Bu bilgiyi bulamadım.
Bunun işe yaraması için önerileriniz var mı?
Teşekkürler,
Jesse
Audee
Gönderi küçük resmini yalnızca 'Video Gönderi Biçimi' altına kaydedilen gönderiler için görüntülemek istersem ne olur?
Bu eklenti hakkındaki makaleyi paylaştığınız için teşekkürler!
Sutherland Boswell
Eğiticiyi takip edebilmelisiniz, sadece değiştirin
1-click Use in WordPress
ile
1-click Use in WordPress
Alex
Merhaba Sutherland Boswell,
Detube teması için eklentinizi kullanıyorum, sorun şu ki bu dosyalarda <a href="”> kod satırı yok: index.php, archive.php, category.php..
Herhangi bir fikriniz veya Detube temasında çalışmasını sağlamanın bir yolu var mı?
Şimdiden teşekkürler!
Alex
Birisi bir fikre sahip olup sorumu cevaplayabilirse çok sevinirim. Bu kodun Detube'da çalışması için saatlerce uğraştım ama şimdiye kadar başarılı olamadım...
Buradaki biri bana yardım edebilir mi?
Ahmad Rafi Maseer
Videoyu doğrudan küçük resimde oynatmak için, kullanıcının videoyu oynatmak için gönderi sayfasına gitmesi gerekmez mi???
WPBeginner Desteği
Bunun için temanızı düzenlemeniz ve küçük resmi göstermek yerine videoyu yerleştirmeniz gerekecektir.
Yönetici
Sue Anne
WordPress bloguma bir video ve video küçük resmi ekleme konusundaki harika talimatlarınız için ÇOK teşekkürler. Yaklaşık 5 dakika sürdü ve ben teknoloji uzmanı değilim!
Pali Madra
Merhaba!
Harika bir web sitesi ve en sevdiğim gönderilerden biri.
Benzer bir sorum vardı. Gönderilerin HTML koduna URL'yi yerleştirerek video ekliyorum ancak altına bir başlık da göstermek istiyorum. Bir eklenti kullanmadan bu mümkün mü?
Şimdiden teşekkürler
Matt
Harika bir eğitim. Bunu paylaştığınız için çok teşekkürler!
Tiguan
‘span’ etiketi, küçük resmin köprü etiketlerinin içine yerleştirilmelidir, aksi takdirde oynat düğmesi üzerindeki resim bağlantısı devre dışı kalacaktır. Bu nedenle doğru kod şöyle olacaktır:
Ancak, güzel bir öğretici olmuş.
WPBeginner Desteği
Tiguan, bunu belirttiğiniz için teşekkürler. Öğreticiyi güncelledik.
Yönetici
adolf witzeling
Harika bir eğitim.
gottfrid q.
> Bu, kullanıcılarınıza gönderide bir video olduğunu ve video gönderisini izlemek için oynat düğmesine tıklayabileceklerini bildirecektir.
Sizi hayal kırıklığına uğratmak istemem ama düğmenin (dönme) herhangi bir tıklama yöntemi yok.
Bu düğme tam olarak nasıl çalışmalıydı ve nasıl uygulanmalı?
Zamanınız için teşekkürler.
WPBeginner Desteği
Düğme videoyu tam orada oynatmayacak, ancak kullanıcıyı video sayfasına götürecektir. Küçük resmin tamamı videoyu içeren gönderiye bağlanmıştır.
Yönetici
gottfrid q.
'Span' küçük resmin köprü etiketlerinin içine mi yerleştirilmeli o zaman?
Akash
Ve. GENESIS Tema'da Oynat Düğmesi nasıl uygulanır? kodu eklemek için orada index.php, archive.php, category.php veya content.php dosyası yok.
Teşekkürler.
WPBeginner Desteği
Genesis destek forumlarıyla iletişime geçin.
Yönetici
Mark McGinnis
Akash, Genesis temasını kullanarak nasıl uygulayacağını hiç anladın mı? Benim de aynı sorunum var…
Teşekkürler!
Akash
Peki, Video Küçük Resminin boyutu ne olacak? Blogda zaten ayarlanmış olan resim küçük resmiyle aynı mı olacak?
WPBeginner Desteği
Varsayılan küçük resim boyutunu kullanacaktır. Bunu, kendi resim boyutunuzu ekleyerek ve şablonunuzda kullanarak geçersiz kılabilirsiniz. Örneğin, video-thumbnail adında yeni bir küçük resim boyutu oluşturursanız, bunu şablonunuzda şu şekilde çağırırsınız:
<?php the_post_thumbnail('video-thumbnail'); ?>1-click Use in WordPress
Yönetici