WordPress Kod Renklendirme / Syntax Highlight

WordPress Kod Renklendirme; eklentisiz olarak nasıl yapılır, kod satır numaraları nasıl verilir, kod arkaplan renkleri ve programlama diline özgü kod vurguları nasıl oluşturulur, bunları ele alacağız.

WordPress Kod Renklendirme

WordPress kod bloğunda özel vurgular yapmak için birçok WordPress eklentisi bulunmaktadır ancak ben mecbur kalmadığım müddetçe eklenti kullanmamayı tercih ettiğim için eklentisiz, WordPress Kod Renklendirme nasıl yapabileceğimi araştırmaya koyuldum, birkaç script denedim ve en sonunda istediğim şekilde kod renklendirme, biçimlendirme, vurgulama işlemini gerçekleştirdim. 2 ayrı script ile bunu yapacağım, bunlar PrismJS ve Google Code-Prettify. Makaleyi inceleyip bu scriptlerden birini tercih edebilirsiniz. Bu sayede WordPress kod renklendirme vurguları okunabilir olmakla beraber daha şık görünecektir.

Bu makalede, PrismJS ve Google Code-Prettify scrptlerinin WordPress’e nasıl uygulanacağı ve nasıl daha çok yönlü hale getirilerek kod renklendirmelerinin yapılacağı işlenecektir.


Başlıklar / Eklentisiz WordPress Kod Renklendirme

# PrismJS ile WordPress Kod Renklendirme
— 1. Tema ve Program Dilleri Seçimi
— 2. Araçlar
— 3. Script ve Stil Dosyalarının İndirilmesi
— 4. Scripti Aktif Etme
— 5. Yazıda Kullanma

# Google Code-Prittify ile Kod Renklendirme
— 1. Tema Seçimi
— 2. Scripti Tanımlama
— 3. Araçları İnceleme
— 4. Scripti Aktif Etme
— 5. Yazıda Kullanma


Paylaş
1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (Bu yazıyı oylamak ister misiniz?)
Loading...

Kullanıcı Yorumları (Cevap Yok )

Henüz yorum yok.