WordPress Destekli Bir Web Sitesine Özel CSS Nasıl Eklenir

Web sitenizi oluşturmak için WordPress kullanmanın en güzel yanı, kodlama veya web tasarımı hakkında 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 yardımcı olur. WordPress size temel araçları sunar ve 3. taraf web sitesi, önceden ayarlanmış bir görünüm için kopyalayıp yapıştırabileceğiniz önceden hazırlanmış kodlamalar sunar.

Bununla birlikte, birçok işletme web sitesi sahibi, işletmelerinin öne çıkmasına yardımcı olmak ve müşterilerin gördüğü tek tip bir web sitesinden daha fazlasını sağlamak için Köprü Metni Biçimlendirme Dili (HTML) ve Basamaklı Stil Sayfaları (CSS) konusunda uzman bilgisi olan web tasarımcıları ve web geliştiricilerinin hizmetlerini aramaya devam etmektedir. diğer rakiplerden.

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

Küçük bir değişiklik – örneğin başlık renklerini siyahtan maviye değiştirmek gibi – 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 yalnızca bir gönderi için değil tüm gönderileriniz için geçerli olan daha basit bir şekilde. Belirli bir yazı tipi rengi, boyutu, hizalaması 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 kodlamak zorunda kalmadan hemen hepsine uygulanabilir.

Bir sınıf veya ID oluşturarak bu görevleri kolaylaştırmak, web tasarımcılarının işlevsel ve kullanıcılarına estetik olarak hoş gelen web siteleri oluşturmasını kolaylaştırır.

Örneğin, Mashable makalesinin bu ekran görüntüsüne bir göz atın. Yalnızca HTML, bu fotoğrafları alt kenarlıkta görünen ve ardından farenizi üzerine getirdiğinizde kaybolan altyazılara sahip olacak şekilde biçimlendiremez; CSS kullanmanız gerekir.

Bu durumda, CSS'yi bir kez eklemek ve ardından tüm sayfalara ve öğelere uygulanmasına izin vermek size zaman ve emek tasarrufu sağlar.
Etkili CSS kodlaması elde etmenin en iyi yolu, bir grafik tasarımcı veya web tasarım hizmetleri satan serbest çalışanlar kiralamaktır. Ancak bunu kendiniz yapmak istiyorsanız, kendi CSS'nizi şu şekilde ekleyebilirsiniz.

Özel CSS Nasıl Eklenir

WordPress'e kendi CSS'nizi eklemek, temanızın düzeninin belirli bir bölümünü düzenlemek ve ardından kendi kodunuzu yerine 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 gezinme menüleri ve tema renkleri gibi sitenizin tüm özelliklerini özelleştirmeniz gerekmeyebilir, ancak CSS'nizi özelleştirmek istiyorsanız bu yararlı olabilir.

WordPress temel özelliklerinin bir parçasıdır, bu nedenle herhangi bir ek eklenti kurmanız veya yüklemeniz gerekmez. Kişisel olarak kodlamayla daha iyi çalışan bazı kişiler, her adımda değişiklikleri görürlerse, sitenin nelerin değiştiğine dair gerçek zamanlı önizlemeleri gösterdiği için bununla çalışmak daha iyi olabilir.

Kodlamanızda bir { veya a /'yı unutmaktan da endişeleniyorsanız, hatanızı asla kaybetmemeniz için kodunuzu sürekli olarak doğrulayan bir aracınız vardır.

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.

Oradan, özel CSS'nizi ekleyebileceğiniz bir kutu görünecektir. Sağ tarafta, kodunuzun web sitenizi nasıl etkileyeceğinin canlı bir önizlemesini görürsünüz. Sözdiziminde bir hata yaparsanız, hatanız hemen size bildirilir. Bitirdiğinizde Yayınla'yı seçin.

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 gerekir.

Yöntem 2: Basit CSS Eklentisi

GeneratePress 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 için 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 getirir.

Bu özelliği üç şekilde açabilirsiniz. İlk olarak, WordPress panonuzda Görünüm'ü seçin ve ardından WordPress Özelleştirici panosunda Özelleştir'i seçin.

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

İkinci yöntem, Görünüm seçenekleri altında Basit CSS'yi basit bir şekilde 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şturmanız veya mevcut bir gönderiyi düzenlemeniz yeterlidir.

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

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

Kendi CSS'nizi Kullanmalı mısınız?

Daha önce de belirtildiği gibi, WordPress, HTML ve CSS becerilerine sahip olmayanların web sitelerini oluşturabilecekleri şekilde oluşturulmuştur. Ancak çoğu işletme, benzersiz bir görünüm oluşturmak için bir temanın bazı bölümlerini değiştirmek 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 sitesinde acele etmemek ve 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, yardım için bilen birine sormanız en iyisidir.

Hangi Yöntemin En İyi Çalışacağını Nasıl Seçersiniz?

CSS hakkında yeterli çalışma bilgisine sahipseniz, olası herhangi bir yöntemi kullanarak WordPress web sitenizde ç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 başka bir şekilde daha iyi görüneceğini düşündüğünüz çok küçük bir görsel yönü 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 sahip olmasıdır. Acemi iseniz 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, Basit CSS'nin avantajlarına sahip olmak 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ı için tek bir CSS eklentisi ile çalışmak en iyisidir.

Sonuç olarak, site genelinde belirli bir modülün stilini değiştirmek veya belirli bir sınıf eklemek istiyorsanız WordPress Özelleştirici'yi kullanmanızı öneririm. Ancak, yalnızca bir sayfa için 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 ele almaya çalışmayın. Unutmayın, sırada sizin işletmenizin web sitesi var; yapamıyorsanız, yapabilecek birine bırakın.