WordPress düzenleyicisine özel bir stil nasıl eklenir (eklenti üzerinden manuel & amp;

WordPress’in başarısının çoğu, web içeriği yapmanın çok kolay olmasıdır. Hiçbir şey bunu görsel bir editörden daha fazla sembolize etmez. Bu, kullanıcıların kelime işlemeyi kullanarak kolayca blog yayınları ve web sayfaları oluşturmalarını sağlayan güçlü bir araçtır. Daha kolay hale getirmek için editör, WordPress kullanıcılarına ve web sitesi sahiplerine birçok stil seçenek sunar. İçeriğinizi kalın, eğik, altı çizili veya nüfuz etmek istiyor musunuz, bunu bir düğme dokunuşuyla yapabilirsiniz. Ve aralarından seçim yapabileceğiniz daha fazla biçimlendirme seçeneği var.

Ancak, yeterli olmadığı zamanlar vardır. WordPress düzenleyicisindeki içerik kutusu, CTA veya düğme gibi özel bir stil seçeneği istediyseniz, yalnız değilsiniz. Bu oldukça yaygın bir talep.
Bazı özel stilleri almanın bir yolu, metin editörlerini kullanmak ve bunları HTML ve CSS kodu üzerinden eklemektir. Bu bazen çalışıyor, ancak düzenli olarak ekstra biçimlendirme eklemeniz gerekiyorsa bu en iyi çözüm değildir. Bu durumda, WordPress editörünün kalıcı bir parçası olarak özel tarzınızı yapsanız iyi olur. Bunu nasıl yaptın? Bu tam olarak bu makale. Aşağıda, WordPress düzenleyicisine gerilme menüsü olarak nasıl özel bir stil ekleyeceğinizi öğreneceksiniz. Her şeyden önce bunu manuel olarak ve sonra eklenti aracılığıyla nasıl yapacağımızı göreceğiz. Bundan sonra, bu özelliğin nasıl kullanılacağı hakkında bazı örnekler ve fikirler de göreceğiz, bu yüzden bitene kadar izlemeye devam edin.
Ancak, web içeriği düzenlemesinin CSS aracılığıyla gerçekleştiğini lütfen unutmayın. Bu nedenle, CSS operatörleri hakkında bilgi, kendi tarzınızı takip etmek ve yapmak için yararlıdır. Yeni başlayansanız bu öğreticiyi yine de kullanabilirsiniz, ancak aşağıdaki CSS kodunu anlamak için fazladan zaman ayırmanız gerekebilir. Gitmeye hazır? O zaman çatlayalım. WordPress Editor’a manuel olarak özel bir stil nasıl eklenir, önce vaat edildiği gibi, editöre elle nasıl yeni bir stil ekleyeceğimizi göreceğiz. Bunun için birkaç tema dosyasını düzenlemeliyiz. Bu nedenle, ilk görev WordPress temanızı rezerve etmektir. Daha da iyisi, eğer yapmadıysanız, tema güncellemesindeki değişiklikleri kaybetmemek için çocuğun temasını hazırlayın. Tabii ki, zaten bir çocuk temanız varsa, bir yedekleme de yapın. Herşey iyi? O zaman başlayalım. WordPress Editor’da özel stilimizi kullanılabilir hale getirmek için özel tarz bir römorkör menüsü oluşturun, önce düzenleyicide yeni bir gerilme menüsü yapmalıyız. Bu şekilde, biçimlendirmemizi birkaç tıklamayla kolayca uygulayabiliriz. Bir menü oluşturmak için, function.php için aşağıdaki kodu ekleyin. İsterseniz, sitenize özel bir eklenti formunda bir kod da ekleyebilirsiniz. Hangi seçeneği seçtiğiniz, önemli olan kodun orada olması.
Add_style_sect_buttons ($ buttons) işlevi {
Array_unShift ($ buttons, ‘StylesElect’);
$ Düğme döndür;
}
// İade çağrımızı uygun filtreye kaydedin
add_filter (‘mce_buttons_2’, ‘add_style_select_buttons’); Bu kod, WordPress düzenleyicisine format adı verilen açılır menüye düğmeler ekler. Bir dizi yeni biçimlendirme seçeneği ile ortaya çıktı. Kendi özel tarzımızı yaptıktan sonra, burada da görünecekler. Mevcut kodla, menüyü görmek için “Mutfak Lavabosu” olarak adlandırılan şeyi açmanız gerekir. Çünkü MCE_BUTTONS_2’ye bağlıyoruz. Menüyü ilk satıra yerleştirmek istiyorsanız, kancayı MCE_BUTTONS_1 olarak değiştirebilirsiniz. MCE_BUTTONS_3 ile yeni satıra yerleştirmek bile mümkündür.
Menü şimdi seçim ile doldurun şimdi menümüz var, bir seçim ile doldurma zamanı. Bu, bir kez daha yararlı bir kod parçasıyla yapılır: // WordPress düzenleyicisine özel bir stil ekleyin

İşlev my_custom_styles ($ init_array) {
$ style_format = dizi (
// bu özel bir güç
Dernek (
‘başlık’ => ‘kırmızı düğme’,
‘blok’ => ‘aralık’,
‘sınıf’ => ‘kırmızı düğme’,
‘sarma’ => true,
),
Dernek (
‘Başlık’ => ‘Block İçeriği’,
‘blok’ => ‘aralık’,
‘Sınıf’ => ‘Block İçeriği’,
‘sarma’ => true,
),
Dernek (
‘Başlık’ => ‘şirket’,
‘blok’ => ‘aralık’,
‘Sınıf’ => ‘şirket’,
‘sarma’ => true,
),
);
// Kodlanan JSON dizisini ‘Style_Formats’ içine girin
$ İnit_array [‘style_formats’] = json_encode ($ style_formats);
Dönüş $ init_array;
}
// ‘tiny_mce_before_init’ adresine bir arka arama ekleyin
add_filter (‘tiny_mce_before_init’, ‘my_custom_styles’); Burada neler olduğunu anlayalım. Yukarıdaki kod görüntülerinde üç farklı özel stil yapıyoruz. Özellikle, metin bölümü için kırmızı bir düğme, içerik kutusu ve aorgot yapma seçeneğini ekledik. Ortadaki dizide bulabilirsiniz. Gördüğünüz gibi, her başlık seçeneğini, bloku, sınıfını ve kendi sargısını belirledik. İşte her birinin anlamları:
Başlık-Başlık, özel stilimizin gerilme menüsünde görüneceği bir ad belirler.
Blok –
, ,