WordPress'te metni görüntünün etrafına sarın [Medya ve Metin Bloğu 2022]

Bir metin paragrafının yanına resim eklemek kulağa büyük bir iş gibi gelmiyor, ancak modern bir web sitesi istiyorsanız bu kolay olmayabilir. Yalnızca Gutenberg editörü sayesinde, WordPress üçüncü taraf sayfa oluşturucular olmadan daha kullanışlı hale geliyor. Uzun vadeli bir bakış açısıyla ve bir web sitesi oluştururken veya yeniden tasarlarken web siteniz için mükemmel bir değere sahiptir. WordPress, görüntünün etrafına metin sarma, blok ve özellikler kümesidir. İçeriği daha hafif, modern ve kolay okunabilir hale getirir.

WordPress sarma metni ve görüntüsü

Bir metin bloğunu bir görüntünün etrafına sarmak için kullanabileceğiniz birkaç blok vardır. Hepsini tarif ediyoruz:

• Medya ve Metin bloğu aşağıda daha fazlasını bulabilirsiniz
• Bireysel gönderide sütun bloğu
• Bireysel gönderide küme bloğu

Medya ve Metin bloğu – WordPress metni görüntünün yanına hizalar

• Medya ve Metin bloğuyla metin ve görüntüleri sarın
• Düzenleyicide Medya ve Metin bloğu nasıl eklenir
• Bu blok nasıl çalışır?
• Medya ve Metin engelleme ayarları
• " Mobil cihazlarda yığın " ne anlama geliyor?
• Bonus: WordPress'te metin nasıl doğrulanır

Daha iyi okuma deneyimi için metni ve resmi sarın

Bu bloğu kullanmanız için birkaç neden var. Blog yazıları yazıyorsanız en çok bunu takdir edeceksiniz. Görüntüler hikayenin ayrılmaz bir parçasıdır. BT haberleri hakkında seyahat blogu veya dergi yazmanız önemli değil. Bu nedenle içeriğinize fotoğraf eklerken görüntü hizalamasını düşünün. Okuyucular ne hakkında yazdığınızı daha iyi anlayabilirler.

Çoğu durumda resim ve metni yan yana eklemek gerekir. Önemli olan ne?

• Mantıklı olması gerekiyor. Resim sağ metnin yanında olmalıdır.
• Güzelce hizalanmalıdır.
• Tüm web sitesi düzenine uyması gerekir.

Klasik düzenleyicide resmin yanına metin de yerleştirebilirsiniz, ancak güzel hizalamadan bahsedemezsiniz. Özellikle resim küçükse ve yanına daha fazla metin koyarsanız. Metin, resmin üstünü kapladı ve hoş görünmüyordu.

Resmin yanındaki metin nasıl hizalanır?

Medya ve Metin bloğu harika bir özelliktir. Medya ve Metin bloğu bu sorunu çözer ve kompozisyon ve düzen bozulmadan metnin görüntüye mükemmel şekilde hizalanmasını sağlar. Bu bloğu kullanmanız gereken sebep budur.

Mobil cihazlarda da web sitesi tasarımını geliştirir. Bu sarma bloğu, WordPress temasının farklı mobil düzenleri kapsamasına yardımcı olur. Akıllı telefonda, web sitesinin her bölümü açıkça görülebilir ve okunabilir olmalıdır. Medya ve Metin bloğu cep telefonlarında nasıl görünecek ve aşağıda inceleyeceğimiz “Mobilde Yığın” işlevi masa kolları.

Kısa bir süre içinde, Citadela adlı yeni WordPress temamızda Medya ve Metin bloğunu kullanabileceksiniz. Ayrı bir makalede Citadela teması hakkında daha fazla bilgi edinin.

Blok düzenleyicide Medya ve Metin bloğu nasıl eklenir?

Medya ve Metin bloğu eklemek, başka bir blok eklemek kadar kolaydır. Bu, herhangi bir şey indirmenize veya yüklemenize gerek olmadığı anlamına gelen bir çekirdek bloktur.

Üst paneldeki veya düzenleyicinin herhangi bir yerindeki “+” simgesini kullanarak ve Medya ve Metin bloğunu seçerek.

Son seçenek “/” yazıp ardından “media” yazmaktır. WordPress, aradığınızla eşleşen seçili blokları size otomatik olarak gösterir.

Medya ve Metin bloğu nasıl çalışır?

Medya ve Metin bloğu temelde 2 farklı içerik türünü tek bir içerikte gruplandırır. İlki orta, örneğin şu şekilde ekleyebileceğiniz resim veya video:

• Yüklemek
• Medya kütüphanesi
• Sürükle bırak

İkincisi, metin içeriği için alan. Oraya metin paragrafları, madde imli listeler veya başlık yazabilirsiniz. Daha önce bahsettiğimiz Düğme bloğunu da oraya ekleyebilirsiniz.

Medya ve Metin bloğu, ne kadar metin yazarsanız yazın görüntü ve metni her zaman yan yana hizalar. O nasıl çalışır? Görüntü, metin sütunundaki içerik yüksekliğine göre kendini otomatik olarak ayarlar.

Medya ve Metin Blok ayarları

Genel blok ayarları

1. Üst araç çubuğu

Bloğun üstündeki araç çubuğu birkaç seçenek sunar. Aktif temanız bunu destekliyorsa, Medya ve Metin bloğunu geniş veya tam genişlik olarak ayarlayabilirsiniz. Ayrıca şuraya tıklayarak resmi veya videoyu nereye yerleştirmek istediğinizi seçebilirsiniz:

• Soldaki medyayı göster
• Medyayı sağda göster

Üst araç çubuğunda, Alternatif Metin, Başlık, Başlık veya Açıklama ayarlayabileceğiniz ortamı düzenlemek için bir simge de vardır. WordPress Görüntü bloğu ile çalışma makalemizde görüntüleri düzenleme hakkında daha fazla bilgi edinin.

2. Sağ kenar çubuğu

Sağ kenar çubuğu, Medya ve Metin bloğu için ek ayar sunar. Buraya Alternatif metin eklemek, arka plan rengini ayarlamak veya Ek CSS Sınıfı eklemek mümkündür. Ayrıca orada “Mobilde yığın” işlevini de etkinleştirebilirsiniz.

Mobil cihazlarda Stack nedir?

Bu işlev sayesinde, resim ve metin mobil cihazlarda güzel bir şekilde görüntülenir. "Mobilde Yığın" özelliğini devre dışı bırakırsanız, resim ve metin yan yana kalır ve duyarlı sürümde zorlukla okunabilir.

Bu işlevi etkinleştirirseniz, cep telefonunda sol taraftaki içerik sağ taraftaki içeriğin üzerinde görüntülenecektir.

Metin hizalama

Medya ve Metin bloğunun bir kısmı resim veya video ile birlikte metin içeriğidir. Aşağıdaki içerik türlerinden biri olabilir:

1. Paragraf

Üst araç çubuğunda metin hizalamasını ayarlayabilir, metni kalın, italik yapabilir veya URL bağlantısı ekleyebilirsiniz.

Sağ taraftaki kenar çubuğunda yazı tipi boyutunu, yazı tipi rengini veya paragraf rengini seçebilirsiniz. İlginç bir özellik, metnin ilk karakterini vurgulayacak olan “Bırakma” özelliğidir. Metni daha ilginç hale getirmek için blok gönderilerde güzel bir özellik.

2. Başlık

Başlık Paragrafa çok benzer. Ayrıca görünümünü yapılandırabilir, kalın veya italik yapabilir ve URL bağlantısı ekleyebilirsiniz. Fark, başlık tipini seçebilmenizdir – H2, H3, H4.

Diğer başlık boyutları ve hizalama ayarları, sağ taraftaki kenar çubuğunda mevcuttur.

3. Liste

İçeriğinize Liste bloğu eklerseniz, madde işareti, numaralı liste veya çok seviyeli liste olabilir. Ayrıca metni kalın, italik yapabilir ve URL bağlantısı ekleyebilirsiniz.

4. Düğme bloğu

İçeriğe buton ekleyen bu blok, web sitesi tasarımına göre ayarlanabilmektedir. Düğme rengi ve stili veya arka plan rengi, sağ taraftaki kenar çubuğunda yapılandırılabilir.

Düğme bloğu ile ilgili makaleyi okumayı unutmayın.

Blok türleri arasında geçiş yapma

Medya ve Metin bloğunda, bir içerik bloğu türünü diğerine dönüştürmek mümkündür. Ayrıca Medya ve Metin bloğunu Görüntü bloğu olarak değiştirebilirsiniz; metin bölümü silinecektir.

Metin içeriğinde Paragraf bloğunu Başlık veya Liste bloğu olarak değiştirmek mümkündür.

Bonus: WordPress'te metin nasıl doğrulanır

Yaslanmış metin kullanmanın olumlu ve olumsuz yönleri vardır. Yaslanmış metinler genellikle kitaplarda veya gazetelerde bulunur ancak artık web sitelerinde kullanılmamaktadır. Niye ya?

Birkaç yıl önce Justify işlevi, WordPress Classic editörünün içine entegre edilmişti. Çeşitli tarayıcılarda veya mobil cihazlarda görünürlük sorunlarına neden olmak için kullanılan iki yana yaslanmış metin. Ayrıca, haklı metnin zor okunabilirliği ile de ilgilidir. Bu nedenle bu işlev kullanımdan kaldırıldı ve kaldırıldı.

Bu özel işlevsellik, yeni blok (Gutenberg) düzenleyicisinde de mevcut değildir.

Peki gerçekten istiyorsanız metni nasıl haklı çıkarırsınız?

Çözüm, birkaç adımda basit CSS kodu eklemektir:

1. Sağ taraftaki kenar çubuğunda Ek CSS Sınıfı Paragraf bloğu için bir ayar var
2. Oraya sınıf adını " yasla " yazın
3. Sayfa veya makale yayınlayın
4. Önizlerseniz, ana üst çubukta Özelleştir'e tıklayın.
5. Sol tarafta ayarlarla yeni bir kenar çubuğu var
6. Ek CSS'ye tıklayın
7. Aşağıdaki CCS kodunu ekleyin:

 p.gerekçe {
    metin hizalama: yasla;
}

Tamamlandı. Şu andan itibaren Medya ve Metin Bloğunuzdaki metin haklı.

Medya ve Metin bloğu hakkında ne düşünüyorsunuz? Zaten kullandın mı? Onunla çalışmayı nasıl seviyorsunuz? Aşağıdaki yorumlarda bize bildirin.