WordPress’te html nasıl düzenlenir
Sitenizi ayarlamak istiyor musunuz? Web sitesini ve tasarımını kişiselleştirmenin yollarını arıyorsanız, doğru yere geldiniz. Bu kılavuzda, serbest çalışanları işe almadan WordPress’te HTML dosyalarını düzenlemek için size yeni başlayanlar dostu yöntemler göstereceğiz. WordPress’te neden html kodunu düzenliyorsunuz? WordPress, kodlama deneyimi gerektirmeyen ve sitenizi ayarlamak için binlerce tema ve eklenti sunan hazır bir CMS olmasına rağmen, HTML’yi düzenlemeyi öğrenmek size çok fazla esneklik sağlayacaktır. HTML kodunu ayarlayarak, siteniz üzerinde daha fazla kontrol elde edersiniz ve gelişmiş tasarım ayarlamaları yapabilirsiniz, temanıza özel işlevler veya efektler ekleyebilirsiniz. Ayrıca, yönetici kontrol panelinize erişiminiz olmadığında sorunu çözebileceksiniz.
HTML kodunu ayarlayarak yapabileceğiniz ana şeyler şunlardır:
Metin, resim ve video ekleyin
İşlevler veya özellikler ekleyin
WordPress siteniz üzerinde daha fazla kontrole sahip olun
WordPress Yönetici Gösterge Tablonuza Erişiminiz olmadığında Sorunları Çözün
Genel olarak, WordPress’te HTML kodunu nasıl düzenleyeceğinizi öğrenirseniz, sitenizi ayarlamak için daha fazla seçeneğiniz olacak ve bir sonraki seviyeye getirebileceksiniz. HTML’yi ne zaman düzenlememelisiniz? Bildiğiniz gibi, WordPress dört ana dil kullanır: HTML, CSS, PHP ve JavaScript. Bu, bazı değişiklikler yapmak için sadece HTML’den daha fazlasını bilmeniz gerektiği anlamına gelir. Bu nedenle HTML kodunu ayarlamanın iyi bir fikir olmadığı bazı durumlar vardır.
HTML, web sayfaları düzenlemek için kullanılır, bu nedenle sitenizin tasarımını değiştirmeniz ve renk, yazı tipleri, hattın yüksekliği ve benzerlerini düzenlemeniz gerekiyorsa, CSS kodunu ayarlarsınız. Ayrıca, birkaç sayfanın düzenini aynı anda kontrol etmeye çalışırken HTML’yi düzenlememelisiniz. Ayrıca, doğrudan ortamdaki kodu ayarlamanızı önermiyoruz. Yanlış yerde bir virgül veya kesme, sitenizde önemli sorunlara neden olabilir, bu nedenle her şeyi evreleme ortamında test etmelisiniz. WordPress’te HTML Nasıl Düzenlenir Bu kılavuzda, WordPress’te HTML kodunu ayarlamanın çeşitli yollarını göstereceğiz: Klasik WordPress Editor
WordPress Block Editor
HTML Kaynak Kodunu Düzenle
Eklentilerle
Araç
Her birine bakalım, böylece sizin için en iyilerinden birini seçebilirsiniz. Başlamadan önce … ileri adım atmadan önce, bir çocuğun teması yapmanızı şiddetle tavsiye ederiz. Nasıl yapılacağını bilmiyorsanız, bu adım adım kılavuza bakın veya bu eklentilerden birini kullanın. Bu önemlidir, çünkü üst tema dosyasını değiştirirseniz, temayı her güncellediğinizde tüm ayarlamaları kaybedersiniz. Buna ek olarak, sitenizin tam bir yedeklemesini yaptığınızdan ve güvenli bir yerde kaydedin. Bu şekilde bir hata durumunda her zaman oraya geri dönebilir ve sitenizi kurtarabilirsiniz.
1) Klasik Editör WordPress Classic Editor, WordPress için popüler bir içerik düzenleyicisidir. Bu eklenti, sitenizdeki HTML dosyalarını kolayca düzenlemenize olanak tanır. İlk olarak, sitenizdeki klasik düzenleyici eklentisini yükleyin ve etkinleştirin. Ardından, herhangi bir gönderi veya sayfayı açın ve iki mod göreceksiniz: görsel ve metin. Visual, ön uçta ne gördüğünüzü gösterir. Çeşitli başlıklar, görüntüler, kalın metin vb. Boyutlar göreceksiniz.
İyi olan şey, değişikliklerinizin hiçbir şey yayınlamak zorunda kalmadan nasıl görüleceğini görmek için görsel moda geçebilmenizdir.
Bundan sonra, AS HTML Düzenleme seçeneğini seçin. HTML öğesi modunu göreceksiniz ve ayarlayabilirsiniz. Değişikliklerden memnun kaldığınızda, görsel olarak düzenleme basarak görsel editörlere kolayca geri dönebilirsiniz. Gutenberg’i hızlı ve kolay kullanarak görebileceğiniz, ekleyin veya düzenleyebileceğiniz gibi. Yayınlamadan önce, her şeyin iyi göründüğünden emin olmak için her zaman önizlemeyi kontrol edin. 3) Diğer alternatif WordPress’teki HTML kaynak kodunu düzenleme WordPress’teki HTML kaynak kodunu düzenlemektir. Bu işlem eskisinden daha risklidir, çünkü ne yaptığınızı bilmiyorsanız sitenize zarar verebilirsiniz. HTML kaynak kodunu dört farklı yöntem kullanarak nasıl ayarlayabileceğinize bakalım. Gösterge Tablosu Dosya Düzenleyicisi FTP 3.1) Bu gösterge tablosu dosya düzenleyicisi, diğer web sitelerini ziyaret etmeden veya ek araçlara güvenmeden kaynak kodlarını düzenlemek için en kolay yöntemdir. WordPress kontrol panelinizde, görünümden açık> tema düzenleyicisi.
Sağ tarafta, tüm tema dosyalarını göreceksiniz.
Sağ üst köşede, temanızın dizini değiştirme seçeneğiniz de vardır.
Bizim durumumuzda yirmi yirmi temayı kullandık. Doğru temayı seçtikten sonra, düzenlemek istediğiniz klasörleri ve dosyaları seçin. Düzenlemek isteyebileceğiniz en yaygın dosyalardan bazıları şunlardır: İndex.php header.php Footer.php
Function.php
Style.css
Tema başlığınızı düzenlemek istediğinizi varsayalım, bu nedenle listeden header.php dosyasını seçin.
Genellikle, .php dosyası PHP ve aynı zamanda HTML, JavaScript (bazen) ve CSS (bazı durumlarda) gibi diğer diller içerir. Böylece HTML dosyalarını oradan düzenleyebilirsiniz. Yukarıda belirtildiği gibi, bir virgül veya apostrof web sitenize zarar verebilir, bu nedenle devam etmeye devam edin. 3.2) FTP Daha teknik bir yöntemi tercih ederseniz, HTML kodunu FTP istemcisiyle ayarlayabilirsiniz. Bunun için, en iyi FTP istemcilerinden biri olan FileZilla’yı, güvenli ve kullanıcı dostu kullanabilirsiniz. İlk olarak, FileZilla’yı indirin ve bir hesap oluşturun. Çoğu WordPress barındırma şirketleri size cpanel üzerinden ücretsiz FTP hesap erişimini sağlayacaktır. Bir ana bilgisayar adı, kullanıcı adı ve şifre oluşturduktan sonra sunucunuza bağlanın. Tema dosyalarınızı düzenlemek istiyorsanız, WP-Content klasör> temasını açın.
Yukarıdaki ekran görüntülerinde görebileceğiniz gibi, sitemizde dört tema var: GeneratePress, Yirmi Ondokuz, Yirmi Yirmi ve Yirmi Yirmi Bir. Tema klasörünü açarak GeneratePress dosyasını düzenlemek istediğimizi varsayalım.
Dosyayı düzenlemek için, üzerinde sağlayın ve SEE/DÜZENLE seçeneğini seçin. Örneğin, altbilgiyi düzenlemek için footer.php dosyasını düzenlemeniz gerekir. FileZilla, dosyayı aşağıda gösterildiği gibi metin düzenleyicisinde açacaktır. Bundan sonra, değişiklikler yapabilir, dosyaları kaydedebilir ve sunucuya geri yükleyebilirsiniz. 3.3) CPanel Çoğu barındırma şirketi müşterilerine cpanel erişim (kontrol paneli) sunar, bu nedenle bu, WordPress’te HTML kodunuzu düzenlemenin en iyi yoludur. Bunu yapmak için web barındırma hesabınızı girin ve cpanel’e erişin. Ardından, dosya yöneticisini açın.
Bundan sonra WP-Concent> temaları açın.
Ayarlamak istediğiniz temayı açın ve ardından değiştirmek istediğiniz dosyayı sağlayın ve düzenlemeye basın. Bu, dosyayı ayarlayabileceğiniz metin düzenleyicisinde açar. Değişiklik yaptıktan sonra dosyayı kaydetmeyi unutmayın. 4) Eklenti WordPress’te HTML kodunu düzenlemenin başka bir yolu bir eklenti kullanmaktır. WP Dosya Yöneticisi, ön panelinize FTP özelliğini sunan olağanüstü bir ücretsiz araçtır. Nasıl kullanılacağına bakalım. İlk olarak, WordPress sitenizi girin ve eklentileri açın> Yeni Ekleyin. Dosya yöneticilerini arayın, yükleyin ve etkinleştirin. Bundan sonra, kenar çubuğundan WP Dosya Yöneticisi seçeneğini seçin.Şimdi WP-Content dizini açın. Ardından, tema klasörünü açın ve değiştirmek istediğiniz klasörü seçin. Bizim durumumuzda Astra tema dosyalarını düzenleyeceğiz. Klasörü açtıktan sonra mevcut tüm dosyaları göreceksiniz. Düzenlemek istediğinizi bulduktan sonra, üzerine sağlayın ve kod düzenleyicisi seçeneğini seçin. Çoğu FTP programı gibi, bu eklenti de dizüstü bilgisayarınıza metin düzenleyici yazılımı yüklemenizi gerektirmez. Kılıfınızsa, eklenti dosyayı kodu düzenleyebileceğiniz web tabanlı metin düzenleyicisinde açacaktır. Dosyayı değiştirmeyi bitirdikten sonra kaydedin ve hepsi bu. 5) Widget Şimdi widget alanına HTML kodunu nasıl ekleyeceğinizi görelim. İlk olarak, görünüm> widget’lara gidin. Orada, tüm widget alanlarını göreceksiniz. Şimdi HTML widget’ı herhangi bir widget alanına ekleyin. Bu öğretici için kenar çubuğunu seçeceğiz. Başlığı koda ekleyebilir ve özel HTML kodunuzu girebilirsiniz. Kodu ekledikten sonra widget’ı kaydedin ve yapmaya hazırsınız. Bonus: WordPress WordPress’te CSS ve PHP’yi Düzenleme Dört Ana Dil Kullanarak: PHP HTML CSS Javascript Şimdiye kadar, WordPress’te HTML kodunun nasıl düzenleneceğini öğrendiniz. Bu bölümde, CSS ve PHP kodunuzu nasıl ayarlayabileceğinizi ve özel bir komut dosyası ekleyebileceğinizi göstereceğiz. Düzenleme ve CSS Kodunu Ekleme Yukarıda bahsettiğimiz yöntemden bağımsız olarak, sitenize özel CSS kodu eklemek için WordPress ayarlamalarını kullanabilirsiniz. Bunun için, WordPress kontrol panelinizde görünüm açın> özelleştirin. Ayarladıktan sonra ek bir CSS açın.
Orada sadece CSS kodunuzu girersiniz.
En iyi yanı, tüm değişiklikleri doğrudan önizleme modunda görebilmenizdir.
Değişikliklerden memnun olduğunuzda, yayın veya sayfayı güncelleyin/yayınlayın. Bu, web sitenize CSS kodu eklemenin en kolay yollarından biridir. Bu kodun style.css dosyasında kaplanacağını unutmayın. Not: DIVI veya AVADA gibi bazı WordPress temaları, CSS kodu eklemek için varsayılan özellik ile birlikte gelir, böylece ayarlamaları kullanmak yerine CSS kodunuzu girmek için tema panelini kullanabilirsiniz. PHP PHP kodunu düzenleme/ekleme WordPress’teki temel dildir. HTML’yi düzenlemeye benzer şekilde, mevcut PHP kodunu ayarlamak kolaydır. Bunu yukarıda açıklanan herhangi bir tema düzenleyicisini veya yöntemi kullanarak yapabilirsiniz. Bu bölümde, kod snippets adlı bir eklenti kullanarak PHP snippet’i nasıl ekleyeceğinizi göstereceğiz. İlk olarak, sitenizdeki kod görüntülerini yükleyin ve etkinleştirin.
Bundan sonra, eklenti ayarlarını açın ve sitenize yeni bir snippet girmek için Yeni Ekle’yi tıklayın. Neyi eklediğinizi hatırlamak için snippet adınızı verin, PHP kodunuzu yapıştırın ve snippet’i kaydedin.Bu öğretici için, sitemize özel bir resim boyutu eklemek için basit bir görüntü çektik.Bundan sonra basın ve bitirin!
Bu şekilde, WordPress sitenize sınırsız PHP kodu ekleyebilir ve istediğiniz kadar ayarlayabilirsiniz.Sonuç Genel olarak, HTML kodunu ayarlamak, siteniz üzerinde daha fazla kontrole sahip olmanıza ve işlevsellik ve problem çözme eklemenize yardımcı olabilir.En iyi bölüm WordPress’tir, HTML kodunu kolayca düzenleyebilir ve sitenizi kişiselleştirebilirsiniz.Bu rehberde, bunu yapmanın çeşitli yollarını gördük: Klasik bir WordPress editörü ile Block Editor Kullanma HTML Kaynak Kodunu Düzenle Eklentileri Kullanma Widget’a HTML ekleyin
