Zingocan » Tasarım Dersleri

10 Adımda WordPress Blogunuzu Hızlandırın

admin — Tue, 10 May 2011 11:31:29 +0000

Merhabalar..

Türkiyede kullanıcıların websitelerinden çıkma sebepleri arasında yavaş açılan problemi önemli yer edinmektedir. Bunun yanında çoğu SEO makalesinde de sayfa hızının Pagerank’a etki ettiği söylenmedir. Hepsi bir kenara web sitenizin hızlı açılmasını hepimiz isteriz değil mi?

Aşağıda vereceğim 10 adım ile blogunuzu olduğu halden daha hızlı açılır hale getirebilirsiniz.[fancy_header] 1-) İstenmeyen Eklentileri (Pluginleri) Silme[/fancy_header]

Eğer blogunuz yavaş açılıyorsa bunun en büyük sebeplerinden birisi kullandığınız pluginlerden kaynaklanır. WordPress içerisinde kullanılan pluginler çoğu zaman bazı temaların css kodlarını okumasında zorlamakla kalmayıp bir de web sitenizin geç açılmasını sağlayabilir. İlk adım olarak Eklentiler sayfanıza gelin ve 10 adetten daha fazla eklentiye sahip olmadığınıza emin olun. Eğer eklenti sayınız 10′u geçiyorsa kendinize şu soruyu sorun;

[info_box] Kullandığım Plugin WordPress Temama zaten ekli olabilir mi? [/info_box]

Daha önce kullanmış olduğunuz temada olmayan bazı özellikler yeni temanızda var olabilir. Fakat bu özellikleri karşılamadığı için indirdiğiniz pluginler yeni temanızda sadece sunucuya istem göndermekten başka bir işe yaramayacaktır. Pluginlerinizi en aza indirgeyerek kullanırsanız Web sitenizin geç açılma sorununa ilk adımı atmış olursunuz.

[pullquote_left] Bazı pluginler kullanıcı sayfasıyla alakadar değil, sadece admin paneli bazlı çalışmaktadır. Bu pluginleri göz ardı edebilirsiniz. [/pullquote_left] Bazen pluginlerin işleyiş tipleri wordpress blogunuzun işleyişine engel olabilir. Bu engellerde ileride site hatalarına sebebiyet verebilir. Aynı zamanda birçok pluginin yaptığı işi WordPress Codex ile de ayarlayabilirsiniz. Her özellik için plugin kurmaya gerek yoktur.

[fancy_header] 2-) Gereksiz PHP Etiketlerini Kaldır [/fancy_header]

Gereksiz PHP etiketlerinden kastım daha önce de paylaşmış olduğum Gereksiz Div etiketleriyle aynı mantıktadır. Eğer kullandığınız WordPress Temasını siz yapmadıysanız temayı yapan kişi kullanıcılar için farklı alternatifler oluşturmak adına bir çok fonksiyondan oluşan tema kodlamıştır. Burada sizin kullanmadığınız ve kullanmayacağınız bir çok fonksiyon yer alabilir.. Kullanılan her fonksiyon sizin blogunuzda bir gecikme yaratacaktır.

Örnek vermek gerekirse;

Bir php tag’inde if else elseif gibi ibareler bulunur. Kod içerisinde [highlight_1] “Eğer kullanıcı admin panelinden mavi temayı seçtiyse mavi arkaplanı getir, değilse beyaz kalsın.” [/highlight_1] gibisinden bir emir verilmiştir. Siz mavi temayı kullansanız dahi bu döngü sürekli döndürülecek ve sizin sisteminize sürekli iletilecektir. Buda yine size zaman kaybı olarak dönecektir.

[warning_box] Şayet WordPress Tema editleme hakkında bilginiz yoksa şuradaki WordPress Tema yapma makalemi okuyabilirsiniz.Aynı zamanda WordPress Dersleri kategorisini de inceleyebilirsiniz. [/warning_box]

[fancy_header]3-) WP Super Cache Pluginini Kullanın[/fancy_header]

Bir başka WordPress hızlandırma tekniği ise WP Super Cache plugin‘idir. Bu plugini kullanarak WordPress blogunuzu daha hızlı açılır hale getirebilirsiniz.

[fancy_header]4-) WP Database Optimize[/fancy_header]

WordPress Veritabanınızı optimize etmeniz blogunuzun açılma hızına büyük miktarda etki edecektir. Optimize etmenin iki yolu vardır. Birisi el ile diğer plugin kullanarak.

WordPress DB’nizi manuel olarak optimize etmeyi daha sonra anlatacağım. Fakat siz WordPress DB Optimize diye aratarak birçok sonuca ulaşabilirsiniz. Özellikle benim kullandığım WP Optimize sayesinde hem spam yorumları topluca silebilme, hem de veritabanı tablolarınızı optimize edebilen bir plugini öneririm. Buradan ulaşabilirsiniz. Ayrıca daha profesyonel bir plugin olan Optimize DB plugin from yoast.com u kullanabilirsiniz.

[fancy_header]5-) Resimleri Optimize Et[/fancy_header]

Eğer WordPress’te kullandığınız resimleriniz optimize edilmemişse hem bant genişliğini hem de yükleme süresini artıracaktır.. Her ikiside siteniz için kötü bir durum.. Çözüm; Resminizi WordPress panelinize eklerken Photoshop’tan save for web seçeneğini kullanarak kaydedin. Ya da GIMP kullanarak resimlerinizi otomatik olarak sıkıştırabilirsiniz.

Ölçü olarak tam resimlerinizi küçük tutmaya özen gösterin, ayrıca 40KB’tan daha büyük resim dosyalarını kullanmamayı da tercih edebilirsiniz. Ayrıca bir yahı servisi olan smush.it‘i de kullanarak resimlerinizi optimize edebilirsiniz.

[fancy_header]6-) CSS ve Javascript Sıkıştırma[/fancy_header]

Yine CSS dosyalarınızı tek bir javascript dosyasına sıkıştırarak kolaylıkla bant genişliğini düşürebilirsiniz.CSS dosyalarınızı sıkıştırmak için bir online araç olan styleneat.com‘ u deneyebilirsiniz. Siteye girdiğinizde beyaz boşluğa CSS kodlarınızı yazın ve Organize CSS ‘deyin.. Çok kolay bir yöntemle WordPress Blogunuzu bir adım daha hızlandırmış oldunuz.

Başka bir yöntemde, tek bir Javascript dosyası oluşturarak bunu fotter.php’ye entegre etmekle gerçekleştirilebilir.

[fancy_header]7-) Hotlink Devre Dışı Bırakma[/fancy_header]

Yukarıda dediğim gibi optimize edilmemiş resimler hem bant genişliğini hem de site hızını kötü yönde etkiler. Bundan kurtulmak için resimlerinizi optimize ettiniz, fakat ya Kopyala + Yapıştır ile daha önce yapmış olduğunuz resimlere nasıl etki edeceksiniz. Başkasının serverindeki resimleri .htaccess’i kullanarak optimize edebiliriz.. Bunu yapmanın tek yolu .htaccess ile daha önce copy+paste yapılmış olan resimlerin gösterimini durdurarak kendi sitenize ait bir resimi gösterebilirsiniz. Bunu yapmak için aşağıdaki kodları .htaccess dosyanıza ekleyin;

[code]

RewriteEngine on
RewriteCond %{HTTP_REFERER} !^$
RewriteCond %{HTTP_REFERER} !^http://(www\.)?siteniz.com/.*$ [NC]
#RewriteRule \.(gif|jpg)$ - [F]
RewriteRule \.(gif|jpg)$ http://www.siteniz.com/resim.gif [R,L]

[/code]

Burada ekleyeceğiniz resim, tüm dış url resimlerini seçtiğiniz resim.gif adlı resim ile değiştirilecektir. Resim.gif dosyanızı sitenizin reklamı olarak seçebilirsiniz.

[fancy_header] 8- ) Spam’dan Uzak Tutun[/fancy_header]

.htaccess dosyası oldukça faydalı bir araçtır. Sadece hotlink ile kalmayıp tüm spam dış url’leri pasif hale getirebilirsiniz. “[highlight_1]Tam da aradığım şeydi[/highlight_1]” dediğinizi duyar gibiyim..

.htaccess dosyasına yukarıdaki gibi bir ekleme yaparak tüm spam yorum ve linklerden kaçınılabilecek bir uygulama getirelim mi ne dersiniz? Bunu Perishable Press de bulunan 8000′in üzerindeki kara listeyi .htaccess dosyamıza ekleyerek en çok kullanılan spam kelime ve siteleri blogunuzdan temizleyebilirsiniz. buradan indirerek .htaccess dosyanıza yapıştırın, rahat olun..

[fancy_header]9- ) Post Revüzyonu Kapatma[/fancy_header]

Revizyon olayı öncelikle çoklu yazar bloglarının kullanabileceği tipten bir özelliktir. Bu özellik WordPress 2.6′dan sonra tanıtıldı.. Eğer siz blogunuza başkalarının yazı yazmasına müsade etmiyorsanız bu revüzyon olayına neden ihtiyacınız olsun ki? İhtiyacınız olmadığından dolayı bir de veritabanı tablolarınızda oldukça yer kaplayan ve sürekli bant genişliğine yol açan bu ayarı site hızımız için kapatmamız gerekiyor. Post Revision ayarını kapatmak için yapmanız gereken ufak bir kaç adım var. WordPress root panelinden config.php yi ve aşağıdaki kodu ekleyin;

[code lang="php"]
define('WP_POST_REVISIONS', false);
[/code]

bir de config dosyanıza dokunmak istemiyorsanız phpMyadmin ile aşağıdaki sorguyu çalıştırarak çıkan tüm revüzyonları silebilirsiniz;

[highlight_1]DELETE a,b,c
FROM wp_posts a
LEFT JOIN wp_term_relationships b ON (a.ID = b.object_id)
LEFT JOIN wp_postmeta c ON (a.ID = c.post_id)
WHERE a.post_type = ‘revision’[/highlight_1]

[fancy_header]10-) Diğer Yükseltme Fikirleri[/fancy_header]

Aşağıda vereceğim linklerde de yine wordpress blogunuzu hızlandırmaya yönelik bilgiler vermektedir.

AndBreak.com: Guide to Speeding Up WordPress

WPCandy: 4 Simple Ways To Speed Up WordPress

Lorelle on WordPress: The 3 Easiest Ways to Speed Up WordPress

Yoast.com: Speed up WordPress, and clean it up too!Speed up WordPress, Increase WordPress Performance

Eğer sizinde farklı önerileriniz varsa yorum olarak belirtiniz lütfen. İyi bloglamalar dilerim..

Film Siteleri için Yönetmen, Tür, Oyuncular vs. Etiketleri [WP]

admin — Tue, 29 Mar 2011 14:45:55 +0000

Merhabalar.. Bir arkadaşımın isteği üzerine Filmilla‘da bulunan yazı içerisinde Fim için, Tür, Yönetmen, Oyuncular vs gibi etiketleri koyabileceğiniz ve bu her etiketi link olarak çalıştırabileceğiniz WordPress Yeni Post Tipi nasıl oluşturulur bunu anlatacağım..

İlk olarak birazdan size anlatacağım bilgilerin bir kısmını WordPress Codex’in bu sayfasından öğrendim.. Yeteri düzeyde ingilizceniz varsa siz de öğrenebilrisiniz. Fakat şimdi sadece bu yeni post tipini filmlerde nasıl kullanacaksınız size bunu göstereceğim..

Eğer daha önceki yazılarımı da okuduysanız bu tür fonksiyonları wordpress temamıza entegre edebilmek için temanın functions.php dosyasında düzenlemelerimizi yapmamız gerekiyor..

Önceden söyleyeyim, bu tür bir Post Tipini çok farklı türlerde de kullanabilirsiniz. Sadece film sitelerinde değil, aşağıda anlatacağım şeyleri kendinize göre düzenleyip istediğiniz temada kullanabilirsiniz.

Şimdi ben ilk olarak functions.php dosyasını fazla karıştırmamak için kendimize özel bir php dosyası oluşturalım dedim.. Dosyayı oluşturmak için Temanızın içerisine bir klasör oluşturun.. Klasörün ismi film olsun. Klasörün içine de film-ekle.php adında bir php dosyası oluşturalım. Şimdi bu dosyanın içine doldurmadan önce temanın bu dosyası okuması ve bu dosya olmadan tema çalışmasında hata vermesi için functions.php dosyamızda temanın yolunu bildirelim.Functions.php dosyanızın başına ya da sonuna;

[php]
<?php
define( tayfuncakir_film, TEMPLATEPATH . ‘/film/’ );

require_once(tayfuncakir_film . ‘film-ekle.php’);
?>

[/php]

fonksiyon dosyamızı kaydedip kapatalım. Ve daha sonra oluşturduğumuz film-ekle.php dosyasını açalım.. Kodları parça parça anlatım aşağıda tüm kodları birlikte vereceğim..

İlk olarak WordPress kodlarını kullanarak yeni bir post-type oluşturmamız gerekiyor. Bunun için oluşturacağımız Post-type’in özelliklerini yazacağız;

[php]

function post_tipi_film() {
register_post_type(‘film’, array(
‘labels’ => array(‘name’ => __(‘Filmler’), ‘singular_label’ => __(‘Film’), ‘add_new_item’ => __(‘Film Ekle’), ‘edit_item’ => __(‘Film Düzenle’)),
‘public’ => true,
‘show_ui’ => true,
‘_builtin’ => false,
‘_edit_link’ => ‘post.php?post=%d’,
‘capability_type’ => ‘post’,
‘hierarchical’ => false,
‘rewrite’ => array("slug" => "film"),
‘menu_position’ => 20,
‘with_front’ => true,
‘supports’ => array(‘title’, ‘editor’, ‘comments’, ‘thumbnail’, ‘author’)
));
[/php]

Bu kodlar sayesinde tıpkı wordpress’te Yazılar, Yazı Ekle seçeneklerinde olduğu gibi Şimdi de Filmler, Film Ekle ya da Film Düzenle seçenekleri mevcut.. Bu ayarlarla aslında film sayfamız oluşmuş durumda fakat şimdi bir de filmler için kategoriler ekleyelim..

WordPress’in taxonamy adında kod bileşenini kullanarak Filmlere kategori taksonomosi yerleştiriyoruz;

[php]

register_taxonomy(‘film_kategori’, ‘film’, array(‘hierarchical’ => true, ‘labels’ => array(‘name’ => __( ‘Film Kategorileri’ ), ‘singular_label’ => __(‘Film Kategori’), ‘add_new_item’ => __( ‘Yeni Film Kategorisi Ekle’ ), ‘search_items’ => __( ‘Film Kategorisi Ara’ )), ‘rewrite’ => array(‘slug’ => ‘film-kategorileri’)));

[/php]

Bu kodlar sayesinde Film Ekleme sayfasında filme ekleyebileceğiniz kategoriler mevcut oldu. Tıpkı Yazı kategorileri gibi.. Şimdide Yazılarda bulunan etiketler gibi bir de film etiketleri girelim. Film etiketlerimiz Tür, Yönetmen, Yapımcı gibi olabilir..

[php]

register_taxonomy(‘yonetmen’, ‘film’, array(‘hierarchical’ => false, ‘labels’ => array(‘name’ => __( ‘Yönetmenler’ ), ‘singular_label’ => __(‘Yönetmen’), ‘add_new_item’ => __( ‘Yeni Yönetmen Ekle’ ), ‘search_items’ => __( ‘Yönetmen Ara’ )), ‘rewrite’ => array(‘slug’ => ‘yonetmen’)));

register_taxonomy(‘tur’, ‘film’, array(‘hierarchical’ => false, ‘labels’ => array(‘name’ => __( ‘Türler’ ), ‘singular_label’ => __(‘Tür’), ‘add_new_item’ => __( ‘Yeni Tür Ekle’ ), ‘search_items’ => __( ‘Tur Ara’ )), ‘rewrite’ => array(‘slug’ => ‘tur’)));

register_taxonomy(‘yapimci’, ‘film’, array(‘hierarchical’ => false, ‘labels’ => array(‘name’ => __( ‘Yapımcılar’ ), ‘singular_label’ => __(‘Yapımcı’), ‘add_new_item’ => __( ‘Yeni Yapımcı Ekle’ ), ‘search_items’ => __( ‘Yapımcı Ara’ )), ‘rewrite’ => array(‘slug’ => ‘yapimci’)));

register_taxonomy(‘imdb’, ‘film’, array(‘hierarchical’ => false, ‘labels’ => array(‘name’ => __( ‘IMDB’ ), ‘singular_label’ => __(‘IMDB’), ‘add_new_item’ => __( ‘IMDB Ekle’ ), ‘search_items’ => __( ‘IMDB Ara’ )), ‘rewrite’ => array(‘slug’ => ‘imdb’)));

register_taxonomy(‘yayin_tarihi’, ‘film’, array(‘hierarchical’ => false, ‘labels’ => array(‘name’ => __( ‘Yayın Tarihleri’ ), ‘singular_label’ => __(‘Yayın Tarihi’), ‘add_new_item’ => __( ‘Yeni Yayın Tarihi Ekle’ ), ‘search_items’ => __( ‘Yayın Tarihi Ara’ )), ‘rewrite’ => array(‘slug’ => ‘yayin-tarihi’)));

register_taxonomy(‘goruntuyonetmeni’, ‘film’, array(‘hierarchical’ => false, ‘labels’ => array(‘name’ => __( ‘Görüntü Yönetmenleri’ ), ‘singular_label’ => __(‘Görüntü Yönetmeni’), ‘add_new_item’ => __( ‘Yeni Görüntü Yönetmeni Ekle’ ), ‘search_items’ => __( ‘Görüntü Yönetmeni Ara’ )), ‘rewrite’ => array(‘slug’ => ‘goruntuyonetmeni’)));

register_taxonomy(‘oyuncular’, ‘film’, array(‘hierarchical’ => false, ‘labels’ => array(‘name’ => __( ‘Oyuncular’ ), ‘singular_label’ => __(‘Oyuncu’), ‘add_new_item’ => __( ‘Yeni Oyuncu Ekle’ ), ‘search_items’ => __( ‘Oyuncu Ara’ )), ‘rewrite’ => array(‘slug’ => ‘oyuncular’)));

register_taxonomy(‘senaryo’, ‘film’, array(‘hierarchical’ => false, ‘labels’ => array(‘name’ => __( ‘Senaristler’ ), ‘singular_label’ => __(‘Senarist’), ‘ï»¿’ => __( ‘Yeni Senarist Ekle’ ), ‘search_items’ => __( ‘Senarist Ara’ )), ‘rewrite’ => array(‘slug’ => ‘senaryo’)));

[/php]

Bunları da ekledikten sonra film-ekle.php’ye bu kodları film-post-tipleri fonksiyonuna eklemesi için aşağıda ki add_action komutunu uyguluyoruz;

[php]add_action(‘init’, ‘post_tipi_film’);
[/php]

Admin Sayfasından görüntüler;

Ve dosyanın başına ve sonuna php taglerini ekleyerek dosyayı kaydedip kapatıyoruz.. Dosyamızın son hali şu şekilde olmalı;

[php] function post_tipi_film() {
register_post_type(‘film’, array(
‘labels’ => array(‘name’ => __(‘Filmler’), ‘singular_label’ => __(‘Film’), ‘add_new_item’ => __(‘Film Ekle’), ‘edit_item’ => __(‘Film Düzenle’)),
‘public’ => true,
‘show_ui’ => true,
‘_builtin’ => false,
‘_edit_link’ => ‘post.php?post=%d’,
‘capability_type’ => ‘post’,
‘hierarchical’ => false,
‘rewrite’ => array("slug" => "film"),
‘menu_position’ => 20,
‘with_front’ => true,
‘supports’ => array(‘title’, ‘editor’, ‘comments’, ‘thumbnail’, ‘author’)
));

/** Film Kategorileri **/

/** Film Etiketleri **/

add_action(‘init’, ‘post_tipi_film’);

?>[/php]

Admin Panelimiz hazır.. Peki bunu nasıl yazdıracağız?

Normalde WordPress Yazılarımız single.php adlı dosya sayesinde görüntülenir.. Fakat bizim ekleyeceklerimiz film olacak.. Yazılar için bir single.php zaten temada var bu yüzden bize film için bir single.php dosyası oluşturalım.. Temanın single.php dosyasının bulunduğu yere single-film.php adında bir php dosyası oluşturalım ve bir de verilerimizi çekebilmek için film-kutu.php adında bir dosya oluşturup, single-film.php dosyasını açalım ve başlayalım kodlamaya;

Bu içerikte film sayfamızla alakadar pe birşey olmayacak, ben her zaman kodlama yaparken kodları parçalamak isterim çünkü bu sayede geri döndüğüm zaman eğer bir hata yaptıysam ya da bir değişiklik yapacaksam bunu bulmak kolay oluyor. bu yüzden single-film.php dosyasına sadece şunları ekleyelim;

[php]

<?php get_header(); ?>

<?php if (have_posts()) : while (have_posts()) : the_post(); $parent_post_id = $post->ID; ?>

<?php require_once(‘film-kutu.php’); ?>

<?php endwhile; endif; ?>

<?php get_sidebar(); ?>

<?php get_footer(); ?>

[/php]

Burada film-kutu.php dosyasını çekmesi için bir kod girdik.. Şimdi film-kutu.php dosyamızı oluşturalım;

film-kutu.php dosyamız normalde temanın single.php dosyasıyla aynı olmalı çünkü temanın CSS kodlamasını değiştirirsek ortaya kötü bir görünüm çıkar.. Single.php dosyasının içeriğini tamamen kopyalayın ve film-kutu.php dosyasının içerisinde yapıştırın. Daha sonra yapıştırdığınız kodlar arasında

[php]<?php the_content(); ?>[/php]

yada sadece ;

[php]the_content([/php]

kodunu aratın.. Bu kodun üstüne ise, Film sayfamız için oluşturacağımız tür, yönetmen vs gibi etiketleri göstermesi için aşağıdaki kodları yapıştırın;

[php]
<ul id="film-etiket-listesi">
<?php echo(get_the_term_list($post->ID, ‘yayin_tarihi’, ‘<li><strong>Yayın Tarihi:</strong><div id="film-bilgi-sag-15"> ‘, ‘, ‘, ‘</div></li>’)); ?>
<?php echo(get_the_term_list($post->ID, ‘tur’, ‘<li><strong>Tür:</strong><div id="film-bilgi-sag-15"> ‘, ‘, ‘, ‘</div></li>’)); ?>
<?php echo(get_the_term_list($post->ID, ‘imdb’, ‘<li><strong>IMDB:</strong><div id="film-bilgi-sag-15"> ‘, ‘, ‘, ‘</div></li>’)); ?>
<?php echo(get_the_term_list($post->ID, ‘yonetmen’, ‘<li><strong>Yönetmen:</strong><div id="film-bilgi-sag-15"> ‘, ‘, ‘, ‘</div></li>’)); ?>
<?php echo(get_the_term_list($post->ID, ‘yapimci’, ‘<li><strong>Yapımcı:</strong><div id="film-bilgi-sag-15"> ‘, ‘, ‘, ‘</div></li>’)); ?>
<?php echo(get_the_term_list($post->ID, ‘goruntuyonetmeni’, ‘<li><strong>Görüntü Yönetmeni:</strong><div id="film-bilgi-sag-15"> ‘, ‘, ‘, ‘</div></li>’)); ?>
<?php echo(get_the_term_list($post->ID, ‘senaryo’, ‘<li><strong>Senaryo:</strong><div id="film-bilgi-sag-15"> ‘, ‘, ‘, ‘</div></li>’)); ?>
<?php echo(get_the_term_list($post->ID, ‘oyuncular’, ‘<li><strong>Oyuncular:</strong><div id="film-bilgi-sag-15"> ‘, ‘, ‘, ‘</div></li>’)); ?>
</ul>[/php]

Film sayfamızın içeriği artık filme girdiğiniz açıklamadan önce bu etiketlerle görünecektir. Şimdi de temanızın CSS dosyasını açın ve aşağıdaki kodları en alt satıra kopyalayın;

[css]

#film-etiket-listesi {
margin: 0;
padding: 0 150px 10px 0;
line-height: 19px;
list-style-image: none;
list-style: none;
list-style-position: outside;
}
#film-etiket-listesi li {
background: none;
padding-left: 0;
}
[/css]

Ve golümüz;

WordPress Shortcodes – Kısakod Oluşturma

admin — Tue, 25 Jan 2011 20:28:23 +0000

Üzerinde hâlâ çalışmakta olduğum WordPress Teması için kısa kod ayarlama ya da Shortcode üzerinde bilgi sahibi olmak içni araştırmalar yapıyordum.. Daha sonra yeterli bilgiyi edindikten sonra temaya ekleme vakti geldi ve tema son noktalarında şuanda.. Bu arada bununla uğraşırken blogu es geçtiğimi farkettim. Bu yüzden bugün, WordPress ile Shorcode nasıl yapılır bunu anlatacağım.

Wordpress son zamanların en çok tercih edilen ve en iyi sistematik işleyişe sahip CMS sistemlerinden biri. Bunun yanı sıra, özelleştirilebilir Tema alternatifi ve WordPress Edition denen olay ile artık sadece blog değil , her türlü web sitesini yapabilme imkanı sağlanmıştır.

Shortcode Nedir?

WordPress Shortcode olarak tanımlanan olay, WordPress yazı ve sayfalarınıza küçük kodlar girerek daha önceden belirlemiş olduğunuz CSS ile süslendirilmiş kodlarınızı yazınızda gösterebilmeniz için yaratılan WordPress fonksiyonlarından başka birşey değildir. Bildiğiniz gibi her wordpress temasının functions.php adında bir fonksiyon dosyası bulunmaktadır. Bu fonksiyon dosyasında belirtilen fonksiyonlar, wordpress’în daha hızlı çalışmasına ve her fonksiyonun her yeni harakette bir yeniden oluşmasını önlemek amacıyla da kullanılabiliyor. Fakat bugün biz, bu fonksiyon dosyasında belirteceğimiz bir kaç PHP kodunu yazı sayfasına ki tek kelimelik kodlar ile ekrana geçireceğiz.

Shortcode Nasıl Oluşturulur?

Arkadaşlar ben WordPress shortcode fonksiyonunun sadece en basit kodlama örneğini göstereceğim, geriye kalan kodlama sanatı ve CSS düzenlemeleri de size kalmış bir olaydır. Daha fazla bilgi için WordPress Shortcode API sayfasını ziyaret edin.

İlk olarak wordpress temanızın funciton.php doyasını herhangi bir metin editörüyle açınız.

functions.php dosyasında karışıklığa neden olmaması için, farklı bir shortcode dosyası oluşturacağız ve bu sayfayı fonksiyon sayasına include yapacağız. Bunu için functions.php dosyasının ilk satırında bulunan

[code]include 'kisakod.php';[/code]

burada, kisakod.php dosyasındaki verileri functions.php dosyasına göndermemizi sağlayan bir kod girdik.

Şimdi kisakod.php adına bir dosya oluşturmamız gerekiyor. Temanızın içerisinde kisakod.php adına bir dosya açınız.

İçerisine gireceğimiz kodlar php olacağından dolayı her daim

Daha sonra bir wordpress fonksiyonu olan add_shortcode () ibaresi gelmesi gerekiyor.

Bu add_shortcode içeriğinin özelliği şudur ki; bu fonkiyonda iki adet dizi girmeniz gerekiyor. Bu dizilerden birincisi kisakodunuz ikincisi ise yeni oluşturacağınız fonksiyonun adıdır. Örn;

[code]add_shortcode('baslik', 'baslik');[/code]

fonksiyonu yazdıktan sonra şimdi kısakodumuzu girdiğimizde ekrana ne yazdırmasını istiyorsak bunu kisakod.php dosyamızda belirmemiz gerekiyor. Fakat yukarıda da dediğim gibi ilk olarak kisakodumuz için oluşturduğumuz fonksiyonu tanımlayalım;

[code]function baslik()[/code]

ve fonksiyonun içerisine ekrana görünmesini istediğimiz çıktıyı yazalım;

[code] {
echo '<h1>Merhaba, Bu bir Başlıktır</h1>';
}
[/code]

Son olarak kisakod.php dosyamız şu şekilde olmalı;

[code]<?php

add_shortcode('baslik', 'baslik');
function baslik()
{
echo '<h1>Merhaba, Bu bir Başlıktır</h1>';
}

[/code]

Dosyaları ftp ye gönderin ve wordpress admin panelinizde yeni yazı ekleme butonuna tıklayın. Yazı alanına

[baslik]

yazın ve önizleme yaparak ne çıktığını görün.Bu şekilde, adsense yazının içerisine adsense reklamı yerleştirmek isterseniz, echo’ dan sonra gelen alana adsense reklam kodlarınızı yerleştirin ve aynı şekilde yazı sayfanıza [baslik] yazin, yazdığınız yerde adsense reklamınız çıkacaktır.
Shortcode daha ilerlemiş yöntemlerini de kısa zaman içerisinde yazacağım.

30 Adet Ücretsiz CSS/XHTML Template

admin — Mon, 17 Jan 2011 17:00:35 +0000

Aşağıda vereceğim Template çeşitleri kod yazarları tarafından da anlaşılacağı üzerine, ücretsiz olarak sunulan, geliştirilebilir ve kullanılabilir temalardır.

Bu temaları, noupe sitesinde verilen post’tan aldım.

Ücretsiz ve Kullanışlı CSS/(X)HTML Template’leri

HTML5 ve CSS3 ( Demo | Download )

JeansWebsite ( Demo | Download )

Lawyer & Attorney ( Demo | Download )

Ornare ( Demo | Download )

iPhone App ( Download )

StudioClick ( Demo | Download )

Darkness ( Demo | Download )

MYportfolio ( Demo | Download )

2 Breed ( Demo | Download )

WesternShop ( Demo | Download )

CSS Heaven 1 ( Demo | Download )

Zen Design ( Demo | Download )

Shop Around ( Demo | Download )

Ikonik ( Demo | Download )

Internet Music ( Demo | Download )

Nova Studio ( Demo | Download )

YIW Minimal ( Demo | Download )

YIW Folio ( Demo | Download )

CleanBusiness ( Demo | Download )

Pure Elegance ( Demo | Download )

Film Blog ( Demo | Download )

Solitude ( Demo | Download )

Speed Racing ( Demo | Download )

PinkShop ( Demo | Download )

Web Design ( Demo | Download )

Online Edu ( Demo | Download )

GrayCompany ( Demo | Download )

EleganceBusiness ( Demo | Download )

Coffee Maker ( Demo | Download )

BusinessTemplate ( Demo | Download )

iGoogle Zengin Arabirimi Sayfası

admin — Fri, 24 Dec 2010 11:08:49 +0000

Hepimizin bilidği gibi Chrome ile birlikte gelen iGoogle Google’in kullanıcıların kendi Anasayfalarını düzenleyebilmek adına yaptıkları, düzenlenebilir Google anasayfası arabirimidir.

Bu tarza iGoogle sayfasına bir örnek ve dosyaları Nettusplus bu hafta yayınladı.

iGoogle Arabirimi

Demo | Download | yazı sayfası

Baştan Sona jQuery Dersleri

admin — Tue, 14 Dec 2010 01:13:00 +0000

Merhaba arkadaşlar.. Arşivimde dolanırken, Birden karşıma jQuery Dersleri’ne rastladım.Geçen yıl bu zamanlarda, takip edenlerinde hatırlayacağı üzerine jQuery kategorsinde bir Video Ders serisi hazırlamıştım.

Bu seri sayesinde jQuery öğrenen bir çok arkadaş oldu.. Aynı zamanda bilgiler sayesinde jQuery öğrenerek Tema editleme hatta ücretli jQuery işleri alan arkadaşlarım dahi olmuştur.

jQuery Video Ders Serisi

Eski konularımı incelerken Video derslerinin çoğunda tam ekran oluşturma sırasında sorunlar oluştuğunu, ekranın net olmadığını gördüm. Bu yüzden daha önce yapmış olduğum bütün video ders serisindeki videoları tekrar paylaşmaya karar verdim

Serinin içerisinde jQuery hiç bilmeyenler için baştan sona dersler ve demo açıklamalarına değindim. Videolar işinize yarar ve daha çok kaynak ararsanız şuradaki konuları incelemenizi öneririm. Seriyi 3 ayrı parçada upload ettik ki download ederken internet kesintisi vs konularda sıkıntı çekmeyesiniz.

jQuery Video Dersleri İndir:

http://hotfile.com/dl/118407914/04f9508/jquery-dersleri.part1.rar.html

http://hotfile.com/dl/118407915/7af7619/jquery-dersleri.part2.rar.html

http://hotfile.com/dl/118412022/62c3f01/jquery-dersleri.part3.rar.html

WordPress Simple CAPTCHA Eklentisi Hoşgeldin!

admin — Fri, 10 Dec 2010 09:54:51 +0000

WordPress İstenmeyen yorumları istenmeyen kutusuna gerçekten başarıyla gönderen Akismet eklentisi tam olarak bir çözüm oluşturamıyor.. Hergün yorum sayfamı açtığımda binlerce istenmeyen yorumu görmek beni çıldırtıyordu açıkcası..

Evet belki zararı yok gibi duruyor fakat yine de en azından ben veritabanımı da bunların işgal etmesini istemiyordum.

Bu yüzden bugün itibariyle Simple CAPTCHA Eklentisini kullanmaya karar verdim. Zaten zorla yorum yapan ziyaretçilerimden özür dilerim, mecburdum ne yapayım.. Fakat şöyle de bir güzellik var ki üye olan kullanıcılarımın CAPTCHA güvenlik kodunu girmek zorunda değiller. Eğer bu kodla uğraşmak istemiyorsanız üye olarak tüm yorumlarınızı rahatlıkla yapabilirsiniz.

Eklentiyi kendi blogunuzda kullanmak için şurayı ziyaret edin..

Resim, Video ve Müzikler için Multimedia Galeri

admin — Thu, 28 Oct 2010 15:01:33 +0000

Bu Multimedia galeri, resim ve müziklerinizi portfoy şeklinde sunabileceğiniz, kullanımı kolay aynı zamanda göze hitap eden bir görünüme sahip.. Şablonun içerisinde ögeleri içeriye aktarmak için bir XML dosyası, öge girişini kontrol edebilmek için bir PHP ve stilleri yönetmek için bir stylesheet dosyası yer almaktadır.

Ayrıca video ve ses dosyaları için Youtube gibi web sitelerini de kullanabilirsiniz.

XML Dosyasının içeriğine bakacak olursak;



	
		media/photos/thumbs/3.jpg
		media/photos/3.jpg
		this is a description
	
	
		media/videos/thumbs/html5.png
		http://www.youtube.com/watch?v=siOHh0uzcuY
		Youtube Video: Introduction to HTML5
	
	
		media/videos/thumbs/bbbtrailer.png
		media/videos/video1.ogg
		media/videos/video1.m4v
		Video Integration Example: BBB Trailer
	
	
		media/audio/thumbs/audio1.jpg
		media/audio/audio1.ogg
		media/audio/audio1.mp3
		Audio Example
	
	...

Küçük resime tıklanıldığında resmin önizlemesini görüntüleyebilirsiniz.(Bu ayar XML dosyasına yüklenen resim yollarıyla sağlanır.),Resimler otomatik olarak boyutlandırılıyor bu sayede de sizin ayrıca küçük resime boyut kazandırmanıza gerek kalmıyor.Video ve müzikler içinse eğer tarayıcı destekliyorsa HTML5 video ayarlarıyla ses ya da video çalınıyor eğer desteklemiyorsa Flash ya da CLV callback ayarları görüntüleniyor.

HTML5 ile video gösterme hakkında bilgi almak için kod9.com sitesindeki şu konuyu inceleyebilirsiniz.

WordPress Kullanışlı Yorum Plugini: DISQUS

admin — Wed, 27 Oct 2010 15:28:02 +0000

Blog yazmaya ilk başladığım anlarda, blogumun yorumlardan arındırılmış ve bir şekilde sadece yazıların göründüğü düz bir metin sayfası olarak görüyordum.. 1 yaşını doldurmak üzere olan Zingocan.com da her yazıya ortalama 4 yorumun düştüğü şuanlarda ise, yorum kalabalığı çekmekteyim. Aslına bakarsanız bir anlamda amacıma ulaşmış gibi görünsem de, insanların, (özellikle wordpress hakkında bilgisi olmayan) eski yorumları inceleyebilmesi, ya da yorumlarında yazıya ait admin tarafından girilmiş olduğunu düşünmesi beni üzüyor..

Bazı yazılarımın 100 ü aşan yorum sayısı nedeniyle, yorumlarda sıralama, yorumlara oy verme ya da yorumları kimin yaptığına dair gelişen görünümü ile araştırırken DISQUS pluginini gördüm.

Plugin, wordpress, blogger ve diğer birçok blog sisteminde kullanabileceğiniz, küçük ama çok kullanışlı, ve göze hitap eden bölgeleriyle mükemmel bir plugin diyebilrim. İçerisinde yorumları eskiye yeniye göre sıralama, en çok oy verilene göre sıralama, kişilerin DISQUS üyeliğindeki oy verilme puanı ve yaptığı yorumlar dahilinde gösterilen bu yorum sistemi ile birlikte aynı zamanda twitter ve facebook gibi sosyal sitelerdeki kullanıcı adı ile giriş yapıp yorum yapma imkanınız mevcut.

Plugine şu adresten ulaşabileceğiniz gibi şuradan da kurulumu hakkında bilgi edinebilirsiinz.

WordPress Default Gravatar Resmini Değiştirme

admin — Mon, 23 Aug 2010 17:05:06 +0000

Merhabalar.

WordPress Temanız içerisinde, Bazen yorumlara karşılık verilen isimlerde gravatar içerisinde resmi olmayan ziyaretrçilere karşılık defaulr gravatar iconu görünmektedir.

Bu resmi kendi wordpress’imiz içerisinden kaldırıp, yine bize ait bir resim koyabilmek için yapmanız gereken bir kaç satır kodu temanıza entegre etmektir. Aşağıda verilen fonksiyonlar sayesinde temanızın root klasörüne gravatar.gif diye bir resim oluşturunuz ve aşağıda ki kodları da yine fonksyion dosyanıza yapıştırınız, ya da eğer varsa değiştiriniz;

[php]

if ( !function_exists(‘fb_addgravatar’) ) {

function fb_addgravatar( $avatar_defaults ) {

$myavatar = get_bloginfo(‘template_directory’).’/gravatar.gif’;
//default avatar below
$avatar_defaults[$myavatar] = ‘Exciting new gravtar’;

return $avatar_defaults;
}

add_filter( ‘avatar_defaults’, ‘fb_addgravatar’ );
}

[/php]

EnJoy xP