Web sitesi oluşturmaya odaklanan bir WordPress blogu olarak, bazen bir kod parçacığı yapıştırmak veya yorumlarda bir kod parçası paylaşmak isteyen okuyucularla karşılaşıyoruz.
Bununla birlikte, WordPress yorumlar, yazılar veya sayfalar için herhangi bir yerleşik sözdizimi vurgulamasıyla birlikte gelmez; bu da hem yorum yapan hem de kodu anlamaya çalışan diğer okuyucular için zor olabilir.
Neyse ki, bu sorunu çözmenin kolay bir yolunu bulduk. Bu makalede, WordPress yorumlarına sözdizimi vurgulamayı nasıl kolayca ekleyebileceğinizi göstereceğiz.
WordPress Yorumlarında Sözdizimi Vurgulamaya Neden ve Ne Zaman İhtiyaç Duyarsınız?
Sözdizimi vurgulama, kodun daha iyi görünmesini ve daha kolay anlaşılmasını sağlamanın bir yoludur. Kod parçacıklarına renkler ve satır numaraları ekleyerek onları daha okunabilir hale getirir. İşte bir örnek:
<html>
<head>
<title>My Awesome Website</title>
</head>
<body>
<h1>Welcome to My Homepage</h1>
</body>
</html>
Web geliştirme veya kodlama hakkında bir WordPress blogunuz varsa, WordPress yorumlarında sözdizimi vurgulamayı etkinleştirmek önemlidir. Bu sayede okuyucular kolayca okunabilir bir şekilde kod yazabilir.
Bu, onları daha fazla yorum bırakmaya ve kendi parçacıklarını paylaşmaya teşvik edecektir. Bu sadece yorumları daha ilginç hale getirmekle kalmaz, aynı zamanda bir topluluk katılımı duygusu da oluşturur.
Ayrıca, okuyucularınızın yardıma ihtiyacı olursa, kodu görsel olarak çekici ve diğer yorumcular için anlaşılması kolay bir şekilde yoruma kolayca ekleyebilirler.
Bunu akılda tutarak, WordPress web sitenizin yorum formuna sözdizimi vurgulamayı nasıl ekleyebileceğinizi görelim.
Adım 1: Syntax Highlighter Evolved Eklentisini Kurun
WordPress’te sözdizimi vurgulama eklemenin en kolay yolu Syntax Highlighter Evolved eklentisidir. Kullanımı son derece kolaydır ve WordPress yazılarında, sayfalarında ve yorumlarında sözdizimi vurgulamayı etkinleştirmenize olanak tanır.
WPBeginner’da bu eklentiyi kod parçacıkları eklemek ve görüntülemek için kullanıyoruz. Daha fazla ayrıntı için neden Syntax Highlighter Evolved kullandığımıza dair makalemizi okuyabilirsiniz.
Öncelikle, Syntax Highlighter Evolved eklentisini yüklemeniz ve etkinleştirmeniz gerekir. Daha fazla bilgi için, bir WordPress eklentisinin nasıl kurulacağına ilişkin adım adım kılavuzumuza bakın.
Bunu yaptıktan sonra, artık bir gönderiyi veya sayfayı düzenleyebilir ve sözdizimi vurgulayıcısını kullanarak kod ekleyebilirsiniz. İşte blok düzenleyicide nasıl göründüğü:
Syntax Highlighter Evolved eklentisini kullanma hakkında daha fazla bilgiyi WordPress’te kod görüntüleme hakkındaki makalemizde bulabilirsiniz.
Varsayılan olarak, Syntax Highlighter Evolved ziyaretçilerin yorumlarına kod eklemesine izin verir, ancak bu kodun kısa kodlara sarılması gerekir.
Bu kısa kodlar, tüm popüler programlama ve komut dosyası dillerinin adını taşımaktadır. Bu, yorumcunun kodunu dil adını içeren köşeli parantezler içine alması gerektiği anlamına gelir.
Örneğin, PHP kodu içeren bir yorum göndermek istiyorsanız, aşağıdakileri kullanırsınız:
Hi everyone. I need help with this PHP code: [php]
<?PHP
private function get_time_tags() {
$time = get_the_time('d M, Y');
return $time;
}
?>
[/php]Benzer şekilde, yorum olarak bir HTML kodu göndermek isterseniz, bunu HTML kısa koduna sarmanız gerekir:
Hey there! Could anyone check this code snippet? [html]<a href="https://example.com">Demo website>/a>[/html]Şimdi, bunu zorlaştıran şey, kullanıcıların bu kısa kodlarla sözdizimi vurgulamayı gerçekten kullanabileceklerini bilmemeleridir. Bu nedenle, bir uyarı mesajı ile bunu onlara bildirmeniz gerekir.
Adım 2: Yorum Formuna Sözdizimi Vurgulama Bildirimi Ekleyin
Yorum yapanları sözdizimi vurgulama özelliği hakkında bilgilendirmek için yorum formunuzun üzerine aşağıdaki gibi bir uyarı mesajı eklemeniz gerekir:
Bunu WordPress sitenize özel bir kod parçacığı ekleyerek yapabilirsiniz.
Eğer bu yazıyı bir kodlama blogunuz olduğu için okuyorsanız, büyük olasılıkla kodlama konusunda oldukça rahatsınız demektir.
Yine de en ileri düzey kullanıcılar için bile tüm kod parçacıklarını takip etmek zor olabilir. Doğru şekilde yönetilmezse, bazı yaygın WordPress hatalarıyla karşılaşabilir veya sitenizi tamamen bozabilirsiniz.
Bu nedenle özel kod parçacıkları eklemek için WPCode kullanmanızı öneririz. Herhangi bir çekirdek WordPress dosyasını düzenlemek zorunda kalmadan WordPress’e özel kod eklemenin en kolay ve en güvenli yoludur.
Not: WPCode’un ücretsiz sürümü mevcut olsa da, akıllı koşullu mantığa erişim, kod parçacıklarından oluşan bir bulut kitaplığına erişim ve daha fazlasını sağladığı için WPCode’un Pro sürümünü kullanmanızı öneririz.
Yapmanız gereken ilk şey WPCode eklentisini yüklemek ve etkinleştirmektir. Daha fazla ayrıntı için WordPress eklentisi yükleme hakkındaki adım adım kılavuzumuza bakın.
Etkinleştirmenin ardından Code Snippets “ + Snippet Ekle bölümüne gidin.
Burada, WordPress web sitenize ekleyebileceğiniz tüm hazır snippet’leri göreceksiniz.
Kendi snippet’imizi eklemek istediğimiz için, ‘Özel Kodunuzu Ekleyin (Yeni Snippet)’ seçeneğinin üzerine gelin ve ardından ‘+ Özel Snippet Ekle’ seçeneğine tıklayın.
Başlamak için, özel kod parçacığı için bir başlık girin. Bu, kod parçacığını tanımlamanıza yardımcı olacak herhangi bir şey olabilir.
Bundan sonra, ‘Kod Türü’ açılır menüsünü açın ve ‘PHP Snippet’i seçin.
Şimdi, aşağıdaki kod parçacığını kod düzenleyiciye yapıştırın:
function wpbeginner_comment_text_before($arg) {
// Add a custom notice to inform users about using shortcodes for syntax highlighting
$arg['comment_notes_before'] .= "<p class='comment-notice'>You can use shortcodes for syntax highlighting when adding code. For example, or </p>";
// Return the modified comment arguments
return $arg;
}
// Add the filter to apply the custom comment modification function
add_filter('comment_form_defaults', 'wpbeginner_comment_text_before');
Bundan sonra, ‘Konum’ açılır menüsünü açın ve ‘Her Yerde Çalıştır’a tıklayın.
Ardından, ekranın üst kısmına kaydırmaya hazırsınız ve ‘Etkin Değil’ geçişine tıklayarak ‘Etkin’ olarak değişmesini sağlayın.
Son olarak, snippet’i canlı hale getirmek için ‘Snippet’i Kaydet’e tıklayın.
Bu kod basitçe WordPress yorum formundaki yorum alanının üzerinde bir uyarı gösterir. Ancak, hesabınıza giriş yaptığınızda bu metni göremezsiniz, bu nedenle gizli modda yeni bir tarayıcı penceresi açmanız veya hesabınızdan çıkış yapmanız gerekecektir.
Kısa kodun gerçekten çalışıp çalışmadığını görmek istiyorsanız, web sitenizi gizli modda ziyaret edin, bir blog gönderisine yorum yapın ve kısa kodu kullanın. Yorum denetlendiğinde ve onaylandığında şuna benzer bir şey görmeniz gerekir:
Yorum Etkileşimini Artırmanın Daha Fazla Yolunu Öğrenin
Sözdizimi vurgulama özelliği eklemek, web geliştirme blogunuz varsa yorum etkileşiminizi artırmanın tek yolu değildir.
Bir başka ipucu da yorumlarınıza beğendiğiniz ve beğenmediğiniz yorumları eklemektir. Bu, okuyucularınızın belirli yorumlar hakkındaki görüşlerini kolayca ifade etmelerini sağlar. Tartışmaları ateşleyebilir ve topluluğunuzdan gelen değerli katkıları vurgulayabilir.
Ayrıca, yorumlarına yanıt aldıklarında kullanıcıları bilgilendirebilirsiniz. Bu, sohbete dahil olmalarını ve daha fazlası için geri gelmelerini sağlar.
Ayrıca, yorum formuna özel alanlar eklemek isteyebilirsiniz. Okuyucuların yorumlarının yanında kullandıkları programlama dili veya bir framework’ün sürümü gibi belirli bilgileri vermelerini istiyorsanız bunu yapabilirsiniz.
İşte yorum etkileşimini artırmak için uygulayabileceğiniz diğer ipuçları:
- WordPress’te En Çok Yorum Yapılan Yazılar Nasıl Görüntülenir?
- WordPress’te Yorumları Öne Çıkarma veya Gömme
- Yorum Yönlendirme ile Kullanıcınızın Dikkatini Nasıl Yönlendirebilirsiniz?
Umarız bu makale WordPress yorumlarına söz dizimi vurgulama eklemenize yardımcı olmuştur. WordPress yorumlarına nasıl video ve daha fazlasını ekleyebileceğinize dair rehberimizi ve en iyi WordPress yorum eklentileri için uzman seçimlerimizi de görmek isteyebilirsiniz.
If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.
Jiří Vaněk
Thank you for demonstrating the possibility using a snippet. I already have quite a lot of plugins on the site that I need to run it and at the same time, since I have a technology blog, I wanted to allow users to highlight codes in comments. I use WP Code for other snippets that have an important role on the website, so the possibility to do this with a snippet is very useful. Thank you once again, I will save the snippet to my code library for other sites as well.
Yves
Last update 9 months ago. Non tested with last Wordpress version.
WPBeginner Support
For that not tested warning, we would recommend taking a look at our article below:
https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Yönetici
Seth
Nice and very informative article. I just turned on update notifications. Good one guys.
WPBeginner Support
Glad our article was helpful
Yönetici