WordPress Kodu Nasıl Düzenlenir (HTML, CSS, PHP, JavaScript)
WordPress eklentileri, site işlevinizi genişletmeye yardımcı olur ve küçük bir işletme ile gelişmiş dijital işler yapın. Bununla birlikte, WordPress’te ve diğer kaynak kod kodunuzda HTML’nin nasıl düzenleneceğini bilmek çeşitli durumlarda çok yararlıdır.
Sitenizin tehlikeli kötü amaçlı yazılımlarla saldırıya uğradığını veya eklentinizi ve web sitesi grevinizi güncellediğinizi söyleyin. Belki sadece bazı gelişmiş ayarlamalar yapmak istersiniz. Bu örneklerden birinde, WordPress kodlaması bir sonraki adım olabilir. Neyse ki, yapmanın birçok yolu var.Bu yazıda, WordPress web sitesi kaynak kodunuza erişebileceğiniz ve düzenleyebileceğiniz çeşitli yollarla size rehberlik edeceğiz ve WordPress temanızı kodlamadan nasıl değiştirebileceğiniz. Başlayalım!
Bu makalede}
WordPress kaynak kodunuzu nasıl düzenleyeceğinizi öğrenmek neden önemlidir?
WordPress’te html nasıl düzenlenir
WordPress Tema Kaynak Kodunuzu Düzenleyerek Başlayın
Tema Düzenleyicisi aracılığıyla WordPress kaynak kodunuzu nasıl düzenlenir
WordPress JavaScript dosyanız nasıl düzenlenir
WordPress CSS nasıl düzenlenir
WordPress kaynak kodunuzu FTP üzerinden nasıl düzenleyebilirsiniz (4 adımda)
Kodlamadan WordPress temanızı nasıl düzenleyebilirsiniz?
Paketlemek
WordPress kodunu düzenlemek için eklenti
Kahraman CSS
Görsel CSS tarzı editör
Mikroterm
WordPress için Ana Tweaker
WP Buffs’taki ekibimiz, web sitenizin sahipleri, ajans ortakları ve serbest çalışan ortakları, sitenizin kaynak kodunu düzenleme ve sürdürme dahil olmak üzere sorunları çözmelerine yardımcı olur. Bir web sitesini yönetmemize veya 1.000 istemci sitesini desteklememize ihtiyacınız olsun, sizi destekliyoruz.
WordPress kaynak kodunuzu nasıl düzenleyeceğinizi öğrenmek neden önemlidir?
Varsayılan olarak, WordPress çok sezgisel ve kullanıcı dostu bir platformdur. Temalar ve eklentiler sayesinde bir kod satırına dokunmadan sitenizi ayarlamanın ve değiştirmenin birçok yolu vardır. Teknik olarak, tam işlevsel bir siteye sahip olmak ve iyi tasarlanmış için web sitesi dosyanıza veya kodunuza erişmeniz gerekmez. WordPress Gösterge Tablosu, Eklenti ve Temalar Sitenizin Ayarlama ve Kişiselleştirmesini Hızlı ve Kolay hale getirir
Ancak, daha fazla kontrol uygulamak ve daha fazla ayarlama yapmak isteyebileceğiniz zamanlar vardır. Belki yapmak istediğiniz değişiklik, kullandığınız tema veya eklenti ile ilgili bir seçenek değildir
Başka bir olasılık, sitenizin yönetici kontrol panelinize erişmenizi engelleyen grev veya diğer birçok hata yaşamaktır. Sorunları çözmek için WordPress kaynak kodunuzu düzenlemeniz gerekebilir
Bu gibi durumlarda, WordPress’te HTML’nin nasıl düzenleneceğini ve PHP, CSS ve JavaScript dahil olmak üzere diğer kaynak kodlarına nasıl erişileceğini ve nasıl değiştirileceğini bulmak çok yararlı olacaktır. Basitçe söylemek gerekirse, bazı temel WordPress kodlamasını incelemek, WordPress sitenizi tasarlamak, yönetmek ve sürdürmek için daha fazla kontrol ve esnekliğe sahip olmanızı sağlar.
WordPress’te html nasıl düzenlenir
İlk şey: WordPress’te HTML kodunuza nasıl erişeceğinizi tartışalım. Site kodunuzda değişiklik yapmanın her zaman bazı risklere neden olduğunu unutmayın. HTML’nizi düzenlemek, bu yazıda tartışacağımız diğer tekniklere kıyasla nispeten güvenlidir, ancak yine de devam etmek ve bir yedekleme yapmak için akıllıca.
Klasik bir WordPress düzenleyicisinde html nasıl düzenlenir
HTML sayfaları eklemek veya düzenlemek veya WordPress yayınlamak istiyorsanız, aslında web sitenizin kaynak koduna erişmeniz gerekmez. Klasik editörde, tek yapmanız gereken görsel editörden arkadaki metin düzenleyicisine geçmek. Bu, HTML’nin sahne arkasındaki çalışmaları gösterecektir: Metin düzenleyicisinden, herhangi bir sayfada HTML’ye erişebilir, değiştirebilir ve güncelleyebilirsiniz veya yalnızca birkaç tıklamayla yayınlayabilirsiniz. Görsel düzenleyiciye geri dönerek değişikliklerinizi istediğiniz zaman görebilirsiniz. Bittiğinde, yayınınızı veya sayfanızı kaydedin.
Sitenizi düzenlemek HTML oldukça kolaydır. Blogumuzda site kodunuzda nasıl basit değişiklikler yapacağınızı öğrenin! #Wordpress tweet için tıklayın WordPress Block Düzenleyicisinde HTML Nasıl Düzenlenir
Bir blok düzenleyicisi (Gutenberg) kullanıyorsanız, görsel bir düzenleyiciden metin düzenleyicisine (veya kod düzenleyicisine) geçiş yapmak birkaç adım daha gerektirir. Ancak, tüm sayfalarda veya yayınlarda değişiklik yapmak veya ayrı bloklar için HTML’nizi düzenlemek için birkaç seçeneğiniz de vardır.
HTML tüm sayfaları veya yayınları düzenlemek için, editörün sağ üst köşesinde bulunan üç dikey noktayı tıklayın, ardından kod düzenleyicisini seçin:
Bu, WordPress HTML düzenleyicisini açacaktır. Visual Editor’dan Metin Düzenleyicisine belirli bir blokta geçmek için, Block Tool çubuğundaki üç dikey noktayı tıklayın, ardından HTML AS Düzenle’yi seçin:
HTML’yi sayfaya veya gönderiye eklemenin bir başka yolu da özel bir HTML bloğu kullanmaktır: HTML kodunuzu doğrudan blokta yazabilir, ardından ön uçta nasıl göründüğünü görmek için önizlemeyi tıklayabilirsiniz: Bittiğinde, değişikliklerinizi gönderi veya sayfanıza kaydedin. WordPress’te ana sayfanız için HTML nasıl düzenlenir? Ana sayfanızda HTML nasıl düzenlenir? Bazı temalarda, ana sayfa kendi bireysel sayfası olarak hareket eder. Bu nedenle, HTML düzenleme işlemi yukarıda açıklananla aynıdır. Gösterge panelinizdeki listeden ilgili sayfayı seçin: Klasik veya blok editörlerine erişmek için ana yönetici bıçaklarındaki sayfaları ana yönetici bıçaklarındaki düzenleme bıçaklarını da tıklayabilirsiniz:
Bu seçeneklerden biri verandada HTML düzenlemeye hizmet etmezse, varsayılan ana sayfa düzenleyicisi ile bir sayfa üreticisi veya teması kullanabilirsiniz. Öyleyse, ilgili araçlar için belgelere başvurabilirsiniz.
WordPress Widget’ta HTML nasıl düzenlenir Son olarak, kenar çubuğunuza veya WordPress altbilginize HTML eklemek isteyebilirsiniz. Birçok WordPress teması, web sitenizin ana sayfasındaki içeriği kontrol etmek için widget bölümünü de kullanır. Bu veranda, başlık ve altbilgi ayarını özel bir HTML widget’ından yapabilirsiniz:
Sadece görünüm> widget’lara gidin, özel HTML widget’ını kenar çubuğunuza veya altbilginize ekleyin ve istediğiniz gibi düzenleyin. Sitenizde yayınlamak için Mavi Kaydet düğmesini tıklayın.
WordPress Tema Kaynak Kodunuzu Düzenleyerek Başlayın
WordPress temanız şablon dosyalarından oluşur. Bazen buna WordPress kaynak kodunuz diyoruz. Bunlar, WordPress sitenizden ham tema dosyaları (PHP) ve basamaklı stil sayfaları (CSS) ve JavaScript (JS) içerir. Bu bileşeni (veya WordPress’teki varsayılan şablon) düzenlemek istiyorsanız, tema dosyasına erişmenin iki ana yolu vardır:
WordPress Kaynak Kodu dosyasını doğrudan herhangi bir web tarayıcısını kullanarak gösterge panelinizdeki WordPress kaynak kodu dosyasını doğrudan düzenlemenize olanak tanıyan WordPress kaynak kodu dosyasını kullanarak. Sizi barındırma.
WordPress tema düzenleyicisinden başlayarak, bu yöntemlerin her birinin yolunda size rehberlik edeceğiz. Ancak, başlamadan önce yapılmasını önerdiğimiz iki adım vardır.
Birincisi, sitenizin bir yedeklemesini yapmaktır. Bu, kaynak kodunuzu düzenlerken kaotik bir şey varsa geri dönmek için içeriğinizin ve ayarlarınızın en son sürümüne sahip olduğunuzdan emin olacaktır.
İkincisi bir çocuğun teması yapmaktır. WordPress temasını değiştirdiğinizde, en iyi uygulama çocuğun temasında değişiklik yapmaktır. Değilse, temayı bir dahaki sefere güncellediğinizde, değişikliğinizin üzerine yazılacaktır.
Bu adımları attıktan sonra başlamaya hazırsınız. Her şeyden önce, WordPress temanızı doğrudan gösterge panelinizden nasıl düzenleyeceğinize bakalım.
Tema Düzenleyicisi aracılığıyla WordPress kaynak kodunuzu nasıl düzenlenir
Buna alışmıyorsanız, WordPress, tema dosyalarınızı çevrimiçi olarak değiştirmenizi sağlayan varsayılan bir düzenleyici ile gönderilir. Tema düzenleyicisinde PHP, CSS, JavaScript ve temanızı oluşturan diğer tüm geliştirme dosyalarına erişebilirsiniz. İşte nasıl yapılacağı.
Tema düzenleyicisine erişin
WordPress siteniz hala etkin ve çalışıyorsa ve arkaya erişebiliyorsanız, sitenizin kaynak kodunu görünüm altında bulabilirsiniz> Tema Düzenleyicisi:
Bu düzenleme alanında, tasarımınıza ve yapınıza göre istediğiniz değişiklikleri yapabilirsiniz: Birkaç temanız varsa veya yetişkin/çocuk temalarının bir kombinasyonunu kullanın, editörün sağ üst köşesindeki temalar arasında geçiş yapabilirsiniz:
Düzenleme için belirli bir tema dosyası seçmek için, editörün sağındaki listeden seçebilirsiniz:
Burada bulunan tam dosya temanıza bağlı olacaktır, ancak en azından göreceksiniz:
Style.css: Bu, tema yazı tipi ve renk şeması gibi tasarımla ilgili birçok özellik içeren stil sayfanızdır. Functions.php: Dosya Teması İşlevi Temanız Varsayılan WordPress özelliğini değiştiren bir PHP kodu içerir. Tema düzenleyicisindeki WordPress kaynak kodunu düzenlemeyi bitirdikten sonra değişikliklerinizi kaydettiğinizden emin olun. Bunu yapmak için ekranın altındaki Dosya Güncelleme düğmesini tıklamanız yeterlidir. Kodda bir hata görürseniz WordPress değişikliklerinizi saklamanızı engeller. Bu, tema düzenleyicisini kullanmayı WordPress kodunuzu FTP aracılığıyla düzenlemekten biraz daha güvenli hale getiren şeyin bir parçasıdır. Tema düzenleyiciniz yoksa ne yapmalı
Tema düzenleyicisi görünüm altında görünmüyorsa, temanız biraz farklı çalışabilir. Bu, tema dosyalarını doğrudan düzenleyemeyeceğiniz anlamına gelmez. Sadece nerede arayacağınızı bilmeniz gerekiyor.
Sitenizin gösterge panelinizdeki başka yerlerde özel bir WordPress kod düzenleyicisi kullanıp kullanmadığını kontrol edin. Veya tema düzenleyicisinin kullanımı siteniz için devre dışı bırakılmış olabilir. Örneğin, bazı güvenlik eklentileri WordPress’i ‘güçlendirmek’ ve saldırganların sitenize sızmasını zorlaştırmak için bu seçeneği gizler. Belki de WordPress tema düzenleyicinizin kaybolmasının veya erişilememesinin başka nedenleri de vardır. WordPress topluluğundaki başkalarına, özellikle de kullandığınız temaya veya eklentiye erişimi olanlara, ortamınızda bu özelliği gizleyen benzersiz bir şey olup olmadığını görmek için ulaşmanızı öneririz.
WordPress JavaScript dosyanız nasıl düzenlenir
JavaScript’i WordPress sitenizde herhangi bir yerde kullanmadan önce, JavaScript kodunuzu içeren bir dosyanız olmalıdır. Çoğu, hepsi olmasa da, tema başka bir yerde barındırılabilen ve header.php, footer.php veya diğer şablon dosyalarındaki kodla ‘çağrılabilecek birkaç JavaScript dosyası ile gönderilir.
Kendi JavaScript’inizi yazarsanız, dosya listenizi görebileceğiniz WordPress’teki çalışmanıza erişebilirsiniz. Bunlardan birini açabilir ve doğrudan tema düzenleyicisini kullanarak istediğiniz değişiklikleri yapabilirsiniz. Tüm JavaScript dosyaları .js uzantısı ile biter:
JavaScript’i üçüncü bir taraf eklentisi kullanarak eklerseniz, yalnızca başka bir yerde yayınlanan harici bir dosyayı aramanız gerekir. Yazılı JavaScript’i kullanmak için, kullanmak istediğiniz her yerde bir dosyayı çağırmalısınız.
Kodu yüklemek istediğiniz yere yüklemek istediğiniz yere (sayfanızı ilgili dosya konumuna yönlendiren) aşağıdaki komut dosyasını (sayfanızı ilgili dosya konumuna yönlendiren) koyarak JavaScript’i arayabilirsiniz:
JavaScript dosyanızı aramak için en iyi yer, komut dosyasını nasıl kullanmak istediğinize bağlıdır. Örneğin, tüm sitelerinize veya yalnızca bir kez birkaç kez uygulayabilirsiniz.
WordPress üstbilginize veya altbilginize javascript nasıl eklenir
JavaScript’i birçok yerde kullanmak da dahil olmak üzere web sitenizdeki üstbilgi veya altbilgide değişiklik yapmak istiyorsanız, bunu temanızdaki header.php ve footer.php dosyalarında yapabilirsiniz.
Birçok üçüncü taraf aracı, site başlığınıza kod eklemenizi gerektirir. Kısacası, bu, Header.php dosyalarıyla (tema düzenleyicinizin sağına kaydedilmesi gerekir), özellikle etiketle çevrili alanla çalışacağınız anlamına gelir: Başlık dosyasına JavaScript eklediğinizde, kodu bu iki etiket arasındaki bir yere yerleştirdiğinizden emin olun (açılış etiketinin ardından veya altında ve kapanış etiketinin üstünde veya daha önce).
Etiketleri bulmak zor olabilir. Eğer bulmakta zorlanıyorsanız, düzenleyiciyi tıkladıktan sonra komut (veya kontrol) + f düğmesine basın. Ardından, arama çubuğuna sadece “kafa” yazarak bulabilirsiniz.
İşte etiketin hemen üzerine Google Code Etiket Yöneticisi ve AHREFS doğrulama kodunu nasıl eklediğimiz bir örnek:
Altbilgiyi aynı şekilde düzenleyebilirsiniz-sadece header.php yerine footer.php dosyasını seçin:
Değişiklikleri kaydettikten sonra, son adım, kodunuzun eklendiğinden emin olmak için yeniden kontrol etmektir. Bunu yapmak için ana sayfanızı açın ve kaynak kodunu görün. Geçmiş için tekrar, etiketi bulmak için bir komut + F kısayolu kullanabilirsiniz, ardından kodunuzun başarıyla eklendiğinden emin olmak için hemen üzerinde kontrol edebilirsiniz. Her şeyin doğru görünmesi için tarayıcı önbelleğini boşaltmanız gerekebilir.
Eklentiler kullanarak üstbilgi ve altbilgi komut dosyaları nasıl eklenir
Başlık ve altbilgi komut dosyaları eklemek tek seçeneğiniz değildir. Bu görevlere yardımcı olacak bir eklenti var ve bazı temalar ve çerçeveler böyle doğuştan gelen bir işlevle donatılmıştır. Örneğin, Genesis Framework kullanıyorsanız, varsayılan düzenleyici aracılığıyla başlık komut dosyaları ve altbilgi eklemek yeterlidir. Ancak, eklentiler aracılığıyla herhangi bir tema için aynı işlevi kullanabilirsiniz.
Bu yöntem faydalıdır, çünkü WordPress genellikle güncelleme sırasında Header.php dosyanız olarak gelir. Bir eklenti (veya böyle bir eklentiyi taklit eden bazı harici işlevler) kullanarak, kendiniz için daha az iş garanti edersiniz. Kodunuzu manuel olarak geri eklemek zorunda kalmadan endişe etmeden WordPress Core’u güncelleyebilirsiniz.
Bu çözüm ilginç geliyorsa, ekleme başlıkları ve altbilgi eklentisini öneririz: Bu, WordPress sitenize veya altbilginize kolayca basit bir kod eklemek için ücretsiz bir yol sağlar. Google Analytics komut dosyası, AdSense kodu veya herhangi bir üçüncü taraf entegrasyon kodunu eklemeye çalışın, bu eklenti bunu yalnızca birkaç tıklama ile yapabilir. Eklentiyi yükledikten ve etkinleştirdikten sonra, Ayarlar> Başlıklar ve Altbilgiler Ekle: Web sitenizin başlıklarına, gövdeye ve altbilgisine komut dosyası ekleyebileceğiniz bir metin alanı olacaktır. Bittiğinde Kaydet düğmesini tıklayın.
WordPress Post ve Page’a javascript nasıl eklenir
Tüm web sitelerinizde kullanılmak üzere header.php veya footer.php dosyasına girmek yerine, WordPress gönderisine veya sayfaya tek tek JavaScript ekleyebilirsiniz. Bunu yapmak için:
JavaScript’inizi WordPress tema dosyalarınızdan birine ekleyin (veya yeni bir tane için)
Gönderinizden veya sayfanızdan dosyaları arayın
Peki, JavaScript dosyanızı yayınınızdan nasıl çağırıyorsunuz? Bunun bir yolu, özel alanlar özelliğini bir tür WordPress JavaScript widget’ı olarak kullanmaktır. Blok düzenleyicisinde, bir römorkör heeding menüsünü başlatmak için üç dikey noktayı tıklayın, ardından şu seçeneği seçin:
Seçenek menüsünün altında, Gelişmiş Panel altında özel alanın yanındaki kutuyu kontrol edin:
Alanınıza bir isim verin. Ardından, JavaScript görüntülerinizi bir değer olarak girin. Bittiğinde, değişikliklerinizi kaydetmek için Özel Alan Ekle’yi tıklayın. Şimdi, özel JavaScript’inizi sayfanın herhangi bir yerinde kullanabilirsiniz. Bunu yapmak için, kullandığınız temayı ayarlayan bir şablon etiketi kullanmalısınız. Ayrıca, adınıza özel alanları yöneten eklentileri de kullanmayı seçebilirsiniz.
WordPress sitenizi nasıl düzenleyebilirsiniz CSS
WordPress sitenizi CSS düzenleme işlemi, JavaScript’inizi değiştirmeye çok benzer. Bunu yapmak için kullanabileceğiniz üç yöntem vardır: CSS dosyanızı tema düzenleyicisinde düzenleyin
WordPress Ayarında temanızdaki varsayılan CSS düzenleyicisini kullanın
Bir eklenti kullanarak CSS ekleyin
Hangi yöntem, planladığınız düzenleme seviyesine ve ne sıklıkta değişiklik yapmak istediğinize bağlı olmanız için en uygun olanıdır. WordPress CSS’nizi tema düzenleyicisi aracılığıyla nasıl düzenlenir WordPress site temanız için kullanılan tüm CSS dosyaları tema düzenleyicisinde (görünüm> tema düzenleyicisi) bulunabilir. Sağdaki listede, .css uzantısı ile biten bir dosya bulun: Editörde istediğiniz değişiklikleri yapabilirsiniz. Bittiğinde, değişikliklerinizi kaydetmek için dosyayı güncelleyin.
WordPress CSS’nizi WordPress Ayarlaması aracılığıyla nasıl düzenlenir
WordPress tema düzenleyicisinin yanı sıra, WordPress Customerer’ı kullanarak CSS’nizi de değiştirebilirsiniz. Erişmek için görünüşe gidin> WordPress kontrol panelinizden özelleştirin:
Ardından, sol gezinme panelinin altındaki ek CSS’yi tıklayın:
Kod Düzenleyicisi, özel CSS ekleyebileceğiniz yere açılacaktır:
Gördüğünüz gibi, bu editör oldukça küçüktür ve çoğu sitenizin kapsamlı stilini yeniden yazmak yerine küçük değişiklikler için tasarlanmıştır. Tema düzenleyicisinde büyük ölçekli değişiklikler yapmak veya eklentileri kullanmak daha kolay olacaktır.
Ayarlamaya özel bir CSS eklemeyi bitirdikten sonra, değişikliklerinizi kaydetmek için verim düğmesini tıklayın.
WordPress CSS’nizi eklenti kullanarak nasıl düzenlenir
Tema dosyasını doğrudan düzenlemeden sitenizin görünümünü ayarlamak istiyorsanız, eklentileri de kullanabilirsiniz. Sınırlı CSS bilginiz varsa bu yöntem çok kullanışlıdır. Bu, sitenizin stilinde düzenli olarak değişiklik yapmayı planlıyorsanız da idealdir, çünkü eklemenizi ayarlamanızı kolaylaştırır. Örneğin, CSS Hero, tasarımınızın ve stilinizin tüm yönlerini değiştirmeden düzenlemenizi sağlayan sezgisel bir araçtır. Tema Dosyaları:
Bu, farklı sürümler de dahil olmak üzere değişikliklerinizden anlık görüntüleri kaydetmenizi ve bunları doğrudan teşvik etmenizi sağlayan doğrudan bir WordPress tema düzenleyicisidir. Bu, temanıza dahil olan orijinal stil sayfasının yerini alan ek bir CSS tarzı sayfa oluşturur. Bu nedenle, CSS dosyanızı doğrudan düzenleyerek kalıcı hasara neden olma konusunda endişelenmenize gerek yoktur. CSS Hero özellikleri şunları içerir:
Daha önce yapılmış ve düzenlenebilen stil görüntüleri
Google Font ve TypeKit’in entegrasyonu ve desteği Yaparken değişikliklerinizin önizlemesini görmek için ön ucun görsel editörü Başlamak için doğrudan demoyu deneyebilirsiniz. CSS Hero satın almaya hazırsanız, aralarından seçim yapabileceğiniz birkaç fiyat paketiniz var. Eklentiyi indirdikten sonra, diğerlerini yaptığınız gibi WordPress sitenize yükleyebilir ve yükleyebilirsiniz. Yalnızca bir paket satın aldığınızda verilecek lisans anahtarını girmeniz gerekir.
WordPress kaynak kodunuzu FTP üzerinden nasıl düzenleyebilirsiniz
Bu yayında daha önce hatırlayabileceğiniz gibi, WordPress tema düzenleyicisini kullanmak, web sitenizin kaynak koduna erişmek ve değiştirmek için yalnızca bir yöntemdir. Başka bir yol, Filezilla gibi FTP istemcilerini kullanmaktır. Bu tür bir araç, orada depolanan dosyalara ulaşmak için web sitesi sunucunuza bağlanmanıza olanak tanır. Bu yaklaşım, dosyalarınızda yerel olarak değişiklik yapmayı, ardından WordPress barındırma ortamınıza değiştirilmiş dosyaları yeniden yüklemeyi içerir. Sitenize geri uçtan erişemiyorsanız veya PSD> WordPress çalışması yaparsanız bu anahtardır.
FTP’yi dört adımda nasıl başlatacağınız aşağıda açıklanmıştır.
1. Adım: FTP kimlik bilgilerinizi bulun veya oluşturun İlk olarak, sunucunuza FTP üzerinden bağlanmak için, kullanıcı adları, şifreler ve ana bilgisayar adları dahil olmak üzere FTP kimlik bilgilerinize ihtiyacınız vardır. Hosting hesabınızda kayıtlı bulabilmelisiniz.
Değilse, Dosya> FTP hesabı altında CPanel’de kullanıcı adınızı ve şifrenizi oluşturabilirsiniz:
Bu simgeyi tıklayın, ardından FTP ekle hesabı seçin:
Sayfada FTP hesabını ekleyin, aşağıdakileri tamamlayın:
FTP kullanıcı adınıza benzersiz bir kimlik ekleyin. FTP kullanıcı adınız [e -posta korumalı] olacaktır, bu nedenle güvenli bir konuma kopyalayın/yapıştırın.
Güçlü bir şifre yapın. 100/100 kuvvet derecesi alan bir şifre yapmak için bir şifre üreticisi kullanmanızı öneririz. Bu FTP şifreniz olacaktır, bu nedenle güvenli bir konuma kopyalayın/yapıştırın.
Dizin uzantıları için daima public_html kullanın.
Kotanız her zaman sınırsız olmalıdır.
Bir FTP hesabı oluşturun ve bitirin! FTP giriş bilgileri yapmakta zorlanıyorsanız, Google’a “[barındırma sağlayıcınız] ftp” e gitmek isteyebilirsiniz. Genellikle, bu en az birkaç makale ve yararlı yönerge sunacaktır. Örneğin, siteground* bu alanda çok fazla destek sağlar:
Destek belgelerini bulamıyorsanız, yardım almak için her zaman doğrudan barındırma sağlayıcınızla iletişime geçebilirsiniz.
2. Adım: Filezilla gibi FTP istemcilerini indirin
FTP giriş kimlik bilgilerinizi aldıktan sonra, bir sonraki adım FTP istemcisini FileZilla gibi indirmektir:
Bu, bilgisayarınız ve sitenizin sunucusu arasında dosyaları ileri geri aktarmanızı sağlayan ücretsiz bir FTP çözümüdür. Ancak, başka FTP istemcileri de var, bu yüzden lütfen ihtiyaçlarınız için en uygun olanlardan birini kullanın.
Adım 3: FileZilla üzerinden web barındırma ortamınızı girin FileZilla indirildikten sonra, FTP ana bilgisayarının, kullanıcı adının ve şifrenizin adını açın ve girin. Tüm bu bilgileri 1. adımda toplamalısınız: CPanel’iniz bir IP adresi içeriyorsa, bunu ana bilgisayar olarak da kullanabilirsiniz. Bu kimlik bilgisini girdikten sonra QuickConnect düğmesini tıklayın:
Bu, sizi birkaç saniye içinde sunucunuza bağlar.
4. Adım: Dosyanızı Düzenle
Girdikten sonra, WordPress kaynak dosyanıza erişiminiz vardır ve HTML, CSS, PHP ve JS düzenlemesini isteklerinize göre yapabilir. Herhangi bir dosyaya sağ tıklayın ve görünüm/düzenle seçin:
Değişiklikler yaptıktan sonra (yine, web sitenizi beyaz oluşturmamaya dikkat edin), dosyaları kaydedebilirsiniz. Daha sonra FileZilla otomatik olarak yeniden oluşturulur ve eski sürümü değiştirir.
WordPress temanızı kodlama kelimesi olmadan nasıl düzenlenir, açık kaynaklı bir platformdur, bu da onu çok esnek ve güçlü hale getirir. Bununla birlikte, bazı insanlar için WordPress kodlamasının korkutucu bir şey olabileceğini anlıyoruz. Neyse ki, sitenizin kaynak kodunu manipüle ederek rahatsız hissetmiyorsanız, yine de kapsamlı değişiklikler yapabilirsiniz.
Eğlenceli gerçek: #WordPress temasını yeni başlayan ve kodlamadan düzenleyebilirsiniz. Bunu biliyor musun? Zihinlerimiz de ilk başta rüzgar tarafından üflendi. Tweet için tıklayın Özel bir kodla mümkün olduğunca fazla değiştiremeyecek olsanız da, WordPress ayarlamasıyla hala yapabileceğiniz çok şey var. Bir kez daha, görünüm altında bulunur> Özelleştirin:
Bu alanda, seçtiğiniz WordPress temasını ayarlamak için rehberli yöntemi göreceksiniz. Sitenin kimliği altında – adınızı, sloganınızı ve web sitenizi simgeni değiştirmenizi sağlayan yüksek seviyeli bir öğe ile başlayabilirsiniz, ardından Sitenin, menülerin, ana sayfaların vb. Rengini değiştirebilirsiniz.
Ancak, ayarlamalarla sağlanandan daha fazlasını yapmak istiyorsanız, ek eklentiler de kullanabilirsiniz. Oradaki en yararlı olanlardan bazılarını görelim. Kodlamadan WordPress temanızı düzenlemek için eklenti
Daha önce de belirttiğimiz gibi, sitenizin görünümünü herhangi bir kodlamadan ayarlamanıza yardımcı olabilecek birçok eklenti ve araç var. Yukarıdaki JavaScript ve CSS Düzenleme bölümünde bazılarını vurguladık.
Görsel stil editörü arıyorsanız, güçlü bir freemium seçeneği YellowPenm eklentisidir: Bu CSS WordPress Style Editor eklentisi, sitenizi hızlı ve kolay hale getirir. Kodlamadan herhangi bir sayfada veya temada değişiklik yapabilirsiniz. Ayrıca, önizleme değişikliklerini gerçek zamanlı olarak görebilirsiniz. Mevcut ücretsiz ve premium sürümler vardır. Dikkate alınması gereken diğer seçenekler Microtemer WordPress CSS Düzenleyicisi: Bu eklenti, duyarlı bir tasarım ve işlevsellik kafesi görüntüleyen ve hassasiyet ve rahatlığa ayarlamanıza izin veren bir nokta tıklaması tıklatan WordPress için doğrudan bir CSS editörüdür. Bir Elementor veya Beaver Builder gibi bir sayfa üreticisi kullanıyorsanız, bu sağlam bir seçenektir, çünkü doğuştan entegrasyonla donatılmıştır.
Son olarak, sitenin stilinden ve görünümünden daha fazlasını değiştirmek istiyorsanız, Ultimate Tweaker’ı kullanabilirsiniz:
Bu premium eklenti, HTML madenci araçları, sürükleme ve gevşek arayüzler, özel simgeler ve daha fazlasını içerir. Özelliklerin ve işlevselliğin daha iyi bir resmini elde etmek için eklenti demosunu keşfetmenizi öneririz. Paketlemek
WordPress eklentileri, web sitenizdeki birçok görevi yerine getirmenizi sağlar. Ancak, sitenizin kaynak koduna erişmeniz ve düzenlemeniz gereken bazı durumlar vardır.
Bu yazıda tartıştığımız gibi, WordPress ve FTP tema editörleri, WordPress site kaynak kodunuza erişmenin ve HTML, CSS, PHP ve JavaScript’te değişiklik yapmanın en iyi yoludur. Sonsuz görünen eklenti seçeneklerinin gücüne ek olarak, bu size sitenizle ilgili her şeyi tam olarak ayarlama yeteneği sağlayacaktır.
Ancak, WordPress kaynak kodunu düzenleme düşüncesi korkutucusa veya tema düzenleyicisi ihtiyaçlarınız için yeterince güçlü değilse, yardımcı olmak için buradayız.WP Buffs’ta, tüm bakım ve ayarlama ihtiyaçlarınızda size yardımcı olacak 7/24 bakım ve destek paketi sunuyoruz! Yanıtınızı vermek veya sohbete katılmak ister misiniz?Twitter’a yorumlarınızı ekleyin.
