En çok ihtiyaç duyduğunuz anda güvenilir WordPress eğitimleri.

Yeni Başlayanlar İçin WordPress Kılavuzu

12+

Yılların Dijital Deneyimi

[total_posts]

Yayınlanan İçerik

WordPress Sitenize Kolayca Özel CSS Ekleme

Yöntem 1: Tema Özelleştiriciyi Kullanarak Özel CSS Ekleme

WordPress 4.7’den bu yana, kullanıcılar artık doğrudan WordPress yönetici alanından özel CSS ekleyebilir. Bu çok kolaydır ve değişikliklerinizi anında canlı bir önizlemeyle görebilirsiniz.

Öncelikle Temalar »Özelleştir sayfasına gitmelisiniz .

Tema özelleştiriciyi başlatma

Bu, WordPress tema özelleştirici arayüzünü başlatacaktır.

Sol bölmede bir dizi seçenekle birlikte sitenizin canlı önizlemesini göreceksiniz. Sol bölmeden Ek CSS sekmesine tıklayın.

WordPress tema özelleştiricisinde ek CSS seçeneği

Sekme kayarak size özel CSS’nizi ekleyebileceğiniz basit bir kutu gösterecektir. Geçerli bir CSS kuralı eklediğiniz anda, web sitenizin canlı önizleme bölmesinde uygulandığını görebileceksiniz.

Canlı önizlemeyle özel CSS ekleme

Sitenizde nasıl göründüğünden memnun kalana kadar özel CSS kodu eklemeye devam edebilirsiniz.

Bitirdiğinizde üst kısımdaki ‘Kaydet ve Yayınla’ butonuna tıklamayı unutmayın.

Özel CSS değişikliklerinizi kaydedin

Not: Tema özelleştiriciyi kullanarak eklediğiniz herhangi bir özel CSS, yalnızca o belirli temayla kullanılabilir. Başka temalarla kullanmak isterseniz, aynı yöntemi kullanarak yeni temanıza kopyalayıp yapıştırmanız gerekecektir.

Yöntem 2: Bir Eklenti Kullanarak Özel CSS Ekleme

İlk yöntem yalnızca şu anda etkin olan tema için özel CSS kaydetmenize izin verir. Temayı değiştirirseniz, özel CSS’nizi kopyalayıp yeni temaya yapıştırmanız gerekebilir.

Özel CSS’nizin hangi WordPress temasını kullandığınızdan bağımsız olarak uygulanmasını istiyorsanız, bu yöntem tam size göre.

Yapmanız gereken ilk şey, Basit Özel CSS eklentisini yüklemek ve etkinleştirmektir . Etkinleştirdikten sonra Görünüm »Özel CSS’ye gidin ve özel CSS’nizi yazın veya yapıştırın.

Basit Özel CSS

Değişikliklerinizi kaydetmek için ‘Özel CSS’yi Güncelle’ düğmesine basmayı unutmayın.

Artık özel CSS’yi çalışırken görmek için WordPress web sitenizi görüntüleyebilirsiniz .

Özel CSS eklentisi kullanma ve Temada CSS Ekleme

Yukarıda açıklanan her iki yöntem de yeni başlayanlar için önerilir. İleri düzey kullanıcılar da doğrudan temalarına özel CSS ekleyebilir.

Ancak, ana temanıza özel CSS parçacıkları eklemeniz önerilmez. Özel değişikliklerinizi kaydetmeden temayı yanlışlıkla güncellerseniz CSS değişiklikleriniz kaybolacaktır.

En iyi yaklaşım bunun yerine bir çocuk teması kullanmaktır. Ancak yeni başlayanların çoğu bir çocuk teması oluşturmak istemiyor. Özel CSS eklemenin yanı sıra, genellikle yeni başlayanlar bu alt temayı nasıl kullanacaklarını gerçekten bilmezler.

Özel bir CSS eklentisi kullanmak, özel CSS’nizi temanızdan bağımsız olarak saklamanıza olanak tanır. Bu şekilde temaları kolayca değiştirebilirsiniz ve özel CSS’niz hala orada olacaktır.

WordPress sitenize özel CSS eklemenin bir başka harika yolu da CSS Hero eklentisini kullanmaktır. Bu harika eklenti, WordPress sitenizdeki hemen hemen her CSS stilini tek bir kod satırı yazmadan düzenlemenizi sağlar.

WordPress için CSS Hero eklentisiyle özel CSS düzenleme
Facebook
Twitter
LinkedIn
Email
WhatsApp

İlgilinizi çekebilecek diğer içerikler

Picture of Furkan Sağlam

Furkan Sağlam

Mavis Agency'de Dijital Yöneticisi olarak görev yapmaktadır. Marka yönetimi, e-ticaret çözümleri ve dijital pazarlama stratejileri konularında uzmandır. Blog yazılarında, güncel dijital trendler ve etkili pazarlama taktikleri üzerine değerli bilgiler sunmaktadır. Dijital dünyada markaların başarısına katkıda bulunmayı amaçlamaktadır.

2 Responses

  1. merhaba furkan bey nasılsınız. ben lisanlı bir worpress temasını multisite olarak yaptım fakat türkçe sayfada tüm css yapıları düzgünken, ingilizce sayfada bu yapılarda şekil ve hizalama sıkıntıları var. bu konuda yardımcı olursanız sevinirim.

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

3.200'den fazla okuyucu

furkansaglam.com’u yeni içerikler için takip edin!

Haftanın WordPress Eklentisi

WP Sweep

Eski taslakları, spam yorumları ve kullanılmayan verileri silerek performansınızı artırın.
Hemen keşfedin!