Fethi Polat 1
Fethi Polat
noisiv 1
noisiv
Manwe Work 1
Manwe Work
Scarlet 1
Scarlet
xranzei 1
xranzei
Hikaye Ekle

Altın Konu WordPress Destekli Bir Web Sitesine Özel CSS Nasıl Eklenir?

HERAKLES Otomatik Avlı kalıcı sunucu. 19 Haziran'da açılıyor. Atius & Wizard güvencesiyle hemen kayıt ol, ön kayıt ödülleri aktif. HEMEN TIKLA!

Web sitenizi oluşturmak için WordPress kullanmanın en güzel yanı, kodlama veya web tasarımı konusunda herhangi bir bilgisi olmasa bile herkesin bunu yapabilmesidir. 172 milyondan fazla aktif web sitesi var ve bunların yaklaşık 75 milyonu WordPress kullanıyor.

Buna rağmen biraz kodlama bilmek faydalı olur. WordPress size temel araçları sunar ve 3. taraf web sitesi, önceden belirlenmiş bir görünüm için kopyalayıp yapıştırabileceğiniz önceden hazırlanmış kodlamalar sunar.

Ancak birçok işletme web sitesi sahibi, işletmelerinin öne çıkmasına ve müşterilerin gördüğü tek tip bir web sitesinden daha fazlasını sağlamasına yardımcı olmak için, Köprü Metni İşaretleme Dili (HTML) ve Basamaklı Stil Sayfaları (CSS) konusunda uzman bilgisine sahip web tasarımcıları ve web geliştiricilerinin hizmetlerini aramaya devam ediyor. diğer rakiplerden.

Temel HTML biliyorsanız ve ön ayarlarınızı biraz değiştirmek istiyorsanız, "Görsel" sekmesinden "Metin" sekmesine geçmek kadar basittir. HTML oldukça basit kodlama içerir, ancak çalışmak yorucu ve kafa karıştırıcı olabilir.

Başlık renklerini siyahtan maviye değiştirmek gibi küçük bir değişiklik, her gönderi için talimatı kodlamanızı gerektirir. CSS'nin devreye girdiği yer burasıdır.

CSS Nedir?

Basitçe söylemek gerekirse, CSS, HTML'nin yaptığını tasarlar, ancak bunu yalnızca bir gönderi için değil, tüm gönderileriniz için geçerli olacak şekilde daha basit bir şekilde yapar. Belirli bir yazı tipi renginin, boyutunun, hizasının veya başka herhangi bir faktörün uygulanmasını istediğiniz her sayfa veya öğe için aynı komutu kodlamak yerine, CSS'yi bir kez eklemek, her özelliği tek bir etikette manuel olarak kodlamanıza gerek kalmadan anında tüm sayfalara uygulanabilir.

Bu görevleri tek bir sınıf veya kimlik oluşturarak kolaylaştırmak, web tasarımcılarının işlevsel ve kullanıcıları için estetik açıdan hoş web siteleri oluşturmasını kolaylaştırır.

Özel CSS Ekle

Örneğin bir Mashable makalesinin bu ekran görüntüsüne bir göz atın. Tek başına HTML, bu fotoğrafları alt kenarlıkta görünecek ve daha sonra farenizi üzerine getirdiğinizde kaybolacak başlıklara sahip olacak şekilde biçimlendiremez; CSS kullanmanız gerekiyor.

Özel CSS Ekle

Bu durumda, CSS'yi bir kez ekleyip ardından tüm sayfalara ve öğelere uygulanmasına izin vermek, zamandan ve emekten tasarruf etmenizi sağlar.
Etkili CSS kodlaması elde etmenin en iyi yolu, bir grafik tasarımcıyı veya web tasarım hizmetleri satan serbest çalışanları işe almaktır. Ancak bunu kendiniz yapmak istiyorsanız, kendi CSS'nizi nasıl ekleyebileceğinizi burada bulabilirsiniz.

Özel CSS Nasıl Eklenir

Kendi CSS'nizi WordPress'e eklemek, temanızın düzeninin belirli bir bölümünü düzenlemek ve ardından kendi kodunuzu değiştirmek için yapıştırmak kadar basit değildir. Özel CSS'nizi doğru şekilde düzenlemenin ve eklemenin dört yolu vardır ve bunları kullanmanız gereken zamanlar bunlardır.

Yöntem 1: WordPress Özelleştirici

WordPress Özelleştirici özelliği, web sitenizin görünümünü kontrol etmenizi sağlar. Bir öğrenme eğrisi vardır ve sitenizin gezinme menüleri ve tema renkleri gibi tüm özelliklerini özelleştirmeniz gerekmeyebilir, ancak CSS'nizi özelleştirmek istiyorsanız bu yararlı olabilir.

Bu, WordPress'in temel özelliklerinin bir parçasıdır, dolayısıyla herhangi bir ek eklenti kurmanıza veya yüklemenize gerek yoktur. Kişisel olarak kodlamayla çalışan bazı kişiler, yolun her adımında değişiklikleri görürlerse, sitedeki değişikliklerin gerçek zamanlı önizlemelerini gösterdiği için bununla çalışmayı daha iyi bulabilirler.

Kodunuzun herhangi bir yerinde { veya a / işaretini unutmaktan da endişeleniyorsanız, kodunuzu sürekli olarak doğrulayan bir aracınız vardır, böylece hatanızı asla kaybetmezsiniz.

Özel CSS Ekle

Başlamak için WordPress Özelleştiricinizi açın. Kontrol panelinizde farenizi Görünüm'ün üzerine getirin ve ardından açılır menüden Özelleştir'i seçin. WordPress Özelleştirme kenar çubuğundan Ek CSS'yi seçin.

Özel CSS Ekle


Oradan özel CSS’nizi ekleyebileceğiniz bir kutu görünecektir. Sağ tarafta kodunuzun web sitenizi nasıl etkileyeceğine dair canlı bir önizleme göreceksiniz. Sözdiziminde bir hata yaparsanız, hatanız derhal size bildirilecektir. İşiniz bittiğinde Yayınla'yı seçin.

5-1.png

Ancak özel CSS'nizin, özel CSS'nizi eklediğinizde sahip olduğunuz temaya bağlı olduğunu unutmayın. Temanızı değiştirmeye karar verirseniz, özel CSS'nizi bir kez daha yeni temanıza yapıştırmanız gerekecektir.

Yöntem 2: Basit CSS Eklentisi

GeneratePress'in ve WordPress temalarına yardımcı olacak diğer eklentilerin kurucusu Tom Usborne, "Simple CSS" adlı bir eklenti geliştirdi.

WordPress Özelleştirici'deki Ek CSS özelliğinin, belirli gönderilere özel CSS ekleme gibi ek özelliklerle yapabileceği her şeyi yapmak üzere tasarlanmıştır.

Web sitenizin temasını değiştirmeye karar verirseniz Basit CSS eklentisi mevcut temaya bağlı değildir ve özel CSS'nizi yeni temanıza taşıyacaktır.

Bu özelliği üç şekilde açabilirsiniz. Öncelikle WordPress kontrol panelinizde Görünüm'ü seçin ve ardından WordPress Özelleştirici kontrol panelinde Özelleştir'i seçin.

Basit CSS seçeneğini seçin. Bu yöntemi kullanmanın avantajı, ilk yönteme çok benzer şekilde kodunuzun canlı önizlemesini elde etmenizdir.

Özel CSS Ekle

İkinci yöntem, Görünüm seçenekleri altında Basit CSS'yi seçmektir. WordPress Özelleştirici'dekine benzer tam düzenleyiciye yönlendirileceksiniz. Üçüncüsü, belirli bir gönderiye özel CSS eklemek istiyorsanız yeni bir gönderi oluşturun veya mevcut bir gönderiyi düzenleyin.

İçeriğinizi eklediğiniz WordPress düzenleyicinin altında “Basit CSS” etiketli bir kutu bulacaksınız. CSS'nizi buraya ekleyin ve ardından kaydedin.

Özel CSS Ekle

Özel CSS Ekle

Eklentiyi yükledikten sonra bile WordPress Özelleştirici'deki Ek CSS özelliğini kullanmaya devam edebilirsiniz. Basit CSS bunun gibi kodlama hatalarını izlemediğinden, kodunuzda hata yapmaya yatkınsanız bunu kullanmanızı öneririm.

Kendi CSS'nizi mi Yönetmelisiniz?

Daha önce de belirtildiği gibi WordPress, HTML ve CSS becerisine sahip olmayanların da web sitelerini oluşturabilecekleri şekilde oluşturulmuştur. Ancak çoğu işletme, benzersiz bir görünüm oluşturmak için temanın bazı kısımlarında ince ayar yapmak isteyecektir.

CSS web sitenizin büyük bir bölümünü kontrol eder. CSS'nin nasıl çalıştığından emin değilseniz, özellikle kodunuzun büyük bir bölümünü değiştirmek istiyorsanız, birkaç web sitesine göz atıp CSS'yi değiştirmemek en iyisidir.

Bir hata yapmanız durumunda web sitenizin sahip olacağı büyük sonuçları düşünün. CSS hakkında hiçbir şey bilmiyorsanız, bilen birinden yardım istemek en iyisidir.

Hangi Yöntemin En İyi İşe Yaradığını Nasıl Seçersiniz?

CSS konusunda yeterli çalışma bilgisine sahip olduğunuzda, mümkün olan herhangi bir yöntemi kullanarak WordPress web siteniz üzerinde çalışmaya başlayabilirsiniz. Bahsedilen her iki yöntemin de kendi avantajları ve dezavantajları vardır; bu nedenle ihtiyaçlarınıza en uygun olanı seçin.

Yazı tipi, hizalama veya çok küçük bir görsel özellik gibi başka bir şekilde daha iyi görüneceğini düşündüğünüz bir şeyi değiştirmesi gereken küçük bir işletme sahibiyseniz, WordPress Özelleştirici'yi kullanmak yeterli olabilir.

Bu özelliğin en iyi yanı, yalnızca çok basit olması değil, aynı zamanda hata yapmadığınızdan emin olmak için doğrulamaya da sahip olmasıdır. Eğer acemiyseniz ve CSS sanatında usta değilseniz bu özellik çok önemlidir.

Öte yandan, web tasarım hizmetleri satıyorsanız veya bir müşterinin web sitesini yönetiyorsanız, Simple CSS'nin avantajlarından yararlanmak işinizi çok daha kolaylaştırabilir.

Kendiniz veya belirli ayarları değiştirmek isteyen bir sonraki web tasarımcısı için daha kullanıcı dostu olması açısından tek bir CSS eklentisiyle çalışmak en iyisidir.

Sonuç olarak, belirli bir modülün stilini site genelinde değiştirmek veya belirli bir sınıf eklemek istiyorsanız WordPress Özelleştirici'yi kullanmanızı öneririm. Ancak yalnızca bir sayfanın CSS kodlamasını düzenlemek istiyorsanız Basit CSS kullanmak belirli gönderiler üzerinde çalışmanıza yardımcı olabilir.

Bir web sitesi başlatırken, WordPress özellikleri başlamanıza yardımcı olacak temel temalar ve araçlar sunar. Ancak gerçekten göze çarpmak için birkaç parçada ince ayar yapmanız gerekecek ve bu da CSS kullanmayı gerektirebilir.

Hangi yöntemi seçerseniz seçin, nasıl çalıştığını gerçekten anlamadığınız sürece CSS'yi kendi başınıza halletmeye çalışmayın. Unutmayın, yayında olan işletmenizin web sitesidir; Eğer yapamıyorsan, yapabilecek birine bırak.
 

Şu an konuyu görüntüleyenler (Toplam : 0, Üye: 0, Misafir: 0)

Geri
Üst