WordPress Tema Yapımı #Ders4

Biraz yoğunluktan 4. derse bir türlü geçemedim. Hem işlerim hemde freelance olarak yardımcı olduğum siteler oluyor. Bu yüzden konuları geç ekliyorum şayet takip eden varmı onuda bilmiyorum ama yinede derse devam etmek istiyorum.

İlk 3 dersimizde style.css, index.php, header.php, sidebar.php, footer.php, functions.php ve single.php’yi yapmıştık. Kaldığımız yerden devam edelim.

Page.Php Yapımı

Templatemizin içerisinde sayfa için tasarım yoktu bizde bunu direk index.html’den gerçekleştirelim. Önceki derslerle aynı mantıkta takip ederek gidin. Kodlar aynı..

<?php get_header(); ?></p>
<div id="templatemo_background_section_middle">
<div class="templatemo_container">
<div id="templatemo_right_section">
<div class="templatemo_section_box">
<?php get_sidebar(''); ?>
</div>
</div>
<div id="templatemo_left_section">
<div class="templatemo_post">
<div class="templatemo_post_top_yellow"><?php bloginfo('name'); ?> > <?php the_title(); ?></div>
<p><?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?></p>
<div class="templatemo_post_mid">
<p><?php the_content(''); ?></p>
<div class="clear">
</div>
</div>
<div class="temizle"></div>
<div class="temizle"></div>
<div class="temizle"></div>
<div class="temizle"></div>
<p><?php endwhile; ?>
<?php endif; ?></p>
<div class="temizle"></div>
</div>
</div>
</div>
</div>
<p><?php get_footer(''); ?>

Üstteki kodlarda yine header ve footer dosyamızı standart olarak çağırdık orta alanda ise sayfamızın ismi ve linki için wordpress kodunu kullandık içeriğinde ise content kodumuzu kullandık tabi içeriğinde yine wordpress kodlarındaki gibi fonksiyonlarıda aktif ettik.

Tag.Php Yapımı

Bu sayfamızın amacı yazılarımıza eklediğimiz etiketlere tıklandığında o etiketin olduğu yazıların listelendiği alanı yapmak. Bunun için index.php ye yaptığımız kodları kullanacağız tek fark sadece kodları karşılaştırınca sizde göreceksiniz. (templatemo_post_top_yellow div içeriği)

<?php get_header(); ?></p>
<div id="templatemo_background_section_middle">
<div class="templatemo_container">
<div id="templatemo_right_section">
<div class="templatemo_section_box">
<?php get_sidebar(''); ?>
</div>
</div>
<div id="templatemo_left_section">
<div class="templatemo_post">
<div class="templatemo_post_top_yellow"><?php printf( __( '"%s" Etiketi Sonuçları', 'twentytwelve' ), '<span>‘ . single_tag_title( ”, false ) . ‘</span>‘ ); ?></div>
<p><?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?></p>
<div class="templatemo_post_top_yellow">
<a href="<?php the_permalink() ?>“><?php the_title(); ?></a>
</div>
<div class="templatemo_post_mid">
<p><?php if ( has_post_thumbnail() ) {the_post_thumbnail();} else {}?> <?php wpn_content_limit(get_the_content(),550); ?> </p>
<div class="clear">
</div>
</div>
<div class="templatemo_post_bottom">
<span class="post">Posted By: <a href="<?php the_author(); ?>“><?php the_author(); ?></a></span>
<span class="post">Category: <?php the_category(', ') ?></span>
<span class="post">Date: <?php the_time('m-d-y') ?></span>
<span class="post">Comment: <?php comments_popup_link(__('Yorum Yok'), __('1 Yorum Var'), __('% Yorum Var'), '', __('Yorumlara kapalı')); ?></span> 							</div>
<div class="temizle"></div>
<div class="temizle"></div>
<div class="temizle"></div>
<div class="temizle"></div>
<p><?php endwhile; ?>
<?php endif; ?></p>
<div class="temizle"></div>
<p><?php wp_pagenavi(); ?>
</div>
</div>
</div>
</div>
<p><?php get_footer(''); ?>

Archive.Php Yapımı

Günlük, aylık ve yıllık olarak yazılarımızı göstermek için bir arşiv dosyası yapmamız gerekiyor. Yine listeleme olacağı için index.php içeriği ile aynı oluyor kodlarımız tabikide farklı. (templatemo_post_top_yellow div içeriği)

<?php get_header(); ?></p>
<div id="templatemo_background_section_middle">
<div class="templatemo_container">
<div id="templatemo_right_section">
<div class="templatemo_section_box">
<?php get_sidebar(''); ?>
</div>
</div>
<div id="templatemo_left_section">
<div class="templatemo_post">
<div class="templatemo_post_top_yellow"><?php
if ( is_day() ) :
printf( __( 'Günlük Arşiv: %s', 'twentytwelve' ), '<span>‘ . get_the_date() . ‘</span>‘ );
elseif ( is_month() ) :
printf( __( ‘Aylık Arşiv: %s’, ‘twentytwelve’ ), ‘<span>‘ . get_the_date( _x( ‘F Y’, ‘monthly archives date format’, ‘twentytwelve’ ) ) . ‘</span>‘ );
elseif ( is_year() ) :
printf( __( ‘Yıllık Arşiv: %s’, ‘twentytwelve’ ), ‘<span>‘ . get_the_date( _x( ‘Y’, ‘yearly archives date format’, ‘twentytwelve’ ) ) . ‘</span>‘ );
else :
_e( ‘Archives’, ‘twentytwelve’ );
endif;
?></div>
<p><?php if (have_posts()) : ?>
<?php while (have_posts()) : the_post(); ?></p>
<div class="templatemo_post_top_yellow">
<a href="<?php the_permalink() ?>“><?php the_title(); ?></a>
</div>
<div class="templatemo_post_mid">
<p><?php if ( has_post_thumbnail() ) {the_post_thumbnail();} else {}?> <?php wpn_content_limit(get_the_content(),550); ?> </p>
<div class="clear">
</div>
</div>
<div class="templatemo_post_bottom">
<span class="post">Posted By: <a href="<?php the_author(); ?>“><?php the_author(); ?></a></span>
<span class="post">Category: <?php the_category(', ') ?></span>
<span class="post">Date: <?php the_time('m-d-y') ?></span>
<span class="post">Comment: <?php comments_popup_link(__('Yorum Yok'), __('1 Yorum Var'), __('% Yorum Var'), '', __('Yorumlara kapalı')); ?></span> 							</div>
<div class="temizle"></div>
<div class="temizle"></div>
<div class="temizle"></div>
<div class="temizle"></div>
<p><?php endwhile; ?>
<?php endif; ?></p>
<div class="temizle"></div>
<p><?php wp_pagenavi(); ?>
</div>
</div>
</div>
</div>
<p><?php get_footer(''); ?>

Temamızın sayfalarının oluşmasınıda yaparak dersimizi noktalayalım. Daha sonra temapaneli ve tema şifreleme ile devam edeceğiz. Tabi takip eden varsa belirtirse bende hızlı hızlı eklemeler anlatımlar yaparım.

Bu kısma kadar yapılan halini buradan görebilirsiniz. Biraz amatör oldu ama olsun kullanacak halimiz yok, maksat işlevi kavramaktı. 🙂

Sorularınız varsa bekliyorum.