WordPress

WordPress Kod Arşivi

By 25 Şubat 2016 Mayıs 28th, 2019 13 Comments
WordPress Logo

Sürekli kullandığım ve güncel olarak tuttuğum wordpress kod arşivimi paylaşıyorum. WordPress tema yaparken wordpress kodlarını sıkça kullanırız. Bu kodlar zamandan tasarruf etmenizi sağlar. Bazı wordpress kodlarını tek tek yazmak hem deneyim hem zaman gerektireceği için bu arşiv tam size göre.

Hazırsanız öncelikle yeni başlayanlar için temel wordpress kodları ne işe yarar? nerelerde kullanıldığını izah ederek başlayalım.

Style.css Tanımlaması

Eğer yaptığınız tema klasörünün içerisinde style.css dosyası yoksa “Ana tema eksik. Lütfen “gridlove” kök temasını yükleyin.” hatası alırsınız

Aşağıdaki gibi bir style.css dosyası oluşturup tema klasörüne atmanız yeterlidir.

/* Theme Name: Tema Adı
Theme URI: Temanın adresi
Author: Geliştirici Adı
Author URI: Geliştirici Web Sayfası
Description: Tema Açıklaması
Version: Tema Sürümü */

Temel WordPress Kodları

wp_head ve wp_footer

<?php wp_head(); ?>

<head> … </head> etiketleri arasındaki kodları çağırmaya yarar.
</head>” etiketinden önce kullanılması gerekir.

<?php wp_footer(); ?>

Sayfanızın altındaki wp_footer fonksiyonunun içeriğini yazdırır.
</body>” etiketinden önce kullanılması gerekir.

Tema adresi :

Bu fonksiyon direkt olarak tema klasörünün url’sini almanızı sağlar.

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

Blog adı

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

Ana dizin url adresi

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

RSS adresi

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

Karakter kodlaması

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

Blog açıklaması

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

Blog adresi

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

Stil dosyası adresi

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

WordPress versiyonu

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

Dosya Bağlantıları

WordPress’te oluşturduğunuz şablon dosyaları için include kullanmanıza gerek yok. Hazır fonksiyonlar ile header, footer, sidebar gibi bölümleri istediğiniz yere ekleyebilirsiniz.

header.php

<?php get_header(''); ?>

sidebar.php

<?php get_sidebar(''); ?>

footer.php

<?php get_footer(''); ?>

searchform.php

<?php get_search_form($echo); ?>

Listeleme Fonksiyonları

Bu listeleme fonksiyonları özelleştirebilirsiniz. Bunun için başlıkların yanına o fonksiyona ait codex sayfalarını da ekliyorum.

Kategorileri listeleme : (Codex)

<?php wp_list_cats($args); ?>

Sayfaları Listeleme : (Codex)

<?php wp_list_pages($args); ?>

Arşivleri Listeleme : (Codex)

<?php wp_get_archives($args) ?>

Yazarları Listeleme : (Codex)

<?php wp_list_authors($args); ?>

Takvim : (Codex)

<?php get_calendar(''); ?>

Özel menüyü listeler

<?php wp_nav_menu(); ?> 

Single.php (İç sayfa)

Döngü başlangıcı ve bitişi arasında yer alacak olan kodlar iç sayfa içerisinde o yazıya ait bilgilerin listeleneceği alandır.

Önerilen Yazı →   WordPress .well-known Dosyası Nedir? Ne İşe Yarar

Döngü başlangıcı :

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

Döngü bitişi :

<?php endwhile; else : endif; wp_reset_query(); ?>

Yazı ID

<?php the_ID(); ?>

Yazı başlığı

<?php the_title("); ?>

Yazı adresi

<?php the_permalink(") ?>

Yazı kategorisi

<?php the_category(", ") ?>

Yazı Etiketi

<?php the_tags( '', ', ', ''); ?>

Yazı tarihi

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

 Yazı Saati

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

Yazı içeriğini yazdırır

<?php the_content(); ?>

Yazı özetini yazdırır

<?php the_excerpt(); ?> 

Yorum Şablonu : (comments.php)

<?php comments_template(''); ?>

Yazı düzenleme linki

<?php edit_post_link(''); ?>

Yorum Sayısı 

<?php comments_number('Yorum Yok', '1 Yorum ', '% Yorum' );?>

Yazı okunma sayısı : (WP-PostViews eklentisi gerekir)

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

Yazar adı

<?php the_author(''); ?>

Yazar açıklaması

<?php the_author_description(''); ?>

Yazar adı ve soyadı

<?php the_author_firstname('') . " " . the_author_lastname("); ?>

Yazar sayfası adresi

<?php the_author_link('');?>

Yazar web sitesi

<?php the_author_url(''); ?>

Yazar mail adresi

<?php the_author_email('');?>

Sonraki yazı linki

<?php next_post_link('') ?>

Önceki yazı linki

<?php previous_post_link('') ?>

Öne çıkarılmış görsel (Thumbnail)

Eklenecek kodlar ;

functions.php

Önce çıkarılan görsel kullanmanız için öncelikle function.php dosyanıza aşağıdaki kodu eklemeniz gerekiyor. Bu dosya yok ise tema klasörünün içerisine function.php dosyası oluşturabilirsiniz.

add_theme_support( "post-thumbnails" );

Thumbnail Çekme Kodu

<?php the_post_thumbnail('full', array('class' => 'img-responsive','alt')); ?>
1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (Kullanıcı oyu: 28)
Loading...
Buğra Yazar

Buğra Yazar

9 yıldır kurumsal firmalara WordPress ve SEO danışmanlık hizmetleri vermekteyim. Siz hayalinizdeki projeyi anlatın ben gerçekleştireyim.

13 Comments

  • Muzaffer dedi ki:

    Teşekkürler bu yararlı paylaşım için

  • Gökhan dedi ki:

    Merhabalar, arkadaşlar gereksiz yere konu açmak istemedim. Ufak bir yardıma ihtiyacım var. WordPress blog teması yapıyorum.
    Blog bölümünde kısa özet için exceprt kullandım ama benim istediğim kadar kırpmıyor kafasına göre kırpıyor. yazıyı istediğim uzunlukta nasıl kesmesini sağlarım?

  • Hacı Mahmut dedi ki:

    WordPress kodları konusunda çok bilgim yok. Bu kodları neye göre nereye yerleştiriyoruz ?

  • Kenar Yazarı dedi ki:

    Paylaşım için teşekkürler. bu kodları görmek tema yapımı konusunda yüreklendiriyor…
    Wordpress Öne Çıkarılmış Görsel Kullanımı ; iki defa koyulmuş ve belki başka bir kod daha…

  • Sezer Azeri dedi ki:

    Merhaba, yazar ismi çekme kodu yerine yazar hakkında kodu yazılmış tekrardan. Paylaşım için teşekkürler bu arada

  • Yusuf Esen dedi ki:

    WordPress tema yapımına yeni başladım. Gerçekten temel wordpress kodlarını paylaşmanız vene işe yaradığını anlatmanız harika olmuş. Teşekkür ederim. Çalışmalarınızda başarılar dilerim.

  • Zeynep dedi ki:

    wordpress tema yapımından hiç anlamıyorum ama bazen işimi görecek fonksiyonların elimin altında olması iyidir.

  • Uğur Baytekin dedi ki:

    Emeğinize sağlık çok işime yaradı.

  • Fatih Karaman dedi ki:

    3 yıl önce bizim sitemizi siz yapmıştığınızdan beri hala aynı tasarımı kullanıyoruz hocam. tasarımımızı yenilemek için bu kodlar işimize yarar mı?

  • Faruk Çubut dedi ki:

    wordpress eğitimlerindeki bütün kodlar burada var maşallah. güzel arşiv yapmısşın.

  • Tarık Acar dedi ki:

    tüm wordpress kodları var neredeyse.

  • sesli internet dedi ki:

    Benim kendi sitem için çok faydalı oldu teşekkürler hocam…

Leave a Reply