HUAWEI M-Pencil diğer cihazlarla kullanma.

HUAWEI M-Pencil kalemi diğer cihazlarla eşleştirme Kalem kullanabilen ürünler:HUAWEI  MatePad Pro,HUAWEI MatePad Pro 5G,HUAWEI M-Pencil Package,HUAWEI MatePad,HUAWEI M-Pencil(package、2nd generation(cd54)),HUAWEI MatePad...
Devamını oku

HUAWEI ekran kalemleriyle uyumlu PC ve tablet modelleri.

Aşağıdaki Liste ekran kalemleri ve tabletler/PC'ler arasındaki uyumluluğu gösterir. Cihazınız Listede bulunmuyorsa, HUAWEI ekran kalemleriyle uyumlu değildir. Ekran Kalem Modeli:...
Devamını oku

Chrome Kaldığım Yerden Devam Et Özelliği

Ben de diğer birçok kullanıcı gibi tarayıcı tercihimi Google Chrome dan yana kullanıyorum. Chrome ile açtığımız sekmelerin sayısı bazen çok...
Devamını oku
Chrome Kaldığım Yerden Devam Et Özelliği

Her gün Ücretsiz Tam sürüm.

Chip bilgisayar dergisinin https://tr.giveawayoftheday.com/ sitesi ile beraber yaptığı güzel bir paylaşım olan çalışma. Bu çalışmada her gün bir programın ücretsiz...
Devamını oku

Apple Pencil 1.Nesil ve uygun fiyatlı muadilleri.

Kalemli tabletlerde Apple kendini sisteme dahil ettiği ilk ürünüdür. Yalnız 1.nesil kullanan apple tabletler ikinci nesil kalem kullanamıyor. İkinci nesil...
Devamını oku
Apple Pencil 1.Nesil ve uygun fiyatlı muadilleri.

2023 Yılı Takvimi ve Resmi Tatiller Excel PDF

2022 yılı bitimine artık birkaç ay kaldı. Bir seneyi daha geride bırakmak üzereyiz. Umarım 2022 istediğiniz gibi geçen bir sene...
Devamını oku

Nefsin Mertebeleri nelerdir?

  Nefs-i Emmare Nefs-i Levvame Nefs-i Mülhime Nefs-i Mutmainne Nefs-i Raziye Nefs-i Mardiyye Nefs-i Kamil Nefs-i Emmare: İnsana devamlı doğru...
Devamını oku

Nefs Nedir?

Ne olaki bu nefs? Hangi yollarda karşımızda boy göstere... Daha önceki Tasavvuf nedir yazımızda şu ifadeler geçmişti: Tasavvuf kalbi doğduğu...
Devamını oku

Hangi Apple Pencil modelleri hangi iPad modellerinde çalışır.

Apple Pencil uyumluluğu Hangi Apple Pencil modellerinin hangi iPad modelleriyle çalıştığını öğrenin. Apple Pencil (1. nesil) Apple Pencil (1. nesil)...
Devamını oku
Hangi Apple Pencil modelleri hangi iPad modellerinde çalışır.

İkinci Üniversite Nedir? İkinci Üniversite kayıt tarihleri ne zaman?

Bir üniversiteden mezun ya da halen okumakta olanların herhangi bir sınava girmeden aynı alanda olmamak şartıyla ikinci diploma şansı veren...
Devamını oku
İkinci Üniversite Nedir? İkinci Üniversite kayıt tarihleri ne zaman?

WordPress Yazılarına Kod Ekleme Nasıl Yapılır?

Blo yazarları olarak yazılarımıza HTML, PHPCSS,  XML … veya farklı bir programlama dilindeki kodları ekleme ihtiyazı duyabiliyoruz. Bu dillerin bazılarında, kodları metin editörünü kullanarak yazınıza eklediğinizde otomatik olarak yorumlanacağından, ekranda göstermek istediğiniz kodlar yerine onların çıktısı gösterilecektir. Kodlar düzgün gösterilse bile renklendirme olmadığından rahat okunamayacak, birbirinden ayrılması mümkün olmayacaktır.

Web Sitesinde Yazı İçinde Kod Göstermek

 

Eğer WordPress kullanıyorsanız, bunu aşabilmenin en bilinen yolu Görsel yerine Metin editörünü kullanarak kaynak kodu <pre> </pre> etiketleri arasına yerleştirmek olabilir. Kodlarda yer alan < ve > işaretlerini aşağıdaki şekilde değiştirmelisiniz.

< işareti yerine &lt;

işareti yerine &gt;

 

Bu şekilde yaptığınızda, eklediğiniz kodlar çalıştırılmayacak ve olduğu gibi yazı halinde gösterilecektir. Ben daha önce bu yöntemi kullanmaktaydım fakat paylaşmak istediğim bazı kodların görüntülenmesinde sorun yaşadığımdan daha iyi yöntemler aramaya başladım.

Hemen her konuda olduğu gibi kod paylaşımı ve kod renklendirme için oluşturulmuş bir çok WordPress eklentisi mevcut. Syntax Highlight şeklinde bir aramayla bu işi yapan hepsi birbirinden başarılı eklentilere ulaşabilirsiniz. Ben bu yazımda eklenti kullanmadan bu işin nasıl yapılacağına değinmek istiyorum. Herhangi bir eklenti kullanmadan sitenizde istediğiniz programlama dilindeki kodları rahatlıkla gösterebileceksiniz.

Başlıkta WordPress yazdığıma bakmayın Blogger, Joomla gibi bir içerik yönetim sistemi veya kendi yazılımınızı kullanmanız arasında hiç bir fark olmayacaktır. Kaynak kodlarını ister sitenizde, blogunuzda, forumlarda vs. paylaşın ister mail olarak gönderin. Yapılacak dönüştürme işleminden sonra size verilen HTML kodlarını istediğiniz yerde kullanabilirsiniz.

<html>
<head>
<style type="text/css">
body {background:grey;}
a {color:black;}
h1{font-size:25px;}
</style>
</head>
<body>
<h1>
<a href="https://bubilgi.net">winipucu</a>
</h1>
</body>
</html>
  • http://hilite.me/ adresine girin.
  • Source Code bölümüne kodunuzu yazın.
  • Language bölümünden kodun ait olduğu dili seçin
  • Style bölümünden renklendirme özelliğini belirleyin
  • Satır numaralarının gösterilmesini istiyorsanız Line numbers kutusunu işaretleyin.
  • Highlight butonuna tıkladığınız da paylaşabileceğiniz HTML kodu oluşturulacak ve önizlemesi gösterilecektir.
  • HTML bölümündeki kodu kopyalayarak yazınızın istediğiniz bölümüne yapıştırın.

Son olarak aynı işi yapan ve başarılı bulduğum üç adet alternatif siteye aşağıdaki adreslerden ulaşabilirsiniz.

Yorumlar

  1. Kredi Kartlarım

    Kendi sitemde de bir kac html kod denemesi yapacaktım, isabet oldu. Teşekkürler.

Bir cevap yazın

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

back to top
Araç çubuğuna atla