Visual WordPress Editor’a özel stil nasıl eklenir

Şimdi, düğmeler ve metin blokları gibi şeyler oluşturmak için birkaç CSS’ye girmek için WordPress’teki metin ve görsel editörler arasında ileri geri atlama yeteneğine sahip olduğunuzu bilebilirsiniz, ancak bu zahmetli ve çok fazla yoksa Editör Kodunu Düzenleme Deneyimi Metin biraz korkutucu görünüyor. Kendi özel stilinizi oluşturabilir, WordPress düzenleyicisindeki açılır menüye koyabilir ve ihtiyacınız olduğunda kullanmayı seçmeniz daha kolay değil mi? Evet, çok daha kolay, bu yüzden burada nasıl yapılacağını açıklamak istiyoruz. Bu süreci olabildiğince basit hale getirmeye çalışsak da, özel stilin tüm avantajlarını bulmak istiyorsanız, küçük bir CSS bilgisine sahip olmanın daha iyi olduğunu unutmayın.
Visual WordPress düzenleyicisine nasıl özel bir stil ekleyeceğinize bakalım.Bu ilk seçenek kodunu ekleyerek Visual WordPress düzenleyicisine özel bir stil ekleyin, CSS’yi nasıl birleştireceğiniz ve değiştireceğiniz hakkında biraz bilgi edinmenizi gerektirir, ancak bunu kullanabilmeniz için temel bilgileri öğrenmenize yardımcı olacak küçük bir rehber vereceğim gelecekte bilgi.Sitenizi eklentilerle yüklemek istemiyorsanız bu iyi bir seçenektir.Mesele, görsel WordPress düzenleyicinize özel bir stil içeren yeni bir gerilme menüsü eklemektir, bu da size editörünüzdeki öğeleri seçme ve ardından özel bir stil uygulama olanağı sunar.Yeni bir tema geliştiriyorsanız, function.php dosyanızı arayın ve aşağıdaki kodu dosyaya yerleştirin veya mevcut bir temayla çalışıyorsanız, bu kodu functions.php dosya temasına yapıştırın.
İşlev myprefix_mce_buttons_1 ($ buttons) {array_unshift ($ buttons, ‘stylesEct’);$ düğmeleri döndür;} add_filter (‘MCE_BUTTONS_1’, ‘myprefix_mce_buttons_1’);WordPress yayınlarınızdan birinde düzenleyiciye geri dönersek, şimdi editördeki yeni “Biçim” düğmesini göreceksiniz.”MCE_BUTTONS_1’e nasıl bağlandığımızı unutmayın? Bu, MCE düzenleyicinin ilk satırına biçimsel menü düğmesini yerleştirin. Ayrıca” MCE_Buttons_2 “filtresini ikinci sıraya yerleştirmek için veya 3. Row. Yani, şimdi BT menü öğesini etkinleştirdiniz, gönderinizde kullanmak için özel stilinizi ekleme zamanı. Aşağıda listelenen kodu alın ve Fonksiyon.php dosyasına yapıştırın. “Tema düğmesi” ve “Vurgulama”.
/** * MCE formatlarına özel stiller ekle açılır * * @url https://codex.wordpress.org/tinymce_custom_styles */işlev myprefix_add_format_styles ($ insit_array) {$ stil kendi ayarlarıyla – Array (‘başlık’ => __ (‘tema düğmesi’, ‘metin -alan’), // ‘Selector’ => ‘A’, // ‘Sınıflar’ => ‘editörünü hedefleyecek öğe için başlık için başlık Tema düğmesi ‘// css için kullanılan sınıf adı), dizi (‘ başlık ‘=> __ (‘ vurgu ‘,’ metin-domain ‘), // açılır’ satır içi ‘=>’ span ‘, // sarmak için başlık seçilen içerik etrafında bir açıklık ‘sınıfları’ => ‘metin-yükseklik’ // CSS için kullanılan sınıf adı),); $ İnit_array [‘style_formats’] = json_encode ($ style_formats); Dönüş $ init_array; } add_filter (‘tiny_mce_before_init’, ‘myprefix_add_format_styles’); Açılır menünüzde farklı adları görüntülemek için başlığı değiştirebilir, öğeleri diziden vb. Ekleyin/silebilirsiniz. Kendi özel format stilinizi ortaya çıkarmak için bu koddaki herhangi bir şeyi değiştirebilirsiniz, alınan parametrelerin ve döndürülen değerin daha derin bir açıklaması için WordPress Codex’i kontrol ettiğinizden emin olun.
Artık yeni bir stiliniz var, düzenleyicinizdeki içeriği vurgulayabilir ve stili uygulayabilirsiniz. Not, “Tema düğmesi” formatında nasıl bir seçmen parametresi var? Bu, stilin yalnızca belirli seçmenlere uygulanabileceği anlamına gelir (bu durumda “A” veya “bağlantı” etiketi). “Spotlight” eklediğimiz ikinci formatta bir seçmen parametresi değil, stili editörünüzde vurguladığınız metne uygulamasını ve benzersiz sınıf adınızla bir aralıkta sarmasını emreten bir “satır” parametresi yoktur. Kullanıcıların kontrol listesini düzenleyicinin herhangi bir noktasına kolayca uygulayabilmeleri için biçimi nasıl kullandığımızla ilgili toplam WordPress temamızın bir örneğini görebilirsiniz. Şimdi özel formatınızı kullanabilirsiniz, ancak format eklemeye kadar farklı görünmeyecektir. Özellikle sitenize düzenlemek için birkaç CSS. Temanız için (kendiniz oluşturursanız) veya çocuğun teması için stil sayfası bulmalı ve dosyaya aşağıdaki CSS kodunu eklemelisiniz.