WordPress Editor Block’a (Gutenberg) görüntüler nasıl eklenir ve uyumlu hale getirilir
Görüntüler daha ilginç hale getirerek WordPress yayınınızı ve sayfanızı açar. Ancak, birçok yeni başlayan, görüntülerini isteklerine göre hizalamakta zorluk çekiyor. Yeni WordPress Block Editor (Gutenberg), WordPress’e görüntüler eklemeyi ve uyumlu hale getirmeyi kolaylaştırarak bu sorunu çözün. Bu makalede, güzel bir içerik düzeni oluşturmak için WordPress’e görüntüleri nasıl kolayca ekleyebileceğinizi ve uyumlu hale getirebileceğinizi göstereceğiz.
Görüntünün önceki WordPress düzenleyicisinde uygulanması, WordPress varsayılan düzenleyici olarak düzenleme düğmesi ile metin alanını kullanır. Eski editördeki özel sorunlardan biri görüntü hizalamasıdır.
Görüntüleri sola, sağa veya ortaya hizalama seçeneği olmasına rağmen, her zaman iyi görünmüyor. Bazen görüntü paralel değildir, boyut doğru değildir veya sadece garip görünüyor. WordPress 5.0, Gutenberg Block Editor adlı yeni bir WordPress Post düzenleyicisi tanıttı. Görüntü hizalama problemleri de dahil olmak üzere eski editörlerle ilgili bazı sorunları iyileştirir. Gönderiniz ve sayfanız için güzel bir düzen oluşturmak için yeni bir düzenleyiciye görüntüleri nasıl kolayca ekleyebileceğinize ve hizalayabileceğinize bakalım. Yeni WordPress düzenleyicisine görüntüleri ekleyin ve hizalayın, WordPress yayınlarınıza ve sayfalarınıza resim eklemek için kullanabileceğiniz aşağıdaki bloklarla birlikte gelir.
Resim
Astar
Galeri
Medya ve Metin
Örtmek
Önce basit bir resim bloğu ile başlayalım. Görüntü bloğunu eklemek için ‘Yeni Bir Blok Ekle’ düğmesine veya yayın düzenleyicisine /resim yazın /resim yazın.
Boş görüntü bloğunda üç düğme göreceksiniz. Bilgisayarınızdan resim yükleyebilir, medya kitaplığından yüklenen resimleri seçebilir veya görüntü dosyalarının URL’sini vererek resimler ekleyebilirsiniz. Ardından, ‘Yükle’ düğmesini tıklayın ve ardından bilgisayarınızdan yüklemek istediğiniz resmi seçin. Resmi seçer seçmez WordPress bunu medya kitaplığınıza yükleyecek ve resim bloğuna koyacaktır. Şimdi, resminizin üzerindeki araç çubuğunu ve doğru sütundaki bazı görüntü bloğu ayarlarını göreceksiniz. Görüntüyü uyumlu hale getirmek için resmin üstünde görünen çubuğu kullanacaksınız.
Görüntü bloğu, araç çubuğunda bir düğme olarak aşağıdaki görüntü seviyelendirme seçeneğini sunar.
Sol solda
Merkezi hizalayın
Doğru hizalamak
Geniş
Çok geniş
Görüntü genişliğiniz daha küçükse, sola veya sağa hizalamak görüntünün yanındaki metni ortaya çıkarır. Ortaya hizalayın Her iki tarafta da metin olmadan kendi satırındaki görüntüleri görüntüler.
Geniş genişlik seçeneği seçmek, görüntünüzü metin alanından daha geniş hale getirir ve tam geniş seçenek onu tarayıcı ekranının sağ ve sol kenarına iter.
Görüntüleri metnin yanında mükemmel bir şekilde uyumlu hale getirme sık sık görüntüyü birkaç metnin yanında mükemmel bir şekilde hizalamanız gerekebilir. WordPress Block Düzenleyicisi, bir medya bloğu ve metin ekleyerek bunu kolaylaştırır. Bu blok temel olarak iki sütun ekler. Görüntüler için bir sütun (medya) ve metin içeriği için ikinci sütun.
Görüntünüzü yükleyin ve ardından görüntülemek istediğiniz metni ekleyin.
Görüntü ve metin ekledikten sonra bloklar için daha fazla seçenek göreceksiniz. Tüm bloğu daha geniş veya daha geniş yapabilirsiniz, görüntü ve metin tarafını da değiştirebilirsiniz. Görüntünün görüntüsü, bir sonraki sütundaki metnin yüksekliğine otomatik olarak ayarlanır.
WordPress editöründe Galeri Görüntüleri Nasıl Uyumlanır WordPress’i bir resim galerisi eklemek için bir blokla donatılmıştır. Bu, görüntüleri satır ızgaralarında ve sütunlarda kolayca görüntülemenizi sağlar. Galeri bloğu, araç çubuğunda benzer bir seviyelendirme seçeneği ile donatılmıştır. Tüm galeri bloğunu sola, orta veya sağa paralel hale getirebilirsiniz. Ayrıca genişletebilir veya tam geniş bir çizgiye dönüştürebilirsiniz.
WordPress’teki varsayılan galeri özelliği oldukça iyi. Ancak, WordPress yayınınıza ve sayfanıza düzenli olarak bir fotoğraf galerisi eklerseniz, Envira Galerisi gibi bir fotoğraf galerisi eklentisini kullanmayı düşünün.
Bu eklenti, fotoğraf galerinizdeki görüntüleri uyumlu hale getirme, Sembulan’da görüntüleme ve farklı şekilde düzenleme konusunda daha fazla seçenek sunacaktır. WordPress’te iki görüntü yan yana nasıl eklenir WordPress Post’ta iki görüntüyü yan yana görüntülemenin en kolay yolu Galeri bloğuna her iki görüntüyü eklemektir.
Her iki görüntüyü birbirinin yanında görüntülemek için galeri bloğu için 2 sütun düzenini seçin. Her iki görüntünün aynı boyutta olduğundan emin olmak için ‘mahsul küçük resim’ seçeneğini de kontrol edebilirsiniz. Görüntüler, medya ve metin ve galeri bloklarına ek olarak WordPress’te görüntüleri eklemenin ve uyumlu hale getirmenin daha fazla yolu, kapak görüntüleri eklemek için kapak bloklarını da kullanabilirsiniz.
Modern web tasarımında, kapak görüntüleri çok ilginç içerik düzenleri oluşturmak için kullanılır. Bu görüntüler çeşitli sayfaları vurgulamak için kullanılır. Kapak görüntü bloğu, görüntü bloğu ile aynı seviyelendirme seçeneği ile donatılmıştır. Görüntünün üzerine metin ekleyebilir ve blok ayarlarından kaplama rengini seçebilirsiniz. En iyi yanı, bir paralaks arka plan etkisi oluşturan ‘sabit arka plan’ seçeneğini kontrol edebilmenizdir. Kapak resimlerini kullanma hakkında daha fazla bilgi edinmek için, üstün görüntüler ve WordPress’teki kapak görüntüleri arasındaki fark hakkındaki makalemize bakın.
Şimdiye kadar doğrudan yayınınıza ve sayfanıza görüntü eklemekten bahsettik. Üçüncü taraf bir sitenin resmi ne olacak? Block Editor bunu da kolaylaştırıyor. Instagram, Flickr, Imgur, Photobucket ve daha fazlası dahil olmak üzere popüler sosyal paylaşım siteleri için bir gömme blokla görünür. Örneğin, Instagram fotoğrafları eklemek istiyorsanız, Instagram bloğunu yayın düzenleyicisine ekleyin ve paylaşmak istediğiniz gönderi URL’sini girmeniz yeterlidir.
WordPress otomatik olarak Instagram yayınlarını alacak ve sizin için sabitleyecektir. Bundan sonra, araç çubuğundaki Tesviye seçeneğini kullanabilirsiniz.
