WordPress Yazı İçerisinde Php Kod Göstermek

Merhaba arkadaşlar bu makalemizde sizlere wordpress yazı içerisinde kod göstermek için gereken bazı eklentilerden bahsedeceğiz, bu eklentiler sayesinde sizlerde alt kısımdaki örnekteki gibi yazı içerisinde bir kod paylaştığınızda aşağıdaki gibi görüntülenecektir.

Örnek PHP Kodu;

<div class="line number1 index0 alt2"><code class="htmlscript plain">&lt;!</code><code class="htmlscript keyword">DOCTYPE</code> <code class="htmlscript plain">html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "<a href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd" data-mce-href="http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd</a>"&gt;</code></div><div class="line number2 index1 alt1"><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">html</code> <code class="htmlscript color1">xmlns</code><code class="htmlscript plain">=</code><code class="htmlscript string">"<a href="http://www.w3.org/1999/xhtml" data-mce-href="http://www.w3.org/1999/xhtml">http://www.w3.org/1999/xhtml</a>"</code> <code class="htmlscript color1">xml:lang</code><code class="htmlscript plain">=</code><code class="htmlscript string">"en"</code> <code class="htmlscript color1">lang</code><code class="htmlscript plain">=</code><code class="htmlscript string">"en"</code><code class="htmlscript plain">&gt;</code></div><div class="line number3 index2 alt2"><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">head</code><code class="htmlscript plain">&gt;</code></div><div class="line number4 index3 alt1"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">meta</code> <code class="htmlscript color1">http-equiv</code><code class="htmlscript plain">=</code><code class="htmlscript string">"Content-Type"</code> <code class="htmlscript color1">content</code><code class="htmlscript plain">=</code><code class="htmlscript string">"text/html; charset=UTF-8"</code> <code class="htmlscript plain">/&gt;</code></div><div class="line number5 index4 alt2"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">title</code><code class="htmlscript plain">&gt;PHP Code Example&lt;/</code><code class="htmlscript keyword">title</code><code class="htmlscript plain">&gt;</code></div><div class="line number6 index5 alt1"><code class="htmlscript plain">&lt;/</code><code class="htmlscript keyword">head</code><code class="htmlscript plain">&gt;</code></div><div class="line number7 index6 alt2"><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">body</code><code class="htmlscript plain">&gt;</code></div><div class="line number8 index7 alt1"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">h1</code><code class="htmlscript plain">&gt;PHP Code Example&lt;/</code><code class="htmlscript keyword">h1</code><code class="htmlscript plain">&gt;</code></div><div class="line number9 index8 alt2">&nbsp;</div><div class="line number10 index9 alt1"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">p</code><code class="php plain">&gt;</code><code class="php script">&lt;?php</code> <code class="php functions">echo</code> <code class="php string">'Hello World!'</code><code class="php plain">; </code><code class="php script">?&gt;</code><code class="htmlscript plain">&lt;/</code><code class="htmlscript keyword">p</code><code class="htmlscript plain">&gt;</code></div><div class="line number11 index10 alt2">&nbsp;</div><div class="line number12 index11 alt1 highlighted"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">p</code><code class="htmlscript plain">&gt;This line is highlighted.&lt;/</code><code class="htmlscript keyword">p</code><code class="htmlscript plain">&gt;</code></div><div class="line number13 index12 alt2">&nbsp;</div><div class="line number14 index13 alt1"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">div</code> <code class="htmlscript color1">class</code><code class="htmlscript plain">=</code><code class="htmlscript string">"foobar"</code><code class="htmlscript plain">&gt;</code></div><div class="line number15 index14 alt2"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">This&nbsp;&nbsp;&nbsp; is&nbsp; an</code></div><div class="line number16 index15 alt1"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">example of&nbsp; smart</code></div><div class="line number17 index16 alt2"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">tabs.</code></div><div class="line number18 index17 alt1"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">&lt;/</code><code class="htmlscript keyword">div</code><code class="htmlscript plain">&gt;</code></div><div class="line number19 index18 alt2">&nbsp;</div><div class="line number20 index19 alt1"><code class="htmlscript spaces">&nbsp;&nbsp;&nbsp;&nbsp;</code><code class="htmlscript plain">&lt;</code><code class="htmlscript keyword">p</code><code class="htmlscript plain">&gt;&lt;</code><code class="htmlscript keyword">a</code> <code class="htmlscript color1">href</code><code class="htmlscript plain">=</code><code class="htmlscript string">"<a href="http://wordpress.org/" data-mce-href="http://wordpress.org/">http://wordpress.org/</a>"</code><code class="htmlscript plain">&gt;WordPress&lt;/</code><code class="htmlscript keyword">a</code><code class="htmlscript plain">&gt;&lt;/</code><code class="htmlscript keyword">p</code><code class="htmlscript plain">&gt;</code></div><div class="line number21 index20 alt2"><code class="htmlscript plain">&lt;/</code><code class="htmlscript keyword">body</code><code class="htmlscript plain">&gt;</code></div><div class="line number22 index21 alt1"><code class="htmlscript plain">&lt;/</code><code class="htmlscript keyword">html</code><code class="htmlscript plain">&gt;

Öncelikle alt kısımda yer alan download bölümünden gerekli olan eklentiyi indiriniz, indirdiğiniz eklentiyi sitenizin wp-content/plugins/ klasörünün içerisine atınız, yükleme işleminin ardından wordpress admin paneline giriş yaparak yüklemiş olduğunuz eklentiyi aktif hale getiriniz.

Yükleme ve kurulum işlemleri bu kadar basit arkadaşlar şimdi sıra geldi bu eklentiyi kullanmaya ve kısa kodlar yardımı ile yazı içerisinde nasıl php kod göstereceğinize.Aşağıda yer alan kısa kodlar arasına php ve javascript yada css kodlarını ekleyebilir daha düzgün bir görünüme sahip olabilirsiniz.

WordPress SyntaxHighlighter Download ( İndir )

Üst kısımdaki linkten eklentinin son sürümünü indirebilirsiniz, eklentiyi indirip kurduktan sonra aşağıdaki kodlar mutlaka işinize yarayacaktır.

Kisakod parametreleri

Asağıdakı parametreleri uygulamak istediginiz yerde girebilirsiniz. (i.e. on/off), pass true/1 or false/0.

  • langveya language– ile vurgulamak için dil sözdizimi. Alternatif olarak, bunu sadece etiketi gibi kullanabilirsiniz 
    code

    . Tıklayın ( “takma adları” altında) Geçerli etiketlerin listesi için.

  • autolinks – Otomatik URL bağlantısını aç / kapat.
  • classname – Kod kutusuna ek bir CSS sınıfı ekleyin.
  • collapse– Varsayılan olarak kod kutusunun daraltılmasını etkinleştirir ve tıklama gerektirir. Büyük kod yayınları için iyi.
  • firstline – İlk satırı hangi sayıda (satır numaralandırması için) belirten bir interger.
  • gutter – Sol taraftaki satır numaralandırmasını açın veya kapatın.
  • highlight– Vurgulacak satır numaralarının virgülle ayrılmış bir listesi. Ayrıca bir aralık belirtebilirsiniz. Örnek:2,5-10,12
  • htmlscript– Ekstra HTML / XML vurgulamaya geçin. HTML / XML’i başka bir dille karıştırdığınızda, örneğin bir HTML web sayfasında PHP’ye sahip olmak için iyi. Yukarıdaki önizleme örneğin etkinleştirildi. Bu yalnızca belirli dillerde çalışır.
  • light – Bir kerede oluk ve araç çubuğunu devre dışı bırakan ışık moduna geçin.
  • padlinenumbers– Satır numarasını dolguyu kontrol eder. Geçerli değerler false(doldurma yok), true(otomatik doldurma) veya bir tam sayıdır (zorunlu dolgu).
  • title(yalnızca v3) – Kodun önünde gösterilecek bazı metinleri ayarlar. collapseParametre ile kombine edildiğinde çok yararlıdır .
  • toolbar – Araç çubuğunu aç / kapat (v2’deki düğmeler, v3’deki soru işareti hakkında)
  • wraplines (yalnızca v2) – Satır sargısını aç / kapat.

Bazı örnek kodlar:

  • [ php ]kod buraya[ /php ]
  • [ css autolinks="false" classname="myclass" collapse="false" firstline="1" gutter="true" highlight="1-3,6,9" htmlscript="false" light="false" padlinenumbers="false" smarttabs="true" tabsize="4" toolbar="true" title="example-filename.php"]kod buraya[/css]
  • [ code lang="js"]kod buraya[/code ]
  • [ sourcecode language="plain"]kod buraya[/sourcecode ]

Bunlarada Göz Atabilirsiniz.

SohbetGen

1979 Malatya Doğumlu, Web tasarım, Arama motoru optimizasyonu ( SEO ), Logo ve Grafik tasarım alanlarında uzman, 2010 yılı itibariyle Antalya/Kemer ilçesinde ikamet etmekte.

You may also like...

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir