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

WordPress Sayfa Şablonu Hazırlamak

6 sene önce yazıldı, 4.721 kere okundu. 4

Merhaba WordPress severler. Az önce r10’da dolanırken sayfa şablonu olayına denk geldim, arkadaşlar sorunu çözmüşler sanırım ancak bir de ben anlatayım bloğumdan dedim. Sayfa şablonları çoğu zaman kurtarıcımız olabiliyor. Özellikle kurumsal sitelerde kısa yoldan işimizi görmek için oldukça kullanışlı. Ancak sadece kurumsal sitelerle sınırlı değil bu ihtiyaç. Şöyle ki, hemen hemen her türlü sitede birbirinden farklı gözüken sayfalar hazırlama gereği duyabiliyoruz.

css_resetBir sayfada sidebar’ı çağırırken, bir sayfada tam sayfa olmasını isteyebiliriz. Bir sayfada slider kullanırken, diğer sayfada do_shortcode ile iletişim formunu istediğimiz bir yere çekmek isteyebiliriz. Ya da üyelere özel sayfa yapmak istiyorsak, üye girişi yapılmadan gösterilmeyen sayfalar için hazırladığımız ” üyelere özel ” diye bir şablonu seçebiliriz sayfamızı oluşturup yayınlarken.

Sayfa şablonlarında dikkat etilmesi gereken şeyler var. Öncelikle standart olarak sayfalarımızı ” page.php ” gösteriyor. Biz de bir nevi page.php’nin modifiye edilmiş halini hazırlıyoruz ve diyoruz ki sayfamızı page.php değil de ” benimpage.php ” göstersin. Bu da demektir ki, page.php içinde bulunan kodların benzerlerini yazacağız. Eklemek istediklerimizi ekleyeceğiz, gözükmesini istemediklerimizi çıkaracağız. Mantık olarak olay bundan ibaret.

Örnek olarak, premium temaların demolarında görürsünüz, tam sayfa, sidebar sağda, sidebar solda, iletişim sayfası, galeri sayfası, portfolyo sayfası vesaire desteği verirler temalarda. Bunları çoğunlukla sayfa şablonları ile hallederler. Mantıklı yolu da budur zaten.

Şimdi Gelelim Kuru Fasulyenin Ne Kadar Kaynayacağına

Html – css biliyorsanız, biraz da wordpress-php karışımı bilginiz varsa ( çok değil, azı kafi ) kolaylıkla sayfa şablonlarınızı oluşturabilirsiniz. Sayfa şablonlarını hazırlarken herhangi başka bir sayfanın kodlarını inceleyerek ( örnek: page.php ) daha kolay bir şekilde istediğiniz şablona ulaşabilirsiniz. Örnek vermek gerekirse, header.php’yi ve footer.php’yi çağıran kodları gerekli yerlere yerleştirip, ikisinin arasına sayfada neyin görünmesini istiyorsanız o kodları yerleştirebilirsiniz. Ben örnek olması açısından bir şablon paylaşacağım. Bu paylaştığım şablonun temanızla uyumlu olma ihtimalinin oldukça düşük olduğunu unutmayın. Temanızı inceleyip, temanızdaki sayfaları örnek almalısınız.

BENZER  Ön Yüzde Düzenle ve Sil Butonları

Örnek bir şablon oluşturalım;

<?php /*

Template Name: Örnek Şablon

*/

?>

<?php get_header(); ?>

<?php while (have_posts()) : the_post(); ?>

<h2><?php the_title(); ?></h2>

<?php the_content(); ?>

<?php endwhile; ?>

<?php get_footer(); ?>

Sayfamızı hangi dosya ismiyle kaydettiğimizin önemi yok. Burada önemli olan en üste eklediğimiz Template Name kısmı. Oradaki ismi sayfa düzenlediğimiz yerde sağ tarafta şablonlar kısmında göreceğiz. Seçtiğimizde ise hazırladığımız şablondaki döngüler sayfayı bize gösterecek. Şablonun orasına burasına dilediğimiz kodları ekleyebiliriz. Ancak yazıı dikkatlice okuyup kodlama olayına ondan sonra geçmenizi öneriyorum.

Basit şablonumuzu anladığımıza göre, şimdi biraz daha detaya inerek başka bir örnekle devam edelim. Bu örneğimiz de iletişim sayfası olsun. Diyelim ki iletişim sayfamızda contact form 7 ile iletişim formu ekleyeceğiz ama döngünün içerisinde değil de sidebarda göstereceğiz bu formu. Formun altına da google maps ekleyeceğiz. Bu eklemek istediklerimizi döngü içerisinde verirsek, sayfa içeriği ile aynı yerde gözükeceği için normal page.php den vazgeçip kendi şablonumuzu oluşturmak istedik. Buyrun görelim;

<?php /*

Template Name: İletişim

*/

?>

<?php get_header(); ?>

<div id="sol">

<?php while (have_posts()) : the_post(); ?>

<h2><?php the_title(); ?></h2>

<?php the_content(); ?>

<?php endwhile; ?>

</div><!--- sol bitiyor --->

<div id="sidebar">

<?php echo do_shortcode('[contact-form-7 404 "Not Found"]'); ?> //iletişim formunu çektik

<iframe></iframe>//haritayı çektik ( embed )

</div><!--- sidebar bitiyor --->

<?php get_footer(); ?>

Sanırım bu örnekten sonra da bahsetmemiz gereken pek bir şey kalmadı. Gördüğünüz gibi, WordPress’i eyip büküp istediğimiz şekle sokmak bu kadar kolay aslında. Şimdi daha iyi anlıyoruz değil mi wordpress ile blog siteleri ile neden sınırlı kalmadığımızı? Bence anlıyoruz :) Sayfa şablonları gibi bir dünya özellik daha var wordpress’de. Ben vakit ayırabildiğim sürece anlatabildiğim kadarını aktaracağım bloğumdan ancak, google amcamız da sizlere çok yardımcı olacaktır. Sağlıcakla kalın. :)

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...

2 ay önce. 55 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. 63 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. 23 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. 23 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. 41 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.