Caner Dio

WordPress & Sanayi İşleri & Web Master

Caner'in blogunda, WordPress ipuçları, web tasarımı rehberleri ve sanayi işleri hakkında yazılar bulabilir, dijital çözümlerle işinizi geliştirebilirsiniz.

SİNCE 2006

WordPress Tema Yapımı #Ders4

  • Uyarı! Bu yazı 09.06.2016 tarihinde yazıldı. O günden bu güne bir çok şey değişmiş ve yazı geçerliliğini yitirmiş olabilir.

    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(); ?> <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'); ?> &gt; <?php the_title(); ?></div> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <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> <?php endwhile; ?> <?php endif; ?> <div class="temizle"></div> </div> </div></div></div> <?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(); ?> <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> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <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> <?php endwhile; ?> <?php endif; ?> <div class="temizle"></div> <?php wp_pagenavi(); ?> </div> </div></div></div> <?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(); ?> <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> <?php if (have_posts()) : ?> <?php while (have_posts()) : the_post(); ?> <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> <?php endwhile; ?> <?php endif; ?> <div class="temizle"></div> <?php wp_pagenavi(); ?> </div> </div></div></div> <?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.

    Etiketler
  • Yorumlar

    One comment on “WordPress Tema Yapımı #Ders4”

    • ÖzkanÖzkan

      hocam lütfen devam edin

    Yorum Yapın

    E-posta adresiniz yayınlanmayacak.Gerekli alanlar * ile işaretlenmişlerdir

Özkan
Hakkında

Merhaba, ben Caner. Wordpress, web tasarımı, satış pazarlama, mimari tasarım, 3ds max, autocad ve sanayi sektörlerinde yeterli tecrübeye sahip ve derinlemesine bilgi sahibiyim. Yıllardır yaratıcı projeler üzerinde çalışarak, teknolojiyi iş dünyasına entegre etmeyi seviyorum. bycaner.com üzerinden WordPress ipuçları, web tasarımı rehberleri ve sanayi sektörüyle ilgili değerli bilgiler paylaşarak, dijital dünyadaki yolculuğunuzu kolaylaştırmayı hedefliyorum. Her gün daha verimli ve yaratıcı çözümler üreterek, işinizi büyütmenize yardımcı oluyorum.

217 defa görüntülendi.
9 Haziran 2016 tarihinde eklendi.
KATEGORİLER
Admin Gravatar