WordPress Sitenize CSS Custom nasıl eklenir: 3 Keşfedilmiş Yöntem

Kırmızı ile vurgulanan öğeler size vurguladığınız metin için geçerli olan özel bir tasarım tanımlayıcısı gösterdi. Örneğin, “yazı tipi boyutu” öğesi, vurgulanan metinde görüntülenen yazı tiplerinin 13 piksel (“13px”) olduğunu söyler. Tanımlayıcılar seçmenler tarafından kıvırcık parantezlerle çevrilidir. İlgili stil sayfası dosyasının adı, seçmenin sağında gösterilir. Tüm bu bilgilerle silahlandıktan sonra, tasarımı değiştirmek kolaydır. Örneğin, yazı tipini 13px’ten 14px’e değiştirmek istiyorsanız, seçmen (“#plugin-info .block-concent”) için sağda gösterilen stil sayfası dosyanızı arayabilirsiniz ve değiştirebilirsiniz ” 13px “ila” 14 piksel “. Aynı şeyi Firefox’ta yapabilirsiniz, sadece belirli bir sayfayı vurgulayabilir, sağa tıklayın, ardından görüntülenen menüden inceleme öğesini seçin. WordPress ve CSS’nin aynı şekilde iki WordPress teması olmadığını düşünerek birlikte nasıl çalışır. Bu nedenle, WordPress temanızın bir sonraki bölümde okuduğunuzla% 100 eşleşmeyebileceğini unutmayın.
Bu nedenle, büyük olasılıkla WordPress sitenizi görüntülemek için kullanılan CSS, style.css adlı bir dosyada bulunur. Bu, yalnızca WordPress siteleri değil, her türlü web sitesi için stil sayfası için ortak bir addır. Dosyayı görürseniz, temanız için kapsamlı bir ‘talimatlar’ içerdiğini göreceksiniz. Bu, CSS sözdizimini tam olarak tartışmak için bu öğreticinin kapsamı dışındadır, ancak daha derin öğrenmek istiyorsanız, burada W3Schools kurslarıyla başlamanızı öneririz. Bununla birlikte, CSS! Yöntem #1: Dosya Style.css Düzenleme için yukarıda belirtilen üç yönteme geçelim. Bunun bir yolu, WordPress Yönetici Gösterge Tablonuzdan yapmaktır. Sol navigasyon çubuğunda görünüm seçeneğini vurgulayın. Fly-out menüsü birkaç seçenek daha gösterecektir. Menünün altında, Editör seçeneğini göreceksiniz. Tıkla.
Editör sayfasında bulunduktan sonra, sayfanın sağ tarafındaki dikey çubukta bir dosya listesi göreceksiniz. Dosya listesini aşağı kaydırın. Sayfanın altında style.css göreceksiniz. Stil sayfası seçeneğini tıklarsanız, style.css dosyası ekranın ortasında yüklenir ve görüntülenir. Site tasarımınızda değişiklikler oluşturmak için dosyaları düzenlemek için ekranı kullanabilirsiniz, ancak bunu yapmanın daha iyi bir yolu vardır (yakında bunun hakkında daha fazla bilgi).
Stil sayfası bulmanın bir başka yolu da barındırma sağlayıcı işletim sisteminizi keşfetmek ve tema klasöründeki dosyaları aramaktır. Tam konum, barındırma sağlayıcınıza bağlı olarak değişecektir. Aşağıdaki örnekte, web sitesi adı (bizim durumumuzda) public_html klasörü altındaki bir klasördür. Site için WordPress yüklendiğinden, WP-Content klasörünü thecare altında görebilirsiniz. WP-Content klasörü altında, tüm WordPress temalarının yüklendiği temalar adı verilen başka bir klasör daha vardır. Site, Bulletin, Style.css adlı bir tema kullandığından, ana bülten ana klasöründe doğru bir şekilde konumlandırılmıştır. Bu noktada kendinize şunu sorabilirsiniz: “Neden bir bülten ve bülten-çocuklarının ana klasörü var?” Bu çok iyi bir soru ve yakında cevaplanacak. Yöntem #2: CSS’yi düzenlemek için bir çocuk teması kullanarak olağanüstü bir tema indirdiyseniz ve bazı değişiklikler yapmak istiyorsanız, bunu ana temayı (veya ebeveyni) düzenlemeden değil, bir çocuğun temasıyla yapmalısınız. Neden? Niye? Çünkü geliştiriciler genellikle hata iyileştirme ve tasarım değişiklikleri için temaları güncelleyebilirler. Ana temada bir değişiklik yaparsanız ve ardından bir güncelleme yüklerseniz, sıkı çalışmanız olarak gelirsiniz.