Sayfaya CSS eklemeden özelleştirici aracılığıyla stil ekleyin
WordPress ayarlaması çok güçlü ve kullanışlı bir araçtır. Temanıza ve eklentinize koyarak, kullanıcılarınıza daha fazla esneklik sağlar ve içeriğin tasarımını, düzenini ve ayarlanmasını basitleştirirsiniz. Ancak, eksiklikleri var. Bunlardan biri, doğrudan ayarlamalar yoluyla eklediğiniz stilin tempolu sayfanız aracılığıyla değil, kafa sayfası kafasında görüntüleneceği gerçeğidir. Bu esas olarak renk seçmenleri aracılığıyla stil eklerken oluyor. CSS’yi bu şekilde eklemek iyi bir uygulama değildir – tüm stillerinizin stil sayfasında olması çok daha iyidir, bu yüzden bunu mümkün olduğunca yapmanız gerekir.
Bu yazıda, sorunu önlemek ve özelleştirici aracılığıyla eklenen renk stilinin kafa sayfasında değil, stil sayfasında saklandığından emin olmak için tema stil sayfanızla birlikte PHP’yi nasıl kullanabileceğinizi göstereceğim. Bu gönderiyi takip etmeniz gereken şey, aşağıdakilere ihtiyacınız var:
WordPress Geliştirme Kurulumu
Düzenleyebileceğiniz ve ayarlama işlevini ekleyebileceğiniz kendi temanız. Veya üçüncü taraf bir temadan bir çocuk teması yapabilirsiniz – ancak üçüncü taraf temalarını doğrudan düzenlemeyin.
Bir kod editörü.
Not: Bu yöntem sınırlı bir renk paleti ile çalışır, çünkü her biri için stil sayfanızda CSS ayarlamanız gerekir. Kullanıcılarınıza istedikleri renk arasından seçim yapmak için seçeneğini sunmak istiyorsanız, renk seçmenini kullanmalı ve bu stili kafasına koymalısınız. Afedersiniz!
Temanızı hazırlamak, yapılacak ilk şey temanızı özelleştirici işlevselliği ekleyecek şekilde ayarlamaktır. Temanıza dahil edilen bir klasör ekleyin ve içinde Customer.php adlı boş bir dosya oluşturun. Bunu temanızın dosya işlevine ekleyin: Çekirdek 2D32BB4FFFF967C97F016EFE2A603FBA4
Artık temanıza özelleştirici işlevselliği eklemeye hazırsınız. Yeni.php ayar dosyanızı açmak için ayarlamalar hazırlayın. İlk olarak, özelleştirici ayarlarınıza dayanacak bir işlev oluşturmalısınız. Bunu ekle:
B2AAE06D58CF20F20F1ADC2ED6418F170D0’in özünü içerir
Bu işlev, özelleştiricide parça ve kontroller oluşturmak için tüm kodları içerecektir.
Ayarlama bölümünü ekleyerek ayarlama kontrolünüzü mevcut ayarlama bölümüne ekleyebilirsiniz, ancak kendim yapmayı tercih ederim. Her şeyi daha net hale getirir ve kullandığınız parçanın riskinden kaçının, yaklaşan WordPress güncellemesinde silinir. Customer.php dosyanıza eklediğiniz işlevde şunu ekleyin:
Çekirdek yükleme 2FA361747CA35262141E495B54307DDB
Özelleştiriciyi açarsanız, hiçbir şey görüntülemez, çünkü parça yalnızca içinde ayarlarınız varsa görüntülenir. Öyleyse ekleyelim. Ayarlar ekleyin Renk şeması ayarları eklemek için ayarlar ve kontrol yapmanız gerekir. Ayarlar, seçilen seçeneği veya metin girişini depolayan şeydirken, kontrol, kullanıcıların değişiklik yapmasına izin vermek için özelleştirici tarafından kullanılan arabirimdir.
Hala işlevinizde ve bu bölümün kodu altında şunu ekleyin:
Core 8dbacbc201c7b3036408092cb35334dd içerir
Bakalım ne yaptığını ayrıntılı olarak:
İlk olarak, bu, herhangi bir giriş veya seçimi depolamak için wpmu_nav_color ayarını yapar. Daha sonra bir dizi parametresi kullanılarak yapılan WPMU_NAV_COLOR adlı bir kontrol ekledi.
Kullanıcının göreceği etiketi ekledi.
Bu, kontrolün hangi kısmının görüneceğini tanımlar.
Bu, WordPress’e kontrol yoluyla eklenenleri saklamak için hangi ayarların kullanılacağını söyler – başka bir deyişle, yeni yaptığınız ayarlar.
Bu, ‘radyo’ türünü kullanarak tanımlar, yani radyo düğmesinin görüntüleneceği anlamına gelir. Diğer seçenekler arasında metin kutuları, onay kutuları, seçkin kutular, URL’ler ve diğerleri bulunur. Tam liste için Codex’e bakın.
Bu, radyo düğmesi seçeneğini tanımlar – benim durumumda mavi, kırmızı veya yeşil.
Bu, wpmu_customize_register () işlevi tamamlandı. Dosyayı kaydedin ve özelleştiriciyi açın. Artık yeni parçalarınızı ve kontrollerinizi göreceksiniz:
Ancak radyo düğmelerinden birini seçerseniz, hiçbir şey değiştirmez. Bunun nedeni, temanıza biraz kod eklemeniz gerekir. Özellikle, başlıktaki navigasyon menünüze filtre kancaları ve stil sayfanızdaki bazı CSS eklemeniz gerekir. Ayarları, sayfanın kafasına bir stil eklemek yerine kanca filtresinden çağırarak, kanca filtresini kullanarak temamızdaki ilgili öğelere devam edeceğiz. Temanıza bir kanca filtresi eklemek Header.php dosyanızı açın ve gezinme menünüz için satırlar bulun. Temada şöyle görünüyorum:
Yükleme Çekirdeği 02077D97DEFABA79C06B8C2BBA57PEE6
Çekirdek 962C52769CF91C6A8FE5CAE6828F4fa4’ü içerir
Mülkünüz benimkinden farklı görünecektir, ancak yine de CSS sınıfını yazdığınız bir kanca filtresi eklemeniz gerekir. Bu, varsayılan içerik ‘mavi’ ile filtre kancasını yapar. Bunu öğeye stil eklemek için kullanacağız. Ayarlar kanca filtresine gönderme ancak yine de bu filtreye ayarlara devam etmeniz ve bunu özelleştirici.php dosyanızda yapmanız gerekir. Customer.php dosyanıza geri dönün, yeni filtre kancanıza bağlanacak yeni bir işlev ekleyin: Çekirdek 98252a9db701ef2d4023815f7a41016c içerir
Bu, Get_theme_Mod () kullanarak özelleştiricinin ayarlarını alır ve daha sonra döndürür, yani filtre kancasının bulunduğu başlık dosyasındaki çıktı olacaktır. Customer.php dosyanızı kaydedin ve kapatın. Son aşama temasına stil eklemek, kanca filtresinden eklediğiniz CSS sınıfını alacak bir stil eklemektir. Bu, temanızın stil sayfasında saklanacaktır, yani kafada stil yoktur. Tema stili sayfanızı açın ve böyle bir şey ekleyin (stilinizin işaretlemenize bağlı olarak farklı olabileceğine dikkat edin):
A235deeef0bff091207ce049b2f2759b’nin özünü içerir
Tweak rengi renk paletinize ve tercihinize bağlıdır. İsterseniz daha fazlasını ekleyebilirsiniz, ancak eklediğiniz her şeyin ayardaki radyo düğmesi için bir seçenek olarak düzenlenmesi gerektiğini unutmayın. Son olarak, stil sayfanızı kaydedin, sitenizi açın ve test edin. Varsayılan olarak, navigasyon menüm mavi:
Ama şimdi istersem, başka bir renk seçebilirim:
Kuvvet düzenlemesinde ayarlamaların kullanılması, WordPress’i ayarlayarak çalışan kötü uygulamaların benimsenmesi anlamına gelmez, sayfanın başına bir kuvvet eklemek zorunda kalabilir. Renk seçmenlerine erişmeniz gerekiyorsa, başka bir yol yoktur. Ancak kullanıcınıza kullanım için sınırlı bir renk seçimi verirseniz (belki de temanıza veya markanıza göre), göndermek için bir filtre kancası kullanabilirsiniz. Bir stil sayfasında uygulanan bir CSS sınıfı olarak temanız için seçilen. Bu tekniği bile uyarlayabilir ve düzeni düzenlemesi gibi başka amaçlar için de kullanabilirsiniz – örneğin, sol veya sağ taraf çubuğunu seçmek ve CSS sınıfına aynı şekilde ayarlar göndermek için bir radyo düğmesi sağlamak. Stillerin düzenlemesini ayarlamalarla basitleştirmenin yüzlerce yolu vardır. Biraz yaratıcılıkla, kullanıcılarınız ve müşterileriniz için deneyimi geliştirebilirsiniz.
Temanızda bir özelleştirici kullanıyor musunuz? Bu tekniği nasıl kullanabilirsiniz? Bize yorumlarda söyleyin! Etiket: ayarlama
öğretici
