WordPress Özel HTML Bloğu Nasıl Kullanılır

Özel HTML Bloğu, sayfayı görüntülemek veya HTML olarak yayınlamak zorunda kalmadan HTML içeriği eklemenize ve düzenlemenize olanak tanır. HTML'yi gömebilir ve hatta metninizi işaretlemek için kullanabilir ve ardından isterseniz stil metni içeren bir Paragraf Bloğuna dönüştürebilirsiniz. Bu blok, HTML'de çalışmayı tercih edenler için harikadır ve Google Haritalar gibi belirli kod türlerini yerleştirmenin en iyi yollarından biridir.

Bu yazıda, Özel HTML Bloğuna yakından bakacağız. Yazılarınıza ve sayfalarınıza nasıl ekleyeceğinizi, ayarlarına ve seçeneklerine bakacağız, nasıl kullanılacağına dair ipuçlarına ve sık sorulan sorulara bakacağız.

Youtube Kanalımıza Abone Olun

Gönderinize veya Sayfanıza Özel HTML Bloğu Nasıl Eklenir

İçeriğinize Özel HTML Bloğu eklemek için imlecinizi bloğun görünmesini istediğiniz yere getirin ve Yerleştirici aracını seçin. Bir arama terimi girebileceğiniz veya seçenekleriniz arasında gezinebileceğiniz bir arama kutusu açılacaktır. Html'yi arayın ve sonuçlarda görüntülendiğinde bloğu seçin.

Alternatif olarak, bloğun görünmesini istediğiniz yere /html yazıp enter tuşuna basabilir veya blok alanının üstündeki seçeneklerden seçebilirsiniz.

Artık içeriğinizde HTML ekleyebileceğiniz bir Özel HTML Bloğunuz var. Ayarları incelerken kodlu bazı örnekler göreceğiz.

Özel HTML Blok Ayarları ve Seçenekleri

Çoğu bloğun aksine, Özel HTML Bloğu düzenleyici kenar çubuğundaki seçenekleri içermez. Araç çubuğunda ihtiyacınız olan tüm seçenekleri bulacaksınız.

Özel HTML Blok Araç Çubuğu

Araçlarını görmek için blok içinde herhangi bir yeri tıklayın. Hepsini görmüyorsanız, yeni bir alanda bloğun altına tıklayın, ardından bloğu tekrar seçtiğinizde araçların geri kalanı görüntülenecektir.

Her bloğun, blok için seçenekleri seçebileceğiniz kendi özel kontrolleri vardır. Araç çubuğunun üzerindeki küçük bir blok seçenekleri grubu, blok türünü değiştirmenize, bloklara dönüştürmenize ve seçenekleri açmanıza olanak tanır.

Her ayara ayrıntılı olarak bakalım.

Özel HTML Değiştirme Bloğu veya Stili

Seçeneklerde HTML'yi seçmek, bloğu diğer blok türlerine dönüştürebileceğiniz bir açılır kutu açar. Seçenekler arasında Kod, Sütunlar veya Grup bulunur.

Kod – Özel HTML Bloğu'nu bir Kod Bloğuna dönüştürür, böylece farklı kod türlerini görüntüleyebilirsiniz.

Sütunlar – bloğu sütunların içine yerleştirir.

Grup – bloğu bir gruba ekler, böylece onları tek bir blok olarak ayarlayabilirsiniz.

Özel HTML Blok Sürükleme Aracı

Sürükleme aracı, taşımak için farenizle yakalayabileceğiniz altı nokta içerir.

Ardından, bloğu içeriğinizin içinde istediğiniz herhangi bir yere sürükleyin ve bırakın. Bloğu sürüklerken bloğun nereye bırakılacağını gösteren mavi bir çizgi görünecektir.

Blok istediğiniz yerde mavi çizginin göründüğünü gördüğünüzde, fare düğmesini bırakın ve bloğunuz yeni yerine yerleştirilecektir.

Özel HTML Blok Taşıma

Yukarı ve aşağı oklar, her tıkladığınızda blok bir içerik bölümünü hareket ettirir. Blok otomatik olarak yeni konumuna hareket ederken ekran kayar. Bu, bloğu bir veya iki bölüm taşımanın kolay bir yoludur.

Özel HTML Bloğu HTML ve Önizleme

HTML ve Önizleme düğmeleri, düzenleyicide bloğun HTML ile nasıl çalışacağını seçmenize olanak tanır. HTML düğmesi varsayılan olarak seçilidir. Bu, HTML'yi yürütmek yerine kod biçiminde gösterir. Bu örnek, bir Google Haritasının HTML'sini gösterir.

Önizleme'yi seçmek, tarayıcıda yürütülürken HTML'nin ön uçta nasıl görüneceğini gösterir. HTML'yi düzenlemek ve son kullanıcıya nasıl görüneceğini görmek için görünümler arasında geçiş yapmak kolaydır. Bu, düzenleme yapmak ve sonuçları hızlı bir şekilde görüntülemek için mükemmel bir yoldur. Bu örnek, içerikte görüneceği şekilde gömülü bir Google Haritasını göstermektedir.

Başka bir örnek olarak, bir metin satırına stil eklemek için bazı HTML'leri burada bulabilirsiniz. Bu, HTML'yi oluşturup düzenleyebildiğim HTML görünümüdür.

İşte ön uçta nasıl görüneceğini gösteren Önizleme modu.

Özel HTML Blok Seçenekleri

Araç çubuğunun en sağında dikey bir yığında üç nokta bulunur. Bu üç nokta, ayarları gizlemenize, bloklara dönüştürmenize, kopyalamanıza, çoğaltmanıza, önüne veya arkasına eklemenize, taşımanıza, yeniden kullanılabilir bloklara eklemenize, bloğu gruplamanıza veya kaldırmanıza olanak tanıyan üç bölümde 10 seçenekten oluşan bir dizi açar.

Özel HTML Bloğu seçeneklerinin yapabilecekleri şunlardır:

Diğer Ayarları Gizle – bu, sağ kenar çubuğunu gizleyerek çalışma alanınızı genişletir.

Bloklara Dönüştür – bu, içeriği diğer uygun bloklara dönüştürür. Metin Paragraf bloklarına, resimler Resim bloklarına vb. dönüştürülecek. Örneğimde kullandığım Google Harita kodu gibi gömülü kodlar Özel HTML Bloğu olarak kalacak. Blok içindeki diğer HTML dönüştürülebilirse, farklı bir bloğa yerleştirildiğinde bloktan kaldırılacaktır.

Kopyala – bu, bloğu panonuza kopyalar, böylece düzenleyici içinde herhangi bir yere yapıştırabilirsiniz.

Çoğalt – bu, bloğun bir kopyasını orijinalin altına yerleştirir.

Öncesine Ekle – bu, başka bir blok yerleştirebilmeniz için Özel HTML Bloğunun önüne bir blok alanı ekler.

Sonraya Ekle – bu, bloktan sonra başka bir blok yerleştirebileceğiniz bir alan ekler.

Move To – bu, bloğu ok tuşlarıyla yukarı veya aşağı hareket ettirmenizi sağlar. Mavi bir çizgiyi hareket ettireceksin. İstediğiniz konuma ulaştığında enter'a basın ve blok anında hareket etsin.

Yeniden Kullanılabilir Bloklara Ekle – Özel HTML Bloğu'nu yeniden kullanılabilir bloklarınıza ekler, böylece herhangi bir sayfada veya gönderide tekrar kullanabilirsiniz.

Grup – bu, bloğu bir gruba ekler, böylece blokları tek bir birim olarak ayarlayabilirsiniz.

Bloğu Kaldır – bu, bloğu siler.

Özel HTML Bloğunu Etkili Bir Şekilde Kullanmak İçin İpuçları ve En İyi Uygulamalar

Metninizi biçimlendirmek ve önce HTML'yi düzenlemek için bu bloğu kullanın ve ardından paragraflar veya diğer içerik türleri oluşturmak için Bloklara Dönüştür aracını kullanın. Bu size içerik üzerinde daha fazla kontrol sağlar ve özellikle HTML sürümünü saklamanız gerekmiyorsa faydalıdır. Ön izlemeyi giderken görüntüleyebilirsiniz. Bu, kenar çubuğundaki WordPress ayarlarındaki görsel ve kod düzenleyiciler arasında geçiş yapmanızı engeller.

Bu bloğu gömülü haritalar, reklamlar, videolar vb. için kullanın. Bu, Kod Düzenleyici görünümüne geçmenizi ve kodu Paragraf Bloğu gibi diğer blok türlerine eklemenizi engeller.

Sayfalarınızın ve gönderilerinizin Code Editor sürümü yerine bu bloğu kullanmak, sayfa ve gönderi etiketleriyle çalışmanıza gerek kalmaz. Bu, kullanımı daha kolay olan daha temiz bir çalışma ortamı yaratır.

İster kendi HTML'nizi ekliyor olun ister başka bir kaynaktan gelen kodu gömüyor olun, HTML'nizin istediğiniz şekilde çalışmasını sağlamak için Önizleme özelliğini sık sık kullanın.

Blokta komut dosyası etiketini kullanmayın. Kaldırılabilir ve ardından kodunuz çalışmayabilir.

Özel HTML Bloğu hakkında Sık Sorulan Sorular

Özel HTML Bloğu ne işe yarar?

Sayfayı veya gönderiyi Görsel Düzenleyici'de tutarken onunla çalışabilmeniz için bir alana HTML girmenize olanak tanır.

Özel HTML Bloğu nasıl kullanılabilir?

Desteklenen etiketlere sahip herhangi bir HTML eklenebilir. Bloğu reklamlar, haritalar, videolar, iframe'ler, tablolar vb. içeren her şey için kullanabilirsiniz. Ayrıca, metninizi işaretlemenin ve ardından onu Paragraf Bloğuna dönüştürmenin kolay bir yoludur.

İşaretlemeyi renkle kodlayacak mı?

Hayır, bloktaki işaretleme herhangi bir metin düzenleyiciye benziyor.

Özel HTML Bloğu HTML'yi çalıştırıyor mu?

HTML'yi ön uçta normal şekilde çalıştırır. Düzenleyicide HTML'yi çalıştırabilir veya size kodu gösterebilir. Hangisini görüntüleyeceğiniz size kalmış ve istediğiniz zaman tek bir düğme tıklamasıyla iki seçenek arasında seçim yapabilirsiniz.

Tüm HTML etiketleri destekleniyor mu?

Hayır. WordPress Desteklenen Kod sayfasında desteklenen HTML etiketlerinin bir listesini görebilirsiniz.

Çözüm

Bu, Özel HTML Bloğuna bakışımız. Bu blok sadece geliştiriciler için değildir. Bu bloğu kullanmanın ana avantajı, HTML ile çalışmak için görsel düzenleyici ve kod düzenleyici arasında geçiş yapmak zorunda olmamanızdır. Bu, içeriğinizin geri kalanının normal görünmesiyle çalışabileceğiniz anlamına gelir. Daha sonra blokta HTML ile çalışabilir ve istediğiniz zaman önizleyebilirsiniz. Özel HTML Bloğu, blok düzenleyicide HTML ile çalışmanın kolay bir yolunu sağlar.

Senden duymak istiyoruz. Özel HTML Bloğu kullanıyor musunuz? Yorumlarda deneyiminizi bize bildirin.

Enterlinedesign / Shutterstock.com aracılığıyla Öne Çıkan Görsel