WordPress Kod Düzenleyicisinde HTML Nasıl Düzenlenir (Yeni Başlayan Kılavuz)
WordPress sitenizde HTML’yi düzenlemenin kolay bir yolunu mu arıyorsunuz? Köprü Metni İşaretleme Dili veya HTML, Web tarayıcıya Web sayfanızda içeriği nasıl görüntüleyeceğini anlatan bir koddur. HTML’yi düzenleme, gelişmiş ayarlamalar ve problem çözme için kullanışlıdır. Bu makalede, WordPress kod düzenleyicisinde HTML’yi farklı bir yöntem kullanarak nasıl düzenleyeceğinizi göstereceğiz.
WordPress’te neden HTML düzenlemeniz gerekiyor? WordPress, web sitenizin görünümünü değiştirmek ve tek bir kod satırına dokunmadan farklı öğeleri ayarlamak için binlerce tema ve eklenti sunar. Ancak, eklentiler ve temaların sınırlamaları vardır ve aradığınız kesin özellikleri sunmayabilir. Sonuç olarak, web sitenizi istediğiniz gibi organize edemeyebilirsiniz.
HTML’yi düzenlemenin çok kullanışlı olduğu yer burasıdır. HTML kodunu kullanarak kolayca daha fazla özelleştirme yapabilirsiniz. Bu, sitenizin nasıl görüleceğine ve işleyeceği konusunda çok fazla esneklik ve kontrol sağlar. Buna ek olarak, HTML’nin nasıl düzenleneceğini öğrenmek, gösterge tablosuna erişiminiz olmadığında WordPress sitesindeki hataları tanımlamanıza ve düzeltmenize yardımcı olabilir. Not: HTML’yi düzenlemek istemiyorsanız, ancak yine de tam ayar seçenekleri istiyorsanız, WordPress’i kullanmalı ve SeedProd gibi sayfa yapımcısını kullanmalısınız. Bu nedenle, WordPress web sitesinde HTML’yi düzenlemenin çeşitli yollarına bakalım.
Klasik bir blok ve editör kullanarak HTML’nin nasıl düzenleneceğini tartışacağız ve ayrıca sitenize kod eklemenin kolay bir yolunu göstereceğiz. Seçtiğiniz bölüme ilerlemek için aşağıdaki bağlantıyı tıklayabilirsiniz.
WordPress Block Düzenleyicisinde HTML Nasıl Düzenlenir
Klasik WordPress editöründe html nasıl düzenlenir WordPress Widget’ta HTML nasıl düzenlenir
WordPress Tema Düzenleyicisinde HTML Nasıl Düzenlenir
FTP kullanarak WordPress’te HTML nasıl düzenlenir
WordPress’e kod eklemenin kolay yolları
WordPress Block Düzenleyicisinde WordPress Block Düzenleyicisinde HTML Nasıl Düzenlenir, yayın yayıncınızı veya sayfanızı düzenlemenin birkaç yolu vardır.
İlk olarak, HTML kodu eklemek için içeriğinizde özel bir HTML bloğu kullanabilirsiniz. Başlamak için WordPress kontrol panelinizi açın ve ardından yeni bir yazı/sayfa ekleyin veya mevcut makaleleri düzenleyin. Bundan sonra, sol üst köşedeki artı (+) imzasını tıklayın ve ‘özel HTML’ bloğunu ekleyin.
Ardından, özel HTML kodunuzu bloka girin ve girin. HTML kodunun iyi çalışıp çalışmadığını ve içeriğinizin doğrudan web sitenizde nasıl görüleceğini kontrol etmek için ‘Pratinuki’ seçeneğini de tıklayabilirsiniz.
WordPress blok düzenleyicisine HTML kodunu eklemenin veya değiştirmenin bir başka yolu, belirli bir HTML bloğunu düzenlemektir.
Bunu yapmak için, içeriğinizdeki bloğu seçin, ardından üç nokta menüsünü tıklayın. Ardından, ‘HTML Olarak Düzenle’ seçeneğine devam edin ve tıklayın.
Şimdi her bloktan HTML göreceksiniz. Lütfen ve HTML içeriğinizi düzenleyin. Örneğin, bir nofollow bağlantısı ekleyebilir, metin stilini değiştirebilir veya başka bir kod ekleyebilirsiniz.
HTML tüm yayınlarınızı düzenlemek istiyorsanız, WordPress blok düzenleyicisinde ‘Kod Düzenleyiciyi’ kullanabilirsiniz. Sağ üst köşedeki üç nokta seçeneğini tıklayarak kod düzenleyicisine erişebilirsiniz. Ardından aşağı indirme seçeneğinden ‘Kod Düzenleyici’ seçin.
Klasik bir WordPress düzenleyicisinde html nasıl düzenlenir Klasik bir WordPress düzenleyicisi kullanıyorsanız, HTML’yi metin ekranında kolayca düzenleyebilirsiniz. Metnin görüntüsüne erişmek için blog yazısını düzenleyin veya yeni bir yayın ekleyin. Klasik bir editördeyken, html makalenizi görüntülemek için ‘Metin’ sekmesini tıklayın. Bundan sonra HTML içeriğinizi düzenleyebilirsiniz. Örneğin, öne çıkmasını sağlamak için farklı kelimeleri kalınlaştırabilir, metindeki eğimli stili kullanabilir, bir liste oluşturabilir, bir içerik tablosu ekleyebilir ve daha fazlasını yapabilirsiniz. WordPress Widget’ta HTML nasıl düzenlenir Sitenizin widget alanına HTML kodunu ekleyip düzenleyebileceğinizi biliyor muydunuz?
WordPress’te, özel bir HTML widget’ı kullanmak, yanları, altbilgiyi ve diğer widget alanlarını ayarlamanıza yardımcı olabilir. Örneğin, iletişim formlarını, Google haritalarını, harekete geçirilecek davet düğmesini (CTA) ve diğer içerikleri yerleştirebilirsiniz. WordPress Yönetici Panelinize gidip görünüşe »widget’lara gidebilirsiniz. Bundan sonra, ‘Ekle’ düğmesini tıklayarak özel bir HTML widget’ı ekleyin ve ekleyin.
Ardından, özel bir HTML widget’ı nereye eklemek ve bir konum seçmek istediğinizi seçmelisiniz. Widget alanı, kullandığınız WordPress temasına bağlı olacaktır. Örneğin, altbilgiye, başlığa veya diğer alanlara ekleyebilirsiniz.
Widget’ın alanını ve konumunu seçtikten sonra devam edin ve ‘Widget Kaydet’ düğmesini tıklayın. Bundan sonra, HTML özel widget’ınızı tıklayabilir, HTML kodunu girebilir ve ardından ‘Kaydet’ düğmesini tıklayabilirsiniz.
Artık özel bir HTML widget’ı eylemde görmek için web sitenizi ziyaret edebilirsiniz.
WordPress Tema Düzenleyicisinde HTML’yi Düzenleme HTML web sitenizi düzenlemenin başka bir yolu WordPress Tema Düzenleyicisi (Kod Düzenleyicisi) aracılığıyla yapılır. Ancak, tema düzenleyicisindeki kodu hemen düzenlemenizi önermiyoruz. Kodu girerken en ufak bir hata, web sitenize zarar verebilir ve WordPress kontrol paneline erişmenizi engelleyebilir. Ayrıca, temanızı güncellerseniz, tüm değişiklikleriniz kaybolacaktır. Bu nedenle, tema düzenleyicisini kullanarak HTML düzenlemeyi düşünürseniz, herhangi bir değişiklik yapmadan önce web sitenizin bir yedeğini almalısınız. Ardından, açık görünüm »Tema Düzenleyicisi WordPress kontrol panelinizden. Artık tema dosyalarını doğrudan düzenleme hakkında bir uyarı mesajı göreceksiniz.
‘Anlıyorum’ düğmesine tıkladıktan sonra, tema dosyalarınızı ve kodlarınızı göreceksiniz. Buradan hangi dosyaları düzenlemek ve değişiklik yapmak istediğinizi seçebilirsiniz.
WordPress tema dosyalarında HTML’yi düzenlemek için başka bir alternatif FTP kullanarak WordPress’te HTML’nin düzenlenmesi, dosya aktarım protokolü hizmeti olarak da bilinen FTP’yi kullanmaktır.
Bu, tüm WordPress barındırma hesaplarına dahil olan standart bir özelliktir. Kod Düzenleyicisi yerine FTP kullanmanın yararı, sorunu FTP istemcisini kullanarak kolayca düzeltebilmenizdir. Bu şekilde, HTML düzenlerken bir şey hasar görürse WordPress Gösterge Tablosu’ndan kilitlenmeyeceksiniz. Başlamak için önce FTP yazılımını seçmelisiniz. Bu öğreticide FileZilla’yı kullanacağız, çünkü bu ücretsiz bir FTP istemcisi ve Windows, Mac ve Linux için kullanıcı dostu. FTP istemcinizi seçtikten sonra, şimdi sitenizin FTP sunucusunu girmeniz gerekir. Giriş ayrıntılarını barındırma sağlayıcısı kontrol paneli gösterge panelinizde bulabilirsiniz. Girdikten sonra, ‘Uzun Dürüstlük Site’ sütunu altında çeşitli klasörleri ve web sitesi dosyasını göreceksiniz. Lütfen WP-Content »temasını girerek tema dosyalarınıza gidin. Şimdi web sitenizde çeşitli temalar göreceksiniz. Lütfen ve düzenlemek istediğiniz temayı seçin.
Ardından, HTML’yi düzenlemek için tema dosyasına sağ tıklayabilirsiniz. Örneğin, altbilgide değişiklik yapmak istiyorsanız, footer.php dosyasını sağlayın. Birçok FTP istemci, değişiklik yaptıktan sonra dosyaları görüntülemenize ve düzenlemenize ve otomatik olarak yüklemenize olanak tanır. FileZilla’da bunu ‘Bak/Düzenle’ seçeneğine tıklayarak yapabilirsiniz.
Ancak, herhangi bir değişiklik yapmadan önce düzenlemek istediğiniz dosyayı masaüstünüze indirmenizi öneririz. HTML’yi düzenledikten sonra orijinal dosyayı değiştirebilirsiniz. Daha fazla ayrıntı için, WordPress’e dosya yüklemek için FTP’nin nasıl kullanılacağına dair yönergelerimizi izlemenizi öneririz. WordPress’te kod eklemenin kolay yolları, kodu WordPress’inize eklemenin en kolay yolu WordPress ekleme başlıklarını ve altbilgi eklentisini kullanmaktır. WPBeginner ekibi bu eklentiyi tasarladı, böylece kodu sitenize birkaç dakika içinde kolayca ekleyebilirsiniz ve kullanım için% 100 ücretsiz hale getirdik. Ayrıca kodunuzu ayarlamaya yardımcı olur, çünkü tek bir yerde saklanır. Ayrıca, bu, kodu manuel olarak düzenlerken neden olabilecek hataları önler. Başka bir avantaj, temaları güncellemeye veya değiştirmeye karar verirseniz kodunuzun silindiğinden endişelenmenize gerek olmamasıdır. Yapmanız gereken ilk şey, web sitenizdeki ekleme başlıkları ve altbilgi eklentisini yüklemek ve etkinleştirmektir. Daha fazla bilgi için, WordPress eklentilerinin nasıl yükleneceğine dair ayrıntılı öğreticimizi izleyebilirsiniz. Eklenti etkin olduktan sonra ayarlara gidebilirsiniz »Üstbilgi ve altbilgiyi yönetici panelinizden ekleyin. Ardından, web sitenize başlık, gövde ve altbilgi kutusuna bir HTML kodu ekleyebilirsiniz. Örneğin, web sitenizde bir uyarı bıçağı görüntülemek istersiniz. HTML kodunu ‘Body in Body in’ kutusuna girip kaydet düğmesini tıklatmanız yeterlidir.
