Özel Basamaklı Stil Sayfaları (CSS) yardımıyla web sitenizin görünümünü ve hissini dönüştürmekle ilgileniyor musunuz ? Özel CSS'nin sitenize eklenmesi, sitenizin görünümünü ve düzenini tamamen değiştirebilir; bu, varsayılan seçeneklerle yapamayacağınız bir şeydir.
Yeni başlayanlar, FTP kullanarak özel CSS eklemekte zorlanabilirler, ancak neyse ki bunu yapmanın başka yolları da var. Bu makale, WordPress sitenize özel CSS eklemenin üç alternatif yolunu kapsayacaktır; bunların tümünü sitenizin tema dosyalarını doğrudan düzenlemeden yapabilirsiniz.
CSS, WordPress sitenize stil eklemek için kullandığınız dildir ve sitenizin renklerini, düzenini ve boyutunu kontrol etmenize olanak tanıyan HTML ile birlikte gelen dildir. Özellikle web sitenizin ziyaretçilerinin çoğunun bitmek bilmeyen dopamin döngülerine maruz kalan kısa dikkat aralıklarına sahip olduğu göz önüne alındığında, CSS'nin sunduğu tasarım geliştirmelerini benimsemeniz önemle tavsiye edilir.
Özel CSS ile sitenizin görünümüyle oynayabilirsiniz ki bunu WordPress'in varsayılan seçeneklerini kullanarak elde edemezsiniz. Özel CSS, sitenizin tasarımı ve görünümü üzerinde daha fazla kontrol sahibi olmanızı sağlar, etkileşimli ve duyarlı web sayfaları oluşturmanıza olanak tanır ve yalnızca birkaç satır kod kullanarak WordPress temanızı hızlı bir şekilde değiştirmenize olanak tanır.
Örneğin, sitenizin tamamında aynı rengi kullanmamak için yayınlarınızın her birinin kullandığı arka plan rengini düzenlemek istediğinizi varsayalım. Web sitenizin başka bir yerinde değişiklik yapmadan belirli bir sayfanın veya gönderinin arka plan rengini değiştirmek için özel bir CSS kodu kullanabilirsiniz.
Ayrıca Freshbooks.com'un zaman izleme ve üretkenlik aracıyla yaptığı gibi ürün sayfalarınızın görünümünü ve hissini de dönüştürebilirsiniz . Tasarımcılar, içeriği ve görselleri görsel bir hiyerarşi yaratacak ve okuyucularının dikkatini istedikleri yere yönlendirecek şekilde hizalamak için özel CSS kullandılar. Bunu aklımızda tutarak, WordPress sitenize özel CSS eklemenin birkaç yolunu ele alalım.
WordPress 4.7'nin piyasaya sürülmesinden bu yana, WordPress site sahipleri, yönetici alanını kullanarak sitelerine özel CSS kodu parçaları ekleyebilirler. WordPress yönetici alanı aracılığıyla özel CSS eklemek basittir ve değişikliklerinizi canlı bir önizleme aracılığıyla anında gözden geçirmenize olanak tanır.
WordPress'in tema özelleştiricisini kullanarak özel CSS eklemek için WordPress kontrol panelinize gitmeniz ve ardından Görünüm -> Özelleştir'e erişmeniz gerekir . Buradan web sitenizin canlı önizlemesine ve soldaki bölmede bulunan farklı seçeneklere erişebileceksiniz. Bu bölmeye gidin ve 'Ek CSS' sekmesini tıklayın.
Artık yeni görünümünüzden ve düzeninizden memnun kalana kadar sitenize özel CSS eklemeye başlayabilir , ardından değişikliklerinizi tamamlamak için 'Yayınla'yı tıklayabilirsiniz.
WordPress'in tema özelleştiricisini kullanarak özel CSS eklerseniz, erişebileceğiniz özel CSS'nin yalnızca söz konusu tema aracılığıyla kullanılabileceğini unutmayın. Tema özelleştiriciyi diğer temalarla kullanmak için, bu bölümde ele aldığımız yöntemi izleyerek özel CSS'nizi kopyalayıp başka bir temaya yapıştırmak isteyeceksiniz.
Bir tema özelleştirici kullanarak özel CSS eklemek yalnızca o anda etkin olan tema için özel CSS'yi kaydetmenize izin verirken, özel CSS eklemek için bir eklenti kullanmak, çalıştığınız temadan bağımsız olarak sitenize CSS uygulamanıza olanak tanır.
Bir eklentiyle WordPress sitenize özel CSS eklemek için Basit Özel CSS eklentisini kurmanız ve veritabanınıza indirdikten sonra onu etkinleştirmeniz gerekir. Eklentiyi etkinleştirdikten sonra Görünüm -> Özel CSS'ye gidin ve özel CSS kod satırlarınızı yapıştırın.
Yaptığınız değişiklikleri kaydetmeyi ve yayınlamayı bitirdikten sonra 'Özel CSS'yi Güncelle'yi tıklamanız gerekeceğini unutmayın. Bunu yaptıktan sonra, yeni WordPress sitenizi yeni özel CSS'nin çalışır durumdayken kontrol edebileceksiniz .
Ayrıca aşağıdaki gibi diğer eklentileri de kullanabilirsiniz:
Ele alacağımız son yöntem, WordPress sitenize ek CSS eklemek için bir FTE (tam site düzenleyici) kullanmaktır. FSE'ler, web sitenizin tasarımını ve düzenini WordPress blok düzenleyicisi aracılığıyla değiştirmenize olanak tanır; bu, sitenizin sayfalarından veya blog gönderilerinden birini düzenliyorsanız kullanacağınızla aynıdır. FSE'yi yalnızca belirli temalarla çalışıyorsanız kullanabileceğinizi unutmayın.
Bir eklenti kullanarak sitenize özel CSS eklemek biraz daha kolay olsa da, herhangi bir nedenle değişikliklerinizi yapmak için bir eklenti kullanmak istemeyebilirsiniz. Durum buysa, yönetici menünüz aracılığıyla kullanılamadığında Özelleştiriciyi kullanmanız gerekecektir.
Bunu yapmak için sitenizin yönetici hesabına giriş yapacaksınız. Bunu yaptıktan sonra aşağıdakileri kopyalayıp web tarayıcınıza yapıştırın: https://example.com/wp-admin/customize.php ('example.com'dan kurtulmayı ve onu sitenizin alan adıyla değiştirmeyi unutmayın) .
Kısıtlı bir tema özelleştiriciye yönlendirileceksiniz ; buradan soldaki menüye gidebilir ve 'Ek CSS' sekmesini seçebilirsiniz. Bu 'Ek CSS' sekmesini tıklamak, CSS kodunuzu 'Ek CSS' adı verilen alana girmenizi sağlar. Kodunuzu girdikten sonra 'Yayınla' düğmesini seçerek değişikliklerinizi kaydedebilirsiniz.
Yukarıda özetlediğimiz yöntemler her beceri seviyesindeki kullanıcılar için uygundur, ancak özellikle yeni başlayanlar için faydalıdır. Yeteneklerinize güveniyorsanız, siteniz için kullandığınız temaya doğrudan özel CSS eklemeyi düşünebilirsiniz. Ana temanıza özel CSS kodu parçacıkları eklerseniz, yaptığınız değişiklikleri kaydetmeden önce yanlışlıkla temanızı güncellerseniz değişikliklerinizi kaydedemeyeceğinizi unutmayın.
Genel olarak konuşursak, orta veya daha yüksek bir beceri düzeyindeyseniz çocuk teması kullanmanızı öneririz . Yeni başlayan biriyseniz, özel CSS kod parçacıklarınızı temanızdan ayrı bir yerde saklamanıza olanak tanıyan özel bir CSS eklentisiyle çalışmayı düşünebilirsiniz. Bu yöntem, geri döndüğünüzde CSS'nizin kaybolacağından endişelenmenize gerek kalmadan temalar arasında hızla geçiş yapmanızı sağlar.
Bir sonraki WordPress web siteniz için EasyWP yönetilen WordPress barındırma seçeneğini seçin . Harika fiyatlar, hızlı kurulum ve ücretsiz deneme, EasyWP'yi listenizin en üstüne koyacaktır.
Copyright © 2025 Tüm Hakları Saklıdır.
Türkiye (Türkçe)
Worldwide (English)
