Wordpress platformunda bir siteniz varsa, muhtemelen blogunuzdaki şablonun süresiz olarak değiştirilebileceğini biliyorsunuzdur, çünkü mükemmelliğin sınırı yoktur. Bu platform, özellikle dış görünüm geleneksel programlar kullanılarak düzenlenebildiğinden, web yöneticisi için hızla öğrenilen bir araç haline geldi.
Gerekli
- Yazılım:
- - İnternet tarayıcısı Firefox;
- - Eklenti Firebug.
Talimatlar
Aşama 1
Birçok web yöneticisi, sörf yapmak ve site oluşturmak için ideal tarayıcının Mozilla'dan bir ürün olduğunu söylüyor. Firefox belki de bu kadar çok uygulamayı ve eklentiyi destekleyen tek programdır. Şablonları herhangi bir platformda düzenlemek için, sitede herhangi bir şablon parametresini görüntülemenize ve düzenlemenize izin veren Firebug eklentisine ihtiyacınız vardır.
Adım 2
Yüklemek için, tarayıcının en üstteki "Araçlar" menüsünü tıklamanız ve "Eklentiler" öğesini seçmeniz veya Ctrl + Shift + A tuş bileşimine basmanız gerekir. Açılan pencerede indirilmesini beklemeyin. Firefox için önerilen uygulamalar için, imleci "Mevcut eklentiler arasında ara" metninin bulunduğu alana getirmeli ve Firebug'u tanıtmalısınız.
Aşama 3
Arama sonuçları listesinde, Firebug öğesinin karşısındaki düğmeyi tıklayın. Bu eklentiyi indirdikten sonra Restart Now butonu aktif hale gelecektir. Değişiklikleri uygulamak için tıklayın. Herhangi bir nedenle bu uygulama arama sonuçlarında görünmüyorsa, resmi Mozilla web sitesine gidin ve aşağıdaki bağlantıdan Firebug'u yükleyin
4. Adım
Bu eklentiyi kurduktan sonra, tarayıcı penceresinin altında böcek resmi olan küçük bir simge görünecek, üzerine tıklayın - eklenti aktif hale gelecektir. Örneğin, sitenizin ana sayfasındaki bağlantıların görüntüsünü değiştirmek istiyorsanız, 2 bölüme ayrılmış "bug" penceresinde bu öğenin kodunu bulmak için dönüşümlü olarak Html ve Stil seçmelisiniz. Şimdi pencerenin bir bölümünde html kodu görüntülenecek, başka bir bölümde style.css dosyalarından gelen kod görünecek.
Adım 5
Html bloğunda, dosyada gezinin, blokları periyodik olarak tıklayın, "hata" daki bloklardan birine tıkladıktan sonra sayfada aynı bloğun bir seçiminin görüneceğini göreceksiniz. Bu şekilde, kodunu bilmediğiniz düzenlenebilir bir öğe bulmak oldukça kolaydır.
6. Adım
İstediğiniz kod bloğunu bulduktan sonra, imleci bitişik pencereye (Stil) getirin. Burada belirli bir blok için tüm görüntüleme seçeneklerini göreceksiniz, örneğin yazı tipi boyutu, yazı tipi boyutu öğesinden başka bir şey değildir. Artırmak istiyorsanız, zaten var olan değere birkaç birim ekleyin. Lütfen sadece numarayı değiştirmeniz gerektiğini, px kısaltmasına (piksel atama) dokunulmaması gerektiğini unutmayın.
7. Adım
Aynı blokta, aralarında dolgu, kenar boşluğu vb. Olabilecek tüm unsurlara dikkat edin. Size yabancı olan öğelerin adlarını anlamak için özel bir çevrimiçi komut referansı kullanmanız önerilir - https://htmlbook.ru. Bu bağlantıyı takip edin, sağ üst köşede bir "Site Arama" alanı var. Aradığınız komutu girin ve Enter tuşuna basın.
8. Adım
Arama sonuçlarında bu öğenin varyasyonlarını göreceksiniz. Örneğin, kenar boşluğu öğesinin ne anlama geldiğini merak ediyorsunuz. Bu kelimeyi arama alanına girin ve Enter tuşuna basın. Arama sonuçlarından ilk CSS bağlantısını seçin - kenar boşluğu. Bu bağlantıyı takip ettikten sonra, bu komuta alışabilecek ve uygulaması hakkında her şeyi öğrenebileceksiniz.
