Temel Bilgi Wordpress

Dünyanın en güvenli blog altyapılarından biri olan Wordpress, kendi başına bir derya. Wordpress deryasında kaybolmak istemiyorsanız, bazı temel bilgileri bilmek işinizi kolaylaştırır.

‘’Nedir bu temel bilgiler ?’’ diye soracak olursanız, ‘’Tema yüklemek, eklenti yüklemek, siteye yazı girmek’’ gibi işlemleri sayabilirim.

Bu temel bilgileri bilmediğiniz takdirde kompleks bilgilerde de zorlanma yaşarsınız. Örneğin, size Wordpress güvenliği sağlama ile ilgili bilgi verirken bir eklenti yüklemenizi istediğimde, sizin eklenti yüklemeyi bildiğinizi kabul ederim.

Bu tarz sebeplerden dolayı temel bilgileri iyi kavrayın ki, kompleks rehberlerde sorun yaşamayın. Sizlere bu kategoride, ihtiyacınız olan bütün Wordpress temel bilgilerini sunmaya çalışacağım. Birlikte bir bina inşa eder gibi önce temelden başlayacağız, daha sonra kompleks rehberler ile binamıza kat çıkacağız. Bu kategoride özellikle her bloggerın okumasını önerdiğim Wordpress Site Hızlandırma makalesi olacaktır.

Bu özellik, seafoodplus.info Premium, Kurumsal ve e-Ticaret paketlerimize sahip sitelerde kullanılabilir. Sitenizde eski paketlerimizden birini kullanıyorsanız Pro paketinde kullanılabilir.

CSS veya Basamaklı Stil Sayfaları, HTML içeriğine stil kuralları uygulamanın bir yoludur. Bu sayfa, seçiciler ve sıralama gibi CSS ile ilgili birkaç temel bilgiyi kapsar.

seafoodplus.info panonuzun sol kenar çubuğundaki Görünüm → Ek CSS&#;ye giderek özel CSS ekleyebilirsiniz.

İçerik tablosu

Seçiciler
Sıralama Önemlidir
Test İle İlgili İpuçları
Ek Kaynaklar

Seçiciler

Seçiciler, hangi HTML&#;in stilinin değiştirileceğini hedeflemek için kullanılır. Stil kurallarını ayarlamak için özellikler ve değerler kullanılır.

Üç tür seçici vardır:

Aşağıda bazı örnekleri görebilirsiniz.

HTML etiketi seçici:

HTML etiketi seçici CSS&#;si:

Burada, metni kırmızı olarak ve % yazı tipi boyutuyla, HTML etiketi seçicinin nasıl olduğunu görüyorsunuz:

Örnek paragraf.

Sınıf ve kimlik seçici HTML&#;i:

Sınıf ve kimlik seçici CSS&#;si:

Burada söz konusu sınıf ve kimlik seçicilerin nasıl olduğunu görüyorsunuz:

Bu, &#;uyarı&#; adlı bir sınıfa sahip paragraftır.

Bu, &#;tehlike&#; adlı bir kimliğe sahip paragraftır.

WordPress düzenleyicideki Ek CSS Sınıfları özelliğini kullanarak sitenizdeki öğelere kendi CSS sınıflarınızı ekleyebilirsiniz.

Sıralama Önemlidir

CSS&#;deki &#;basamaklı&#;, bir tarayıcının hangi stil kurallarının uygulanacağını nasıl belirlediğini ifade eder. Her stil, seçicinin ne kadar önemli olduğuna, ne kadar spesifik olduğuna ve CSS&#;nin sırasına göre uygulanır.

Kimlik seçiciler sınıf seçicilerden daha önemlidir, sınıf seçiciler de HTML etiketi seçicilerden daha önemlidir. Bu nedenle, aşağıdaki örnekte, kimlik seçici en önemli öğe olduğu için paragraf kırmızı olarak görünür.

Değere &#;!important&#; ifadesini ekleyerek önemi geçersiz kılabilirsiniz, ancak bu kesinlikle gerekli olmadıkça önerilmez, çünkü çok fazla !important kuralı eklemeye başlarsanız, düzenleme ve hata ayıklama çok hızlı bir şekilde kafa karıştırıcı hale gelebilir.

Daha spesifik seçiciler, daha az spesifik olanlardan önce uygulanır. En içteki HTML öğeleri en spesifik olanlardır.

etiketi, iç HTML&#;ye etiketinden daha yakın olduğundan kuralı kullanılacaktır:

Ancak &#;&#; gibi daha spesifik bir seçici kullanırsanız, gibi bir tür seçiciden daha spesifik olduğu için o kullanılır.

Son olarak, kuralların sırası önemlidir. Aynı kural birden fazla kez görünüyorsa, son kural kullanılır. Aşağıdaki örnekte, yalnızca son kural geçerli olacak ve seafoodplus.info CSS düzenleyicisi ilk iki kopyayı kaldıracaktır.

Test İle İlgili İpucu

Herhangi bir CSS teması uygulanmadan temanızın nasıl göründüğünü anlamak için Görünüm → Ek CSS&#;ye gidin, düzenleyicideki her şeyi geçici olarak kaldırın ve &#; Temanın orijinal CSS&#;sini kullanma&#;yı seçin. Tümüyle sade, yalnızca HTML içeren, stili olmayan bir web sayfası görürsünüz. Bu size mevcut temanın HTML yapısı hakkında temel bir fikir verecektir. Yalnızca temel yapıyı önizlemek istiyorsanız değişiklikleri kaydetmeyin. Yeni başlama ve CSS temasını değiştirme seçeneği, herhangi bir seafoodplus.info temasını CSS ile sıfırdan tamamen yeniden biçimlendirmek için kullanılabilecek gelişmiş bir seçenektir.

Ek Kaynaklar

Yeterli oranda CSS bilginiz varsa seafoodplus.info&#;da CSS kullanmaya başlayabilirsiniz. Diğer seafoodplus.info CSS düzenleme seçenekleri ve ayarları hakkında bilgi edinmek için CSS Düzenleme sayfasına gidin.

Ayrıca aşağıdaki diğer harika CSS kaynaklarına da göz atmak isteyebilirsiniz:

Yukarıdaki örneklerde kullanılan renk adları, SVG &#;dan gri/gri varyantları eklenmiş, popüler tarayıcılar tarafından desteklenen bir X11 renkleri listesinden alınmıştır. Aynı sayfada temel renkli anahtar sözcüklerinin listesini de görebilirsiniz.