WordPress

WordPress Kodları

By 25 Şubat 2016 Ağustos 19th, 2019 13 Comments
WordPress Kodları - Buğra Yazar WordPress Uzmanı

Hazırsanız öncelikle yeni başlayanlar için wordpress kodları ne işe yarar? nerelerde kullanıldığına hep beraber bakalı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 “xxx” 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ü */

Title (Sayfa Başlığı)

<?php
global $page, $paged;
wp_title( '|', true, 'right' );
bloginfo( 'name' );
$site_description = get_bloginfo( 'description', 'display' );
if ( $site_description && ( is_home() || is_front_page() ) )
echo " | $site_description";
if ( $paged >= 2 || $page >= 2 )
echo ' | ' . sprintf( __( 'Page %s', 'Ecancan (Kendinize göre düzenleyin)' ), max( $paged, $page ) );
?>

Sayfaları Listeleme

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

Temel WordPress Kodları

WordPress tema yapımında kullanılan wordpress kodları ile başlayalım.

Önerilen Yazı →   Wordpress yazı içinde kod göstermek

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.

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 ;

Önerilen Yazı →   WordPress Yorum Bağlantılarını Yeni Sekmede / Pencerede Açmak

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')); ?>

Faydalı wordpress kodları

Bileşen Tanımlama

<?php
if ( function_exists('register_sidebar') ) {
register_sidebar(array(
'name' => 'Sağ Bölüm',
'before_widget' => ' ',
'after_widget' => '',
'before_title' => '',
'after_title' => '',
));
}
?>

Bileşenin Gösterilmesi

<?php if ( function_exists('dynamic_sidebar') && dynamic_sidebar() ) : else : ?>
<?php endif; ?>

Popüler Yazıları Listeleme

<?php
// wordpress popüler yazıları listeleme kodu
query_posts(array('meta_key' => 'views', 'orderby' => 'meta_value_num'));
while ( have_posts() ) : the_post();
//Listeleme iskeleti. Yani Listelemek istediğiniz html parça
endwhile;
wp_reset_query();
?>

Rastgele Yazıları Listeleme

Aşağıdaki koddaki showposts=5 yerine istediğiniz rakamı yazabilirsiniz. 10 tane göstermek için showposts=10 olmalı gibi.

<?php
// sorgu koşulu belirlenir
query_posts('showposts=5&orderby=rand');
while ( have_posts() ) : the_post();
//Listeleme iskeleti
endwhile;
wp_reset_query();
?>

WordPress Arama Formu Kullanımı 

<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>

Yorum Yapanın Yazar Linkini Kaldırma / Yorumlardaki Site Linklerini Kaldırma:

Her ne kadar wordpress sitenize yapılan yorumlardaki gravatar profilleri yorum yapan kişinin ismini o kişinin sitesine nofollow olarak linklese de, yani SEO konusunda sorun olmasa bile bazı durumlarda yapılan wordpress yorumlardaki linkleri kaldırmak için aşağıdaki kodu kullanabilirsiniz.

Alttaki kodu functions.php dosyanıza eklediğinizde ise sitenizin genelinde yorumlardaki site linklerini tamamen iptal edebilirsiniz.

/**
* Yorumlardaki site bağlantı Link adreslerini kaldırma kodu
* 
* @return string $author
*/
function wpse218025_remove_comment_author_link( $return, $author, $comment_ID ) {
return $author;
}
add_filter( 'get_comment_author_link', 'wpse218025_remove_comment_author_link', 10, 3 );

Bu Yazı 19.08.2019 tarihinde güncellenmiştir. Yeni kodlar ve fonksiyonlar eklenmiştir.

Yazı Güncelleme Tarihi

Yazıya eklememi istediğiniz wordpress kodlarını yorum olarak yazabilirsiniz.

Arkadaşlarınla Paylaş!

1 Yıldız2 Yıldız3 Yıldız4 Yıldız5 Yıldız (Kullanıcı oyu: 29)
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…

Yorum Yaz