z_ARŞİV YAZILAR

Yazı İçinde HTML Kodlarını Kullanmak

Makaleyi dinlemek ister misiniz?

 

Diyelim bir WordPress siteniz var. Bir kodu örnek vermeye çalışıyorsunuz. Yazı içinde bunu kullandığınızda gerçek bir kod gibi işlem görür. Halbuki sizin istediğiniz o örneği vermektir.
Bir örnekle açıklayalım. Siz engelliler ve web standartları için bir resmin üzerine gelindiğinde yazı çıkması gerektiğini anlatıyorsanız. “alt” tagının kullanılması gerektiğini örneklemek istersiniz.

İlgili komutu doğrudan img HTML etiketi ile kullanırsanız sayfada sadece sonuç görünür. Komut görünmez. Bunun için bir kaç metot var. Sitede kullanırken biraz uğraştım, gerekli alternatifleri size de sunmak istedim.

İlk olarak PRE ve CODE isimli etiketler kullanılır. Ancak code içindeki her komut encoding dediğimiz dönüştürmeden geçirilmelidir.
Bu Encoding işlemi için bazı siteler yararlı olacaktır. Mesela: http://centricle.com/tools/html-entities/

Böylece biz sitemize şu kodları yazarız.


<pre>
<code>
&lt;img src=&quot;http://www.gunesintamicinde.com/resim/openofficebutton.jpg&quot; alt=&quot;OpenOffice&quot;&gt;
</code>
</pre>

Görüntülenecek sonuç ise şöyle olur.

<img src="http://www.gunesintamicinde.com/resim/openofficebutton.jpg" alt="OpenOffice">

Bu komutu alıp kullananlar için ise gerçek sonucu ise bu imaj olur. OpenOffice

Ayrıca yazılacak kod eğer sayfa yapısını bozacak şekilde uzunsa siz onu textarea içine de alabilirsiniz.
Bu sefer



<pre>
<code>
<textarea rows="5" cols="80">
&lt;img src=&quot;http://www.gunesintamicinde.com/resim/openofficebutton.jpg&quot; alt=&quot;OpenOffice&quot;&gt;
</textarea>
</code>
</pre>

Sonucu aşağıdaki gibi olur.




PEKİ BU İŞ FAZLA SIKICI GELİRSE NE YAPARSINIZ?

Bir WordPress plugini / eklentisi bulursunuz.

http://www.thunderguy.com/semicolon/wordpress/code-markup-wordpress-plugin
adresinde görüldüğü gibi eklenti indirilip eklentiler klasörüne gönderilince işler daha kolaylaşır 🙂

Kaynakça:
http://wordlog.com/archives/2007/05/13/displaying-html-source-code-in-your-blog-posts/

Youtube Kanalım

https://www.youtube.com/suleymansonmez1?sub_confirmation=1

Podcast Kanalım

Hangi platformu kullanıyorsanız, birini seçip takip edebilirsiniz, aynı içeriğe erişeceksiniz.

Süleyman Sönmez'in Sessizliği

LinkedIn Ekleyin:

https://www.linkedin.com/in/suleymansonmez

Instagram Takip Edin:

https://www.instagram.com/suleymansonmez/

Facebook Takip Edin:

https://www.facebook.com/suleymansonmezofficial

Twitter Takip Edin:

https://twitter.com/ssonmez

Yazdığım E-Kitaplar - Satın Alın

https://play.google.com/store/books/author?id=S%C3%BCleyman+S%C3%B6nmez

Patreon ile destekleyin

https://www.patreon.com/suleymansonmez

Etiketler

Süleyman Sönmez

Adım Süleyman Sönmez. Yıldız Teknik Üniv. Bilgisayar Programcılığı ve İstanbul Üniversitesi İşletme Fakültesi olmak üzere iki üniversiteden mezun oldum. Sonrasında başladığım Uluslararası İşletme masterını terk edip hayata atıldım. Proje yöneticiliği, bilgisayar programcılığı, sistem analistliği, pazarlama / satış sonrası müşteri ilişkileri yöneticiliği, LEGO takım koçluğu, Web tasarımcılık, fotoğrafçılık, ISO9001:2000 kalite sistemleri sistem kuruculuğu ve iç denetimcilik, Teknoloji Okuryazarlığı müfredat yazarlığı, Bilgi İşlem Bölüm Başkanlığı, öğretmenlik, video düzenleme, Eğitim Teknolojileri Uzmanlığı gibi birbirinden farklı pek çok meslekte çalıştım. Bu kadar farklı iş neden? Dünyayı Da Vinci gibi yaşamak gerektiğine inanıyorum. Youtube kanalıma abone olarak takip ediniz. Youtube Web sitelerim: www.suleymansonmez.com , Büyükler Giremez Bana ulaşmak için lütfen ssonmez@gmail.com adresine eposta gönderin. Aşağıdaki simgelerden sosyal medya üzerinden takip edebilirsiniz. Twitter Instagram Linkedin Facebook

Bir cevap yazın

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

Başa dön tuşu
Kapalı