Davut KARA

Bilişim Sistemleri Mühendisi

Bu blog, 5 yıl önce, bilişim ve diğer konularda hakkında, makalelerime yer vermek amacı ile açılmıştır.

WordPress Tema Yapım Seti 5. Ders Final

wptemayapimfinalYaklaşık 1 yıl önce yapımına başladığım, eğitim setinin sonunu getirmemiştim. Ancak bir kaç istek üzerine son derside hazırlamayı karar verdim. Bu 5 derslik eğitim setinde basit bir wordpress temasının temel wordpress fonksiyonlarıyla nasıl oluşturulduğunu görmüş olacağız. Bu eğitim setini hazırlarken html-css-php bilmeyen bir kişinin anlayacağı düzeyde anlatmaya çalışmıştım.

İçeriği listeleme / gösterme.

<?php while (have_posts()) : the_post(); ?>
<?php the_permalink() ?> // Link
<?php the_title(); ?> // Başlık
<?php the_content(); ?> // İçerik
<?php the_excerpt(); ?> // Özet içerik
<?php endwhile;?>

Sayfa sıralamasını koymak

<?php echo paginate_links( $args ); ?>

Paginate_links fonskiyonu ile ilgili daha fazla bilgi için tıklayın pagination links function.

Arama kutusu koyma kodu

<?php get_search_form( $echo ); ?>

Daha fazla bilgi için get search form function

Sidebar yapma kodu
functions.php ye eklenecek olan kod

<?php register_sidebars( 1, array( 'name' => 'Sidebar' ) ); ?>

Gösterilecek olan sayfaya yani sidebar.php ye eklenecek olan kod:

<?php dynamic_sidebar( "Sidebar" ); ?>

Yorum alanı koyma kodu

<?php comments_template(); ?>

En basit halleriyle kullanılan fonksiyonlar bunlar.

Öne çıkarılmış görsel / yazı resmini koymak.
Bu kodu functions.php ye ekleyin

<?php add_theme_support('post-thumbnails'); ?>

Resmin gösterilmesi istenen yere ekleyin

 <?php $image_url = wp_get_attachment_image_src( get_post_thumbnail_id(), 'full'); if ( has_post_thumbnail() ) { ?><a title="<?php the_title(); ?>" href="<?php the_permalink() ?>" rel="bookmark"><img class="left" src="<?php echo $image_url[0]; ?>" alt="<?php the_title(); ?>" width="125" height="127" /></a><?php } ?>

Tema bilgileri Bu içeriği style.css dosyasının en üstüne yapıştırın ve düzenleyin.

/*
Theme Name: Tema Adı
Theme URI: İsterseniz tema adresi
Author: Yapan kişi
Author URI: Yapan kişinin adresi
Description: Açıklama
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: Temayı tarif eden kelimeler
Text Domain: tema nicki

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
  • Medicinase

    Gerçekten çok yararlı, kısa ve öz olmuş. Emeğinize sağlık..

  • mehmet pişiren

    gayet anlaşılır ve bilgilendirici olmuş, teşekkür ederiz. Keşke bir de özel tema paneli nasıl yapılır ona da el atsanız???

    • yazın her şeye değinmeyi planlıyorum, yorumunuz için teşekkürler.

  • ömer

    hocam sidebar kodlarını giryorum sizin yaptıklarınızın aynısını yapıyorum ama sidebar bileşeni gözükmüyor. neden olabilir?

    • admin panelindeki görünüm bileşenler kısmında çıkması gerekir functions.php ye sidebar kayıt ettiniz mi o verdiğim kodun yazılması gerekiyor functions.php ye

  • talip

    Kolay gelsin .Wordpress hakkında anlatım olarak en sade ve anlaşılır anlatımı şu ana kadar izlediğim onlarca kişi arasında en iyi sen anlatmışsın.Videoda da bahsetmişsin daha ileri düzey bir wordpress dersi yapacağım diye bu konuda bir gelişme varmı? yoksa bekliyorum kendi adıma.birde html-css hakkında da anlatım yapabilirsen çok iyi olacak.Anlatımın çok iyi insanlar faydalanır.Şimdiden teşekkür ederim..

    • Yorumunuz için çok teşekkürler, html css ve gelişmiş wordpress için anlatım yapmayı düşünüyorum tabi :), ancak okulum vs çok yoğun olduğu için müsait bir vakit bulamıyorum inşallah anlatımlara devam edeceğim. WordPress kategorsinde anlattığım diğer eklenti vb basit çaplı videolarıda izleyebilirsiniz. kolay gelsin 🙂

  • Özgür

    Elinize sağlık… Basit bir WordPress temanın nasıl yapılabileceği oldukça başarılı anlatmışsınız. Çok çok teşekkürler… Birçok kişinin işine yarayacağını düşünüyorum. İyi bir başlangıç referansı oluşturmuşsunuz… İleri düzey bir çalışma ya da benzeri bir şey yaparsanız da çok iyi olur… Saygılarımla…

    • Teşekkürler, ileri düzey çalışmalar yapıyorum ancak anlatım olayı gerçekten çok zor bunun için kendime boş bir zaman arıyorum bu süreçte nasıl anlatabilirim ? sorusunun cevabını bulup güzel bir şekilde onları da anlatacağım, yorumunuz için teşekkürler kolay gelsin.

  • Uğur

    WordPress için CasterFm radyo yayını yapmayı anlatabilirmisiniz rica etsem

  • Ozkan Kurt

    hocam yaptığınız şablonun style dosyasını firefox tanmı aldınız burayı anlatmadınız?

  • hakan

    davut bey 2014 yılında yapmış olduğunuz wordpress tema yapım setinizi izledim çok başarılı buldum fakat sizden bir ricam olucak eyer çalışmalarınız arasında film tema çalışmalarınız varsa bu konuda da bir set yaparsanız çok memnun olurum başarılarınızın devamını temenni ederim