WordPress Gutenberg’de Code Syntax Highlight

WordPress Gutenberg’de kodunuzu renklendirin! Bunun içni yapmanız gereken https://github.com/mkaz/code-syntax-block adresinden eklentiyi indirip sitenize atmanız gerekmekte.

Bu adrese tıklayarak bağlantıya gidip eklentiyi indiriniz.

Kullanımı

Eklentiyi sitenize attıktan sonra aktif ediniz.

Gutenberg’de normal olarak bir kod bloğu ekleyin ve ardından sağdaki alandan bloğun dilini seçin. Bir dil seçilmemişse, renk uygulanmayacaktır.

Eklenti, sözdizimi vurgulamak için Prism kütüphanesini kullanır ve gerekli komut dosyalarını ve gerekli stil sayfasını girer. Prism, dil sınıf adıyla kod bloklarına otomatik olarak renk sözdizimi ekler.

Bir Cevap Yazın