lostyazilim
tr.link

Wordpress de php kodunu renkli gösterme

10 Mesajlar 995 Okunma
lstbozum
tr.link

ASametYildirim ASametYildirim Saygı, Sevgi, Anlayış. Kullanıcı
  • Üyelik 16.06.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Bilgisayar mühendisi öğrencisi
  • Konum Ankara
  • Ad Soyad S** Y**
  • Mesajlar 3826
  • Beğeniler 2399 / 1874
  • Ticaret 97, (%100)
Merhabalar wordoress tabanlı sitemde paylaştığım yazıdaki php kodunu nasıl renkli şekilde yayımlayabilirim?

Örneğin sayfada kod bu şekilde gözükecek:


$a="Abdul";
$b="Samet";
$c="Yıldırım";
echo " ASametYildirim";
?>
 

 

wmaraci
reklam

MuhammedArslan MuhammedArslan Msa Web Tasarım Kullanıcı
  • Üyelik 19.02.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Web Developer
  • Konum Bursa
  • Ad Soyad M** A**
  • Mesajlar 933
  • Beğeniler 136 / 276
  • Ticaret 11, (%100)
Blogumda SyntaxHighlighter Evolved eklentisini kullanıyorum. Örnek olarak şu şekilde bir görüntüsü var.

https://muhammedarslan.com.tr/programlama/adblock-tarafindan-engellenen-icerikleri-gosterme

Umarım istedigin seyi dogru anlamışımdır :)
 

 

hsntngr hsntngr Kontör at Kullanıcı
  • Üyelik 21.09.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek Full Stack Developer
  • Konum İstanbul Avrupa
  • Ad Soyad H** T**
  • Mesajlar 1155
  • Beğeniler 99 / 327
  • Ticaret 3, (%100)

mrarslan adlı üyeden alıntı

Blogumda SyntaxHighlighter Evolved eklentisini kullanıyorum. Örnek olarak şu şekilde bir görüntüsü var.

https://muhammedarslan.com.tr/programlama/adblock-tarafindan-engellenen-icerikleri-gosterme

Umarım istedigin seyi dogru anlamışımdır :)


hocam kullandığınız temayı öğrenebilir miyim ?
 

 

MuhammedArslan MuhammedArslan Msa Web Tasarım Kullanıcı
  • Üyelik 19.02.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Web Developer
  • Konum Bursa
  • Ad Soyad M** A**
  • Mesajlar 933
  • Beğeniler 136 / 276
  • Ticaret 11, (%100)

hsntngr adlı üyeden alıntı

hocam kullandığınız temayı öğrenebilir miyim ?

Soledad.
Kaynak kodlarında mevcur hocam zaten :)
https://themeforest.net/item/soledad-multiconcept-blogmagazine-wp-theme/12945398
 

 

wmaraci
wmaraci

hsntngr hsntngr Kontör at Kullanıcı
  • Üyelik 21.09.2016
  • Yaş/Cinsiyet 31 / E
  • Meslek Full Stack Developer
  • Konum İstanbul Avrupa
  • Ad Soyad H** T**
  • Mesajlar 1155
  • Beğeniler 99 / 327
  • Ticaret 3, (%100)


eyvallah hocam, birde reklamların tıklama oranı ne kadar temada sorabilir miyim? genelde minimalist temalarda daha yüksek oluyor
 

 

MuhammedArslan MuhammedArslan Msa Web Tasarım Kullanıcı
  • Üyelik 19.02.2017
  • Yaş/Cinsiyet 24 / E
  • Meslek Web Developer
  • Konum Bursa
  • Ad Soyad M** A**
  • Mesajlar 933
  • Beğeniler 136 / 276
  • Ticaret 11, (%100)

hsntngr adlı üyeden alıntı

hocam kullandığınız temayı öğrenebilir miyim ?


hsntngr adlı üyeden alıntı

eyvallah hocam, birde reklamların tıklama oranı ne kadar temada sorabilir miyim? genelde minimalist temalarda daha yüksek oluyor

Blogumda çok fazla trafik yok. Bu yüzden bu soruya saglikli bir yanit veremeyecegim.
 

 

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Eklentisiz kullanıyorum ben. Aşağıdaki javascript kütüphanesi ile yapabilirsiniz.
https://prismjs.com/
 

 

ASametYildirim ASametYildirim Saygı, Sevgi, Anlayış. Kullanıcı
  • Üyelik 16.06.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Bilgisayar mühendisi öğrencisi
  • Konum Ankara
  • Ad Soyad S** Y**
  • Mesajlar 3826
  • Beğeniler 2399 / 1874
  • Ticaret 97, (%100)

bilimokur adlı üyeden alıntı

Eklentisiz kullanıyorum ben. Aşağıdaki javascript kütüphanesi ile yapabilirsiniz.
https://prismjs.com/

Hocam bu kütüphaneyi farklı projemde kullanıyordum. Fakat wordpress de nasıl kullanacağımı bilmiyorum. Yardımcı olabilir misiniz?
 

 

wpuzman wpuzman WordPress Developer Kullanıcı
  • Üyelik 13.01.2017
  • Yaş/Cinsiyet 33 / E
  • Meslek Yazılım
  • Konum Trabzon
  • Ad Soyad B** M**
  • Mesajlar 2771
  • Beğeniler 293 / 949
  • Ticaret 33, (%100)
Js ve css dosyasını indir. Js dosyasını temanın js klasörüne css dosyasını da temanın css klasörüne at. Sonra functions.php ye aşağıdaki kodu ekle.


function tema_scripts() {
wp_enqueue_style('prism-css', get_template_directory_uri() . '/css/prism.css', array(), '1.0.0', false);

wp_enqueue_script('prism-js', get_template_directory_uri() . '/js/prism.js', array(), '1.0.0', true);

}
add_action('wp_enqueue_scripts', 'tema_scripts');


Sonra kullanmak istediğin kod türünü aşağıdaki gibi yaz.


p { color: red }

ASametYildirim

kişi bu mesajı beğendi.

ASametYildirim ASametYildirim Saygı, Sevgi, Anlayış. Kullanıcı
  • Üyelik 16.06.2017
  • Yaş/Cinsiyet 25 / E
  • Meslek Bilgisayar mühendisi öğrencisi
  • Konum Ankara
  • Ad Soyad S** Y**
  • Mesajlar 3826
  • Beğeniler 2399 / 1874
  • Ticaret 97, (%100)

bilimokur adlı üyeden alıntı

Js ve css dosyasını indir. Js dosyasını temanın js klasörüne css dosyasını da temanın css klasörüne at. Sonra functions.php ye aşağıdaki kodu ekle.


function tema_scripts() {
wp_enqueue_style('prism-css', get_template_directory_uri() . '/css/prism.css', array(), '1.0.0', false);

wp_enqueue_script('prism-js', get_template_directory_uri() . '/js/prism.js', array(), '1.0.0', true);

}
add_action('wp_enqueue_scripts', 'tema_scripts');


Sonra kullanmak istediğin kod türünü aşağıdaki gibi yaz.


p { color: red }



Çok teşekkür ederim hocam deneyeceğim :)
 

 

wmaraci
Konuyu toplam 3 kişi okuyor. (0 kullanıcı ve 3 misafir)
Site Ayarları
  • Tema Seçeneği
  • Site Sesleri
  • Bildirimler
  • Özel Mesaj Al