WordPress Görüntü bloğu ile çalışma: WordPress'te görüntüler nasıl eklenir [+Gizli ipucu]

Görüntüyle çalışmak birçok kullanıcı için gerçekten sinir bozucu olabilir. Tüm mizanpajda iyi görünmek için doğru en boy oranını seçmek veya görüntüleri doğru şekilde yeniden boyutlandırmak her zaman kolay değildir.

1. WordPress Görüntü bloğu neden kullanılmalı?
2. WordPress Resim bloğu ile resimler nasıl eklenir
3. Ek biçimlendirme görüntüleri işlemi
4. Makalenin içinde bizden ekstra ipucu

Daha eski WordPress sürümleri (v5.0'a kadar), +Medya Ekle düğmesini kullanarak resimler ekler. Sorun şu ki, resim boyutunda minimum değişiklik olsa bile tekrar yüklemeniz gerekecekti. Bu, zaman kaybı ve gereksiz tıklamalar anlamına gelir.

Yeni Blok tabanlı editör Gutenberg, bu işlemi son kullanıcılar için daha basit hale getirmek için WordPress'e resim ekleme şeklini değiştiriyor. Bu yazıda size WordPress Resim bloğu ekleme ve düzenleme hakkında pratik bir rehber göstereceğiz. Ek olarak, görüntülerin yapıştırılmasıyla ilgili bir seçeneği daha açıklayacağız - yalnızca birkaç tıklamayla bir görüntünün içerik alanına nasıl kopyalanıp yapıştırılacağı. WP 5.3'ten gelen yeni eklenen özellikleri de size tanıtacağız.

Ama önce gönderilerde ve sayfalarda neden görsel kullanmanız gerektiğinden bahsedelim.

WordPress Image bloğu neden web siteniz için olmazsa olmazdır?

Dikkat çekmek

Görseller site ziyaretçilerinin ilgisini çeker. Ziyaretçileri web sitenizde daha uzun süre tutmak için ilginç olmalılar. Resimsiz bir blog yazısı düşünün. Sadece bir grup metin. Her ne kadar değerli ve bilgi dolu olsa da ilk bakışta pek ilgi çekici gelmiyor. Ayrıca fotoğraflar, konunuzu daha iyi hayal etmenize ve tanımlamanıza yardımcı olabilir.

Bu nedenle, dikkati önemli şeylere odaklamak için WordPress Image bloğunu kullanmamız gerekiyor.

Açıklayıcı metin ve bağlam

Görüntüler, ziyaretçilerin makalenin ne hakkında olduğunu daha iyi anlamalarına olanak sağladığından, içeriği anlamak için de önemli bir parçadır. İnfografikler sayesinde karmaşık bağlantıları açıklayabilir ve her şeyi basit bir şekilde anlatabilirsiniz. Ziyaretçilerin bahsettiğiniz problemde kendilerini daha iyi yönlendirmelerine yardımcı olur.

Web sitesini daha güzel hale getirin

Ayrıca, görseller tüm web sitesi tasarımına güzel bir şekilde son rötuşlar yapıyor. Her şey web sitesi düzeni ile ilgili değil, aynı zamanda kullanılabilirlik ile de ilgilidir. Doğru seçilmiş ve yerleştirilmiş görsel, ziyaretçinin web sitenizde daha kolay gezinmesine yardımcı olabilir.

WordPress blok düzenleyicide resimler nasıl eklenir

Gönderiye veya Sayfaya bir resim eklemek için çekirdek blok – Resim bloğu eklemeniz gerekir. Bunu yapmanın birkaç yolu vardır:

– Üst çubukta veya düzenleyicide herhangi bir yerde “+” kullanmak

– Eğik çizgi “/” kullanmak ve ardından “image” kelimesini yazmak

Gerçek görüntüleri ekleyebileceğiniz yeni blok oluşturulacak.

Görüntüleri WordPress'e yükleme

Görüntüleri oraya istediğiniz yere nasıl koyabilirsiniz?

• Karşıya Yükle'yi kullanın ve sabit sürücünüzden bir resim seçin
• Web sitenize zaten yüklenmiş olan resimleri seçebileceğiniz Medya Kitaplığı'nı kullanın
• Fareyi kullanın ve resmi sürükleyip bırakın
• Resim URL adresi ekle

WordPress görüntüleri eklemenin daha az bilinen yöntemi

Daha önce belirtildiği gibi yükleme penceresinden resim yüklemenin yanı sıra, resim eklemenin başka bir yolu daha var (ve bu çok hızlı bir yol!). Geliştirilmiş WordPress editörü ile şunları yapabilirsiniz:

• Herhangi bir içerikten görüntü kopyalayın veya
• Görüntüyü fare imleciyle "sürüklemeniz" yeterlidir

Ardından seçilen görüntüyü içerik alanında istediğiniz konuma ekleyin veya taşıyın (bırakın).

Aynı teknik, ekranınızdan çekilen bir görüntüyü yapıştırmak istediğinizde de kullanabilirsiniz. Sadece üç basit adım gereklidir. Birinci, ekran görüntüsü almalısın printscreen özelliğini kullanarak. Örneğin, Windows 10, kısayol aracılığıyla da kullanılabilen Snip & Sketch adlı varsayılan Parçacık aracını sağlar; klavyenizde Win+Shift+S tuşlarına birlikte basmanız yeterlidir. Ardından, yakalamak istediğiniz görüntü alanını seçin. Son adım, kopyalanan görüntüyü (veya bir kısmını) Ctrl+V temel kısayolunu kullanarak içerik alanına yapıştırmaktır.

Ve editörünüze yapıştırdığınız WordPress resmine ne oldu? Bu görüntüyü düzenleyebileceğiniz Medya Kitaplığına otomatik olarak eklenir.

Görüntü meta verileri sınırlı seçenekler

Görüntü düzenleme içinde Başlığını, başlığını, açıklamasını ve alternatif metnini ayarlayabilirsiniz. Ne yazık ki, resim dosya adını değiştiremezsiniz - otomatik olarak oluşturulmuş adını koruyacaktır, örneğin resim-1.png ve benzeri. Bu dosya adı türü, dosya adlandırma önerileriyle çeliştiği için SEO optimizasyonu açısından biraz dezavantaj olabilir. Bu nedenle, WordPress görüntülerini içerik alanına taşımadan önce bu yönü göz önünde bulundurmanız gerekir.

Görüntü hizalama

Görüntü hizalama ana özelliklerden biridir. Gönderiye veya Sayfaya WordPress Görüntü bloğu eklerseniz ekleyin, yerleşimi her zaman web sitesi tasarımına bağlı olarak düşünmelisiniz. Buna bağlı olarak görüntü hizalaması, üzerindeki araç çubuğundan seçilebilir. Varsayılan olarak görüntüyü sola, sağa veya ortaya hizalayabilirsiniz. Bazı WordPress temaları, görüntülerin geniş veya tam genişlikte ortalanmasına izin verir. Tüm temalar desteklemediği için gerçekten tema özelliklerine bağlıdır.

Resimleri yeniden boyutlandırma

WordPress editöründeki Image bloğunun devrim niteliğindeki özelliği, pratik yeniden boyutlandırmadır. Daha küçük veya daha büyük yapmak için görüntünün yan tarafını sürüklemeniz yeterlidir. Bu şekilde, içerikteki metne bağlı olarak görüntü boyutunu değiştirebilirsiniz. Düzenleyici, görüntü oranlarını otomatik olarak korur, bu da deformasyonlar hakkında endişelenmenize gerek olmadığı anlamına gelir.

Bir görüntüyü daire şekline dönüştüren yeni blok stili

WordPress'in mevcut en son sürümünü kullanıyorsanız, resminiz için kullanabileceğiniz yeni bir daire kırpma stili fark etmiş olabilirsiniz. Görüntünün şekli, ilk "Blok tipini veya stilini değiştir" simgesine tıklanarak üst araç çubuğundan değiştirilebilir. Varsayılan (dikdörtgen) şekil daire şeklinde kesilecektir.

WordPress Görseller bloğundaki yeni özellikler (WP 5.3'te eklendi)

Yüksek çözünürlüklü görüntüler için destek

WP 5.3'ün en önemli özelliklerinden biri, WordPress platformunda geliştirilmiş görüntü işlemedir. Görüntülerle çalışmanın artık iki ana özelliği var:

1. Yüklemeye devam ediliyor – Yüksek çözünürlüklü fotoğraflar yüklüyorsanız ve internet bağlantısı başarısız olursa, yükleme işlemi otomatik olarak kesilen noktadan devam eder
2. Otomatik görüntü döndürme - en son yayınlanan WP sürümü, yanlış döndürülen görüntülerin yüklenirken otomatik olarak doğru konuma döndürülmesini sağlar

Inspector'daki ayarlar

Kesin boyutları yapılandırmak için düzenleyicide sağ taraftaki kenar çubuğunda bulunan Denetçiyi kullanabilirsiniz. Görüntü boyutu ayarları, küçük resim, orta, büyük veya tam boyut gibi kullanıma hazır biçimler sunar. Genişliği ve yüksekliği elbette piksel veya yüzde olarak ayarlayabilirsiniz.

Çok hızlı ve pratik çünkü tüm görüntü yeniden boyutlandırma değişikliklerini doğrudan WordPress Görüntüler bloğunun içinde ve her şeyi blok düzenleyicide tek bir yerde yapabilirsiniz.

Diğer Görüntüler blok ayarları

URL adresi nasıl eklenir

Görüntüler statik görüntüler olarak kullanılabilir veya ayrıca tıklanabilir ve aşağıdakilere bağlanabilir:

•   Medya dosyası
•   Ek Sayfası
•   özel URL

WordPress Resim bloğunda resim nasıl düzenlenir

Kalem simgesine tıklandıktan sonra her görüntü düzenlenebilir. Alternatif metin, başlık, resim yazısı ve açıklama yazabileceğiniz Medya Kitaplığı ile kalıcı pencere açılacaktır. Klasik düzenleyicili eski WordPress sürümünde zaten yapmaya alıştığınız gibi.

Bu metinlerin doldurulması neden önemlidir?

Ziyaretçiler resmi daha büyük görmek için tıklarlarsa, resmin dosya adını değil, resmin Başlığını (örneğin Citadela ana sayfası) görürler. Ayrıca, görselin yüklenmesiyle ilgili herhangi bir sorun olursa web sitenizde alternatif metin gösterilecektir.

Ekstra İpuçları

Tüm bu nedenlerin ve ayarların yanı sıra WordPress Görüntü blokları için en önemli şey var. Resimleri kullanarak web sitenize daha fazla ziyaretçi çekebilirsiniz. Peki onları nasıl elde edersiniz?

Günümüzde insanlar okumaya üşeniyor. Cevapları bulmak için resimleri aşağı kaydırmayı tercih ediyorlar. Fotoğraflarınız ve resimleriniz nasıl sıralanabilir? Metinler cevaptır. SEO optimizasyonu için çok önemli olan mükemmel resim başlığı ve açıklamasıdır. Alternatif metni doldurmayı unutmayın. O zaman Google görseli daha iyi anlayabilir. Böylece, onu görsel arama sonuçlarında sıralamak için daha yüksek bir şansınız olur.

Resim yazısı eklemenin 2 yolu

Resim yazısı eklemek, blok düzenleyiciyi kullanmak çok kolaydır. Resmin hemen altında metin yazmak için bir boşluk var. Bu ilk yoldur - Başlık, verilen alt sayfada tam olarak bu görüntüye yazılır.

İkinci yol, Medya Kitaplığı'ndaki kurşun kalem simgesini (Görüntüyü düzenle) kullanarak resim yazısı yazmaktır. Bu şekilde, tüm web sitesi boyunca küresel olarak resim yazısı ekliyorsunuz. Bu, aynı resmi üç farklı yerde kullanırsanız, her zaman bu başlığı kullanacağı anlamına gelir.

WordPress Resim bloğuna resim eklemenin ne kadar kolay olduğunu beğendiniz mi? Kendiniz deneyin!

Yepyeni Citadela WordPress temamız ve özel yapım düzen paketleri hakkında daha fazla bilgi edinin. Farklı türden işletmeler için özel olarak tasarlanmış ve geliştirilmiştir ve ayrıca WordPress blok düzenleyici aracılığıyla içeriği düzenlemenin yeni yolunu da desteklerler.