Bloğumda toplam 12 kategoride yazılmış 311 yazı ve 269 yorum var.

Temamıza Shortcode Özelliği Eklemek

6 sene önce yazıldı, 1.707 kere okundu. 1

Merhaba arkadaşlar. WordPress paylaşımlarım devam etmekte. Umarım faydalı şeyler yazıyorumdur. Şimdi gelelim konumuza. Bir çok wordpress temasında shortcode özelliği olduğunu zaten görüyorsunuzdur. Bu özellik temamıza bir dolu fonksiyonu katmamızda oldukça faydalı bir özellik olmakla birlikte, aslında temaya eklemesi de çok basit bir özellik.

Shortcode ile Neler Yapılabilir ?

Aslında bu soru, sizin hayal gücünüz ile cevaplayabileceğiniz bir soru. Zaten WordPress hayal gücümüzü zorlayan bir sistem değil mi? Ama biz yine de bişeyler söyleyelim fikir açısından.

Shortcode, içeriğinizi istediğiniz şekilde kontrol edebilir hale geliyorsunuz. Yani atıyorum mesela üçlü kolon ile gösterilen kısımlar ya da yemek tarifi sitenizdeki tarifleri gösteren kısımlar vesaire..

Temamıza Ekleyelim;

Öncelikle functions.php dosyamıza kodlar eklememiz gerekmekte. Eğer bir functions.php dosyanız yok ise, aşağıdaki kodları içine yapıştırıp bir dosya oluşturun, ismini functions.php olarak değiştirip temanızın ana dizinine atın.

<?php

/* burası functions */

?>

Fonksiyonlarımıza eklememiz gereken kodlarımıza gelelim. Eğer yukarıdaki kodu kullanarak yeni oluşturduysanız aşağıdaki kodları burası functions yazan kısma yapıştırın, kaydedin. Tabi /* ve */ arasına değil, o satırı toptan silebilirsiniz.

Hali hazırda bir fonksiyonlar dosyanız var ise, aşağıdaki kodları php’yi kapatma tag’inden önce bir yere yapıştırabilirsiniz.

 
/* Shortcode Ekleyelim */

function mesela( $atts , $content = null ) {
?>
<p class="mesela"><?php echo $content; ?></p>
<?php
}
add_shortcode( 'mesela', 'mesela' );

Fonksiyonumuzu yerleştirdiğimize göre, sıra geldi görünümünü düzenlemeye. Hayal gücünüze kalan kısım aslında burası ancak ben yine de bir örnek göstereceğim. Eklediğimiz fonksiyonda gördüğünüz gibi “mesela” diye bir class atadık. O class’a css dosyamızdan istediğimiz gibi müdahale edebiliyoruz. Örnek kodlarımız da şöyle;

.mesela { width:100%; padding:15px; background:#cecece; font-size:14px; color:#000; }
.mesela:hover { border-bottom:2px #000 dotted; }

Yapmamız gerekenler bu kadar. Son olarak, yazılarınızda veya sayfalarınızda bu eklediğimiz shortcode’u kullanmak için aşağıdaki gibi bir yol izleyeceksiniz. Gayet basit ama ben yine de kodu vermiş olayım.

[mesela] -içerik- [/mesela]

Başka bir yazıda görüşmek üzere sayın WordPress severler. Kendinize iyi bakın. Sağlıcakla kalın :)

BENZER  Wordpress Tema Yapmak & Düzenlemek Hakkında

Konuyla alakalı bir şeyler yazabilirsin.

İsimTescil.net Sonunda Arayüzünü Güncelledi

Merhaba arkadaşlar. Uzun bir zaman boyunca gına getiren, sürekli yavaşlığı ve “her yüzüne bakışımızda...

1 ay önce. 52 0 Devam Et

Sitelerinize WhatsApp Butonu Ekleyerek Müşterilerinizle Etkileşime Geçin

Merhaba arkadaşlar. WhatsApp günün hemen her anında iletişim ihtiyacımızı karşılayan olmazsa olmaz bir araç h...

2 ay önce. 58 0 Devam Et

İşletmelerde Ön Muhasebe Yazılımı Kullanmanın Önemi ve Bulut Tabanlı Yazılımlar

Merhaba arkadaşlar. Özellikle son zamanlarda girişimcilik ruhunun çok fazla kişiye ulaştığını, herkesin özell...

2 ay önce. 22 0 Devam Et

Material Design Icons – MDI ile Sitelerinize Icon Set Nasıl Eklenir

Selam arkadaşlar. Bu yazıda sitelerimizi daha doğrusu arayüzlerimizi hazırlarken Material Design Icon Set’ind...

2 ay önce. 22 0 Devam Et

SSD Disk Kullanmak Bilgisayarımızı Ne Kadar Hızlandırır?

Solid State diskler piyasa çıktığından beri bilgisayar satıcıları hatta elindeki ikinci el bilgisayarı satan in...

2 ay önce. 39 0 Devam Et

Hakkımda

1994'ün Haziran'ında Beyşehir/Konya'da dünyaya gelmişim. O zamanlar, gerek tombikliğim gerek yeşil gözlülüğüm sebebiyle gören herkes tarafından el üzerinde ( hatta defalarca havaya atılıp tutulma gibi ) tutulmuşum.

Bebekliğim Konya'da bir köyde, çocukluğum İstanbul'da geçti. İstanbul'da başladığım iş hayatına doğduğum yer, Beyşehir'de devam ediyorum.

Uzun yıllar çeşitli firmalarda çalıştıktan sonra 2017’den beri kendi yazılım ve reklam şirketimi kurdum. Geliştirmeye ve değiştirmeye devam ediyoruz.