WordPress'te Görsel Bağlantı Önizlemesi Nasıl Oluşturulur

WordPress sayfalarınızı ve gönderilerinizi yardımcı kaynaklar, ilgili ürünler, tanıtım amaçlı CTA'lar veya eğlenceli küratörlü parçalar gibi içeriklerle zenginleştirmek, sizin veya markanızın hedef kitlenize daha fazla değer sunmasına yardımcı olabilir. Düz bir bağlantı her zaman kesmez - bağlantı metni ve çevreleyen duygu yeterince zorlayıcı olmadıkça, bu bağlantılar hemen gözden geçirilebilir. Web siteniz için Facebook'ta gördüğünüz geliştirilmiş bağlantılar gibi görsel bağlantılar oluşturarak, ziyaretçilerinizin dikkat edeceği ilgi çekici, etkileşimli içerikler ekleyebilirsiniz. WordPress için Görsel Bağlantı Önizleme eklentisi, bağlantılarınıza daha fazla gösteriş eklemenin basit bir yoludur.

İşte bu eklentiyi kullanmanın birkaç yolu:

• Bağlı kuruluş bağlantısına bir CTA ekleyin.
• İddiaları, gerçekleri ve istatistikleri yedekleyin.
• Diğer sitelerden içerik küratörlüğü yapın.
• Okuyucuların daha fazla bilgi edinmesi için yararlı kaynaklar ekleyin.
• E-ticaret mağazası ürünlerinizi tanıtın.

Ayrıca, en basit haliyle, Görsel Bağlantı Önizleme eklentisi, ilgili gönderilere bağlantı vermenin ve insanların sitenizde daha uzun süre kalmasını sağlamanın daha çekici bir yoludur.

Eklenti, herhangi bir dahili veya harici bağlantı için görsel bir önizleme oluşturmanıza olanak tanır ve ayrıca markanıza veya sitenize uygun bir stile sahip özel bir şablon da oluşturabilirsiniz. Ardından, gönderinizin veya sayfanızın herhangi bir yerine basitleştirilmiş bir önizleme kutusu yerleştirin. Hem Gutenberg'de hem de klasik düzenleyicide WordPress'e nasıl önizleme kutusu ekleneceğini gözden geçirelim.

Visual Link Önizleme Eklentisini Bulma ve Yükleme

Muhtemelen bunu nasıl yapacağınızı zaten biliyorsunuzdur, ancak her ihtimale karşı, yeni bir WordPress eklentisinin nasıl kurulacağına dair süper hızlı bir inceleme:

• WordPress kontrol panelinizde oturum açın.
• Sol kenar çubuğundan Eklentiler'i seçin.
• Eklentiler altında görünecek olan alt menüde Yeni Ekle'yi seçin.
• Sayfanın sağ üst köşesindeki arama çubuğuna “Görsel Bağlantı Önizleme” yazın.
• Eklenti önizleme kutusunun sağ üst köşesindeki Şimdi Kur'a tıklayın.
• Kurulduktan sonra Etkinleştir'e tıklayın.

Eklentiyi etkinleştirdikten sonra eklenti sayfanıza yönlendirileceksiniz ve en üstte bu bildirimi göreceksiniz. (Başlarken belgeleri sizi bu sayfaya götürür.)

Ayarlar ve Özelleştirmelere Başlarken

Eklenti etkinleştirildiğinde, onu bulmak için eklentiler listenizi aşağı kaydırın. Eklenti adının altında Ayarlar bağlantısını tıklayın - bu sayfaya yönlendirileceksiniz:

Varsayılan olarak, Özel Stil Kullan geçişi kapalı olacaktır. Açarsanız, bir sürü seçenek ortaya çıkar.

Aşağıdakiler için özelleştirmeler vardır:

• Konteyner genişliği, arka plan rengi ve dolgu.
• Kenarlık yarıçapı, genişliği, stili (düz, kesikli, noktalı vb.) ve renk.
• Görüntü konumu (sol, sağ, üst veya alt), boyut ve kenarlık yarıçapı.
• Başlık ve özet yazı tipleri için boyut ve renk.

Bunların çoğu oldukça açıklayıcıdır, ancak görüntü boyutu hakkında bilinmesi gereken birkaç şey vardır. Bir küçük resim boyutu veya özel bir boyut ayarlayabilirsiniz. Küçük resim için standart boyutlar "küçük resim", "orta" ve "büyük" olduğundan, alana istediğinizi yazmanız yeterlidir. Veya şu biçimde özel bir boyut ayarlayabilirsiniz: genişlikxyükseklik (örneğin, 150×150).

Şimdilik, varsayılan bağlantı kutusunun nasıl göründüğünü görmek için her şeyi olduğu gibi bırakacağım. Sonra, tweaks yapmak için geri döneceğim.

Eklentiyi Gutenberg Blok Düzenleyici ile Kullanma

Bir blog yazısı taslağına girdim ve bir paragrafın altına bir blok ekledim. Görsel Bağlantı Önizleme bloğunu Widget'lar altında bulabilir veya blok seçicinin en üstünde arayabilirsiniz.

Görsel Bağlantı Önizleme bloğu şöyle görünür:

Bir Gönderi veya Sayfa Seç kutusunu tıkladığınızda, içeriğinizin bir açılır listesini görmezsiniz; istediğini aramak zorunda kalacaksın. Ayrıca harici bir URL'ye bağlantı da ekleyebilirsiniz (bunun üzerinden birazdan geçeceğim).

Yayınlanmış bir blog yazısı seçtim. Ben stilde herhangi bir özelleştirme yapmadan böyle görünüyor:

Gutenberg'deki Görsel Bağlantı Önizlemesinin Blok Ayarları

Bloğun üst kısmındaki üç nokta yığınına tıklarsanız, bir açılır menü göreceksiniz. Seçeneklerle birlikte bir sağ kenar çubuğu getirmek için Blok Ayarlarını Göster'i seçin. Buradan birkaç değişiklik yapabilirsiniz:

Bağlantıyı değiştirin. Bağlantıyı Değiştir'i tıklatırsanız, sahip olduğunuz bağlantının hemen kaldırılacağını unutmayın, bu nedenle yanlışlıkla tıklamadığınızdan emin olun.

Ekran görüntüsünü değiştirin veya kaldırın. Ekran görüntüsünü kaldırırsanız, Görsel Bağlantı şöyle görünür:

Görsel olmadan görünümünden hoşlanmıyorsanız, tekrar eklemek için Görsel Seç'e tıklayabilirsiniz. Ancak, Medya Kitaplığınızı gözden geçirmeniz veya bir görsel yüklemeniz gerekir – otomatik seçeneğiniz olmaz - Bağlantıyı ilk eklediğinizde olduğu gibi, öne çıkan resmi tekrar ekleme.

Elbette, öne çıkan resmi Medya Kitaplığınızda bulabilirsiniz, ancak gömülü olabilir. Ayrıca, orijinal içeriği otomatik olarak eklemesi için bağlantıyı yeniden ekleyebilirsiniz.

Bağlantı ayarlarını açın ve kapatın. Bağlantıyı yeni bir sekmede açmayı seçebilir ve ayrıca bağlantıyı bir nofollow bağlantısına da dönüştürebilirsiniz.

Gutenberg ile Harici Bağlantı Ekleme

Bu sefer harici bir link ekliyorum. Kopyaladım ve doğru alana yapıştırdım:

Bu URL'yi kullan'ı tıkladığınızda, dahili bir bağlantı eklediğinizde olduğu gibi aynı şey olur. Bir resim, başlık ve alıntı otomatik olarak doldurulur ve sağ kenar çubuğunda değişiklik yapabilirsiniz. Ayrıca İçerik bölümünde Görüntüyü Yerel Olarak Kaydet'e tıklayabilirsiniz ve eklentinin URL kaynağından aldığı görüntü görüntüsü WordPress Medya Kitaplığınıza eklenecektir.

Yeniden Kullanılabilir Blokları Kaydetme

Sık kullanacağınız bir sayfanız, blog yayınınız veya harici bağlantınız varsa, bunu bir kez oluşturabilir, ardından gelecekte kolayca eklemek için yeniden kullanılabilir bir blok olarak kaydedebilirsiniz. Bu yalnızca Gutenberg editörü FYI'de çalışır.

Bloğunuzu oluşturmayı tamamladığınızda, seçenekler kenar çubuğuna erişmek için kullandığınızla aynı olan üstteki üç nokta simgesini tıklayın. Ardından Yeniden Kullanılabilir Bloklara Ekle'yi seçin. Bloğu adlandırabilirsiniz ve ileride kullanmak üzere blok kitaplığınızda olacaktır.

Eklentiyi Klasik Düzenleyici ile Kullanma

Klasik düzenleyiciyi kullanarak gönderinize veya sayfanıza gidin ve görsel bağlantıyı eklemek istediğiniz yere gidin. Sayfanın üst kısmındaki Görsel Bağlantı Önizleme düğmesini tıklayın:

Bu kutu gelecek:

Tür açılır menüsünden kendi bağlantınızı veya harici bir bağlantı eklemeyi seçebilirsiniz. Öncelikle kendi linkimi ekleyeyim. Bağlanacak içeriği seçtiğinizde, alanlar Gutenberg'de olduğu gibi otomatik olarak doldurulacaktır. Herhangi bir değişiklik yapacağınız yer burasıdır. Bu pencereden görseli kaldırıp yenisini ekleyebilir, başlığı değiştirebilir ve özeti güncelleyebilirsiniz. Eklentinin varsayılan ayarlarını veya özel şablonunuzu burada, tıpkı Gutenberg'de olduğu gibi kullanabilirsiniz.

Klasik Düzenleyici ile Harici Bağlantı Ekleme

Bu sefer harici bir bağlantı ekleyeceğim. Bunlar harici bir bağlantı için alanlardır:

URL'yi eklediğinizde, alanlar otomatik olarak güncellenir - aynı dahili bağlantıda olduğu gibi. Ardından, sayfanıza veya yayınınıza eklemeden önce istediğiniz değişiklikleri yapabilirsiniz. Klasik düzenleyicide de Resmi Yerel Olarak Kaydet seçeneğine sahipsiniz.

Görsel Bağlantı Önizleme Şablonunu ve Kutusunu Özelleştirme

Bu blok ayarları çubuğu ayrıca, Ayarlar şablonundan Varsayılanı Kullan veya Basit şablon arasında seçim yapabileceğiniz altta bir Stil bölümü içerir. Yine de kafa karıştırıcı, çünkü aslında aynı şeyler. Birazdan daha fazlasını anlatacağım. İlk olarak, bağlantı önizleme kutusunun nasıl özelleştirileceğine bakalım.

Bu Stil bölümünde, Şablon Stilini Değiştir bağlantısını tıklayın. Özel bir şablon oluşturabileceğiniz yeni bir sayfa açılacaktır (buraya eklenti ayarlarından da ulaşabilirsiniz). Yine, özelleştirmeler basit, açıklayıcı ve anlaşılırdır, bu nedenle yolunuzu bulmak için kolay bir zamanınız olmalıdır. Bazı özelleştirmelerle oynadıktan sonra şablonun nasıl göründüğü:

Harika değil. Sorunun bir kısmı, önizleme metninin çok uzun olmasıdır. Gönderinize veya sayfanıza geri döndüğünüzde, bloğu tıklarsanız, editör sağ kenar çubuğunda görünmelidir. Ardından İçerik bölümüne gidebilir ve değişiklik yapmak için başlık ve alıntı alanlarına tıklayabilirsiniz.

Küçük resim kullanmak yerine, şablon özelleştirme sayfasına geri döndüm ve resim için özel bir boyut girerek onu kareye (ve neyse ki mükemmel bir şekilde kırpılmış bir boyuta) çevirdim. Blokta ve resmin yanında daha iyi boyutlandırılması için başlık ve alıntı kopyasıyla biraz daha oynadım. Bu daha iyi:

Doğru özelleştirmeleri bulmak için çok zaman harcayabilirsiniz ve özellikle yalnızca bir özel şablon oluşturabildiğiniz için yapmalısınız.

Şablon Özelleştirmelerinizi Önizleme

Şablonu özelleştirirken canlı bir önizleme göremezsiniz. Gönderinizi veya sayfanızı yeni bir pencerede açmanız, şablon özelleştirme sayfasında değişiklikleri yapmanız ve ardından gönderiye veya sayfaya geri tıklamanız gerekir. İki açılır Şablon seçeneği arasında geçiş yapın (unutmayın, aslında birbirlerinden farklı değiller) - bu kutuyu yeniler, böylece en son değişikliklerinizi görebilirsiniz.

Varsayılan Stil Nasıl Geri Alınır

Diyelim ki bir sürü değişiklik yaptınız ve ardından varsayılan stili tercih ettiğinizi fark ettiniz. Şablon ayarlarında Özel Stil Kullan geçişini açık bırakırsanız, sayfanıza veya yayınınıza geri döndüğünüzde, Ayarlar'dan Varsayılanı Kullan'ı veya Şablon açılır menüsünden Basit'i seçseniz de, özelleştirilmiş ayarlarınız uygulanacaktır (dediğim gibi, kafa karıştırıcı).

Eklentinin varsayılanlarına geri dönmek istiyorsanız, şablon ayarları sayfasına gidebilir ve Özel Stil Kullan düğmesini kapatabilirsiniz. Sonunda tekrar açmak isterseniz, tüm özelleştirmeleriniz orada olacak, ancak bu, görünümlerini tercih ederseniz, eklentinin varsayılanlarını kullanmanıza izin verecektir.

Visual Link Önizleme Eklentisinin Dezavantajları

Visual Link Preview eklentisi, yapacağını söylediği şeyi yapan basit ve anlaşılır bir eklentidir ve kullanmayı öğrenmesi çok kolaydır. Ancak, çok basit olduğu için, iyileştirmeler kullanabilecek birkaç alanda da eksik.

Tüm içeriğinizin bulunduğu bir açılır menü yok. Bağlantı olarak eklemek için bir blog yazısının veya sayfanın adını hatırlamak zorunda kalmak yerine bu seçeneği istedim.

Özelleştirilmiş şablonun canlı önizlemesini göremezsiniz. Bunun mükemmel miktarda dolgu olup olmadığını veya ne tür bir kenarlık kullanılacağını görmek istediğinizde, gönderi ve şablon ayarları sayfası arasında gidip gelmek oldukça zahmetlidir.

Yalnızca bir özel şablon oluşturabilirsiniz. Bu, eklentinin en büyük dezavantajıdır. Birkaç şablon oluşturamaz ve ardından belirli bir sayfa, blog gönderisi veya bağlantı türüyle eşleştirmek için kullandığınızı seçip seçemezsiniz. Ayrıca bazı önizleme kutularını kendi özel şablonunuzu kullanacak ve diğerlerini de eklentinin varsayılanlarını kullanacak şekilde ayarlayamazsınız – biri ya da diğeri.

Toplama

Sonuç olarak, dezavantajlarına rağmen Visual Link Preview eklentisini beğendim. Hangi editörle çalışmayı tercih ederseniz edin – Gutenberg veya klasik – kurulumu ve kullanımı tamamen çocuk oyuncağı. Ve bu kesinlikle bağlantı eklemenin daha estetik ve göz alıcı bir yoludur; bağlı kuruluş pazarlamasıyla ilgileniyorsanız veya açılış sayfalarınıza bağlantı vermek istiyorsanız çok ileri gidebilir. Şu anda, birden fazla şablon oluşturamayacağınız için, tüm gönderilerde ve sayfalarda standart bir görünüme sahip web siteleri için en iyisidir. Bu nedenle, çeşitli stillerde çok sayıda farklı açılış sayfanız varsa, yerleştirildiği yere uyan tek bir önizleme kutusu şablonu oluşturmakta zorlanacaksınız. Aksi takdirde, bu, işini iyi yapan hafif bir eklentidir.

Divi'de çapa bağlantıları ile yapabileceğiniz beş harika şey içeren bu makaleyi de beğenebilirsiniz.