Blogger'a Şablon/Tema Yüklemek

Şu sıralar bana gelen soruların büyük bir kısmı "şablon yükleyemiyorum" konusu üzerine. Bu yüzden bu konuyu anlatma ihtiyacı duydum. İlk olarak birbirinden güzel temaların bulunduğu http://btemplates.com/ sitesini kullanmayı göstereceğim sizlere. Size tavsiyem basit, sade temaları kullanın, hareketli cafcaflı temalardan uzak durun. Çünkü tema ne kadar karmaşık olursa içerisinde o kadar javascript dosyası olur ve o dosyaları da hostunuza yüklemeniz, daha sonra da şablonda yerleştirmeniz gerekir. Uyarıyı da verdikten sonra şimdi anlatıma geçelim. İlk olarak http://btemplates.com/ sitesine giriyorsunuz. Sağda "Categories" başlığı altında birçok tema kategorisi görebilirsiniz. Onlardan birisine tıkladığınızda karşınıza yine ana sayfadaki gibi birçok tema çıkacaktır. Şimdi o temalardan sade olarak gördüğünüz herhangi birisine tıklayın. Daha sonra açılan sayfada "Download" ve "Live Demo" şeklinde iki tane buton görürsünüz. Bunlardan "Download" butonuna tıklayarak şablonunuzu bilgisayarınıza indirebilirsiniz. "Live Demo" ise o şablonun yüklü olduğu bir blog açar size ve şablonu canlı canlı inceleme imkanı sunar. Neyse uzatmadan, "Download" butonuna basın ve şablonu masaüstünüze indirin. Şimdi masaüstünüze inmiş olan dosyayı inceleyelim. O bir sıkıştırılmış dosyadır ve onu açmadan şablon olarak blogunuza yükleyemezsiniz. Bu dosyaya sağ tıklayıp "klasöre çıkart ...\" şeklindeki winrar komutunu seçiyoruz. Örnek olsun diye ben "Nourish" isminde bir tema indirdim masaüstüne onu gösteriyorum resimlerde: Bu işlemi yaptıktan sonra masaüstünüzde yeni bir klasör oluşacak, klasörün ismi indirdiğiniz zipli dosyanızın ismiyle aynı olacak şekilde. O klasörün içine göz gezdirecek olursanız, bir tane "XML Belgesi" bulursunuz. Şimdi bu dosyayı Blogger'a yüklemek kaldı geriye. Şu yolu takip edin: Blogger yönetim panelinde Yerleşim -> HTML'yi Düzenle sayfasına giriyorsunuz. Orada "Dosya Seç" butonuna tıklıyorsunuz. Masaüstünüzde zipi açtıktan sonra oluşan klasörün içindeki xml dosyasını seçiyorsunuz ve "Aç" butonuna basıyorsunuz. Daha sonra da "Dosya Seç" butonunun yanındaki "Yükle" butonuna basıyorsunuz. "Lütfen aşağıdaki widget’ların silinmesi gerektiğini doğrulayın. Tüm widget’ların yapılandırma verileri kaybolacak." şeklinde bir uyarı alırsanız "Onayla ve Kaydet" butonuna basın ve yolunuza devam edin. Şablonunuzda bir hata yoksa yüklenecektir. Not: Bilgisayarınıza indirdiğiniz sıkıştırılmış dosyayı açabilmek için Winrar programına ihtiyacınız olacaktır. Winrar programını indirmek için aşağıdaki linke tıklayın: http://www.rarlab.com/rar/wrar380tr.exe

Wordpress HTML Tasarımı Entegre Etme (2.Ders)

Bu derste size Wamp ile kurduğumuz Wordpresste HTML Tasarımı entegre etmenin header kısmını gösterdim. Lütfen dersi izledikten sonra sizde tekrar ediniz. 
Not : Videoyu daha iyi kalitede izlemek için Dişli simgesine tıklayarak 720p kalitesini seçiniz.

Wordpress Kod Arşivi

WordPress Versiyonu ;

<?php bloginfo('version'); ?>

Atom Adresi ;

<?php bloginfo('atom_url'); ?>

RSS adresi ;

<?php bloginfo('rss2_url'); ?>

Karakter Kodlaması ;

<?php bloginfo('charset'); ?>

Blog Adı ;

<?php bloginfo('name'); ?>

Blog Açıklaması ;

<?php bloginfo('description'); ?>

Blog Adresi ;

<?php bloginfo('url'); ?>

Stil Dosyası ;

<?php bloginfo('stylesheet_url'); ?>

Tema Yolu ;

<?php bloginfo('template_url'); ?>

Header.php çağırır ;

<?php get_header(''); ?>

Sidebar.php çağırır ;

<?php get_sidebar(''); ?>

Footer.php çağırır ;

<?php get_footer(''); ?>

Kategorileri Listele ;

<?php wp_list_cats('title_li='); ?>

Sayfaları Listele ;

<?php wp_list_pages('title_li='); ?>

Takvim Göster ;

<?php get_calendar(''); ?>

Arşivleri Listele ;

<?php wp_get_archives('') ?>

Son Yorumları Listele ;

<?php
  global $wpdb;
  $sql = "SELECT DISTINCT ID, post_title, post_password, comment_ID,

 comment_post_ID, 

comment_author, comment_date_gmt, comment_approved,

 comment_type,comment_author_url, SUBSTRING(comment_content,1,30) 

AS com_excerpt FROM $wpdb->comments LEFT OUTER JOIN $wpdb->posts

 ON ($wpdb->comments.comment_post_ID = $wpdb->posts.ID

) WHERE comment_approved = '1' AND comment_type = ''

 AND post_password = '' ORDER BY comment_date_gmt DESC LIMIT 10";
 
  $comments = $wpdb->get_results($sql);
  $output = $pre_HTML;
  $output .= "\n<ul>";
  foreach ($comments as $comment) {
    $output .= "\n<li>".strip_tags($comment->comment_author) .":" . 

"<a href=\"" . get_permalink($comment->ID)."#comment-" .

 $comment->comment_ID . "\" title=\"on ".$comment->post_title . "\">" . 

strip_tags($comment->com_excerpt)."</a></li>";
  }
  $output .= "\n</ul>";
  $output .= $post_HTML;
  echo $output;
?>

While Döngüsü ;

<?php if (have_posts()) : while (have_posts()) : the_post(); ?>Çekilecek Veriler

<?php endwhile;else : ?>

Yazı Başlışı ;

<?php the_title(''); ?>

Yazı Adresi ;

<?php the_permalink('') ?>

Yazı Kategorisi ;

<?php the_category(', ') ?>

Yazı Tarihi ;

<?php the_time('j F Y'); ?>

Yazı İçeriği ;

<?php the_content(''); ?>

Yazının yayınladığı saat ;

<?php the_time('H:i:s'); ?>

Yazıya Yapılan Yorum Sayısı ;

<?php comments_popup_link(__('Yorum yapılmamış'), __('1 yorum yapılmış'),

 __('% yorum yapılmış'), '', __('Yorumlara kapalı')); ?>

Yazı Okunma Sayısı (WP-PostViews eklentisi gerekir) ;

<?php if(function_exists('the_views')) { the_views(); } ?>

Yazı İD ;

<?php the_ID(); ?>

Yazı Düzenleme Linki ;

<?php edit_post_link(); ?>

Yorum Şablonu (Comments.php) ;

<?php comments_template(); ?>

Yazar adı ;

<?php the_author(''); ?>

Yazar Hakkında ;

<?php the_author_description(''); ?>

Yazar İsmi ;

<?php the_author_firstname(''); ?>

Yazar Soyismi ;

<?php the_author_lastname(''); ?>

Yazar’ın Makale sayısı ;

<?php the_author_posts('');?>

Yazar Sayfası ;

<?php the_author_link('');?>

Yazar’ın Web Sitesi ;

<?php the_author_url(''); ?>

Yazar’ın E-Mail Adresi ;

<?php the_author_email('');?>

Sonraki Yazı Linki ;

<?php next_post_link('') ?>

Önceki Yazı Linki ;

<?php previous_post_link('') ?>

Sayfalama (Pagenavi gerekir) ;

<?php wp_pagenavi(); ?>

Öne Çıkarılmış Görsel Kullanımı ;

While döngüsü içerisinde ;

<?php if ( has_post_thumbnail() ) {the_post_thumbnail();} else {}?>

funtions.php’de eklenecek ;

add_theme_support( 'post-thumbnails' );
set_post_thumbnail_size( 125, 125 );

The Excerpt kullanımı ;

While Döngüsü içerisinde ;

<?php the_excerpt(''); ?>

functions.php’de eklenecek ;

function new_excerpt_length($length) {
return 12;
}
add_filter('excerpt_length', 'new_excerpt_length');

Arama Formu ;

<form method="get" id="searchform" action="<?php bloginfo('url'); ?>">
<input class="searchbg" type="text" name="s" id="s" onfocus="if (this.value == 'Ara ...') 

{this.value = '';}" onblur="if (this.value == '') {this.value = 'Ara ...';}" />
<input class="button" type="button" value="" />
</form>

-Header.php olduğunu belirten koddur.(</head> tagından önce yazılmalıdır.)

<?php wp_head(); ?>

-Yazının olup olmadığını sorgular.(Döngüyü başlatır.)

<?php if(have_posts()) : ?>

#Style.css Kodları#

-Tema hakkında bilgiler.(Theme Name : tema ismi , Description : açıklama , Theme URl : tema adresi , Version : temanın versiyonu , Author : tema yapımcısı , Author URl : tema yapımcısının site adresi , Tags : tema etiketleri)

/*
 Theme Name: #
 Description:#
 Theme URI: #
 Version: 1.0
 Author: #
 Author URI: #
 
*/

WP Dersleri - Wampserver , Localhost ile Wordpress Kurma (1. Ders)

Bu dersimde size Wampserver ile Wordpress kurmayı gösterdim. Birdahaki dersimde size HTML bir tasarımı Wordpress'e entegre etmeyi göstereceğim. Videomu izleyen izlemeyen herkese teşekkür ederim.

Not : Sesimle dalga geçen spamlanır , yorum kısmına sorularınızı yazabilirsiniz. Not : Videoyu daha iyi kalitede izlemek için Dişli simgesine tıklayarak 720p kalitesini seçiniz.