Bunu yapabilmek için öncelikle tema içerisinde kategori isimlerini linksiz bir biçimde getirmeliydim. Biliyorsunuz ki the_category() fonksiyonu yazının bağlı olduğu kategorileri arşiv linkleriyle beraber getirmekte. Bunu css atamak için kullanmak sakıncalı ve sıkıntılı oluyor. Şöyle ki;

Siz the_category fonksiyonunu kullandığınızda karşınıza gelen sonuç şu oluyor.

<a href="/kategori/kategori-adiniz">Kategori Adınız</a>

Ama bunu css için bir html kodda kullanamıyoruz. Bunu yapabilmek adına kategori ismini linksiz bir biçimde ve slug (nice name) versiyonunu çağırmamız gerekmekte. Aksi takdirde css kodlarını yazmamız mümkün olmuyor. Çünkü arada boşluk ve özel karakter ile isimlendirdiğimiz kategorilerimiz var. Aşağıdaki kodu yazdım kendi kullanımım ve paylaşımım için.

Kod;

Yukarıdaki uyarıyı okuyarak aşağıdaki kodu temanızın functions.php dosyasının içine ekleyiniz.

//Kategori Bazlı CSS İçin Kategori İsmi Yazdırmak
function kategori_ismi($ayirici = ' ') { //$ayirici the_category() fonksiyonunda da var
    $kategoriler = (array) get_the_category(); //kategorileri çağıralım

    $liste = '';
    foreach($kategoriler as $kategori) {    // herbiri icin düzeltelim
        $liste .= $ayirici . $kategori->category_nicename; //linksiz halde seo uyumlu "slug" versiyonu çağıralım
    }
    echo $liste; //yazdıralım
}
//Kategori Bazlı CSS İçin Kategori İsmi Yazdırmak

Yukarıdaki kodu temanızın istediğiniz bir alanında kullanabilmek için yazmış olduğumuz fonksiyonu aşağıdaki gibi çağırabiliriz.

<?php kategori_ismi() ?>

Genel olarak başlıktaki anlatımım bitti. Ancak bunu benim gibi anasayfanızda yazılarınızı ayırmak için kullanacaksanız devam ediniz.

Kategori Bazlı CSS Arkaplan Uygulamak

Yukarıdaki kodu kullanarak kategori_ismi adlı fonksiyonumuzu oluşturduk. Bunu anasayfamızda ve kategori (archive) sayfamızda veya arama sonucu sayfalarımızda ayırıcı bir özellik olarak kullanabiliriz. Bu anlattığımı hayata gerçirebilmek için temanızı tanımanız ve css kodlarını (kopyala yapıştır bile olsa) düzenleyebilmeniz gerekmektedir.

Öncelikle benim yaptığım gibi anasayfanızda gösterecekseniz index.php dosyanızı ve style.css dosyanızı düzenlemeniz gerekmekte. Tabii bir de buna uygun resimlerinizi ayarlamalısınız. Ya da resim kullanmak istemiyorsanız arka plana direkt olarak renk de uygulayabilirsiniz.

Öncelike index.php dosyası içerisinde bulunan “loop” alanını bulun. Bu alan sizin genel okuma ayarlarında belirttiğiniz sayı kadar anasayfa içeriğinin gösterilmesini sağlayan alandır. Bu alanda her bir yazı belli divler içerisinde veya tasarıma göre kutular içerisinde gösterilir. Kod örneğini kendi temama göre ekledim. Sizin temanız farklılık gösterebilir.

<!-- kutucuk başlar --->
<div id="post-<?php the_ID(); ?>" class="postbox <?php kategori_ismi() ?>">
	<!-- thumb başlar -->
	<div class="post-thumb">
		<a href="<?php the_permalink() ?>" rel="bookmark"><img class="thumb" src="<?php tj_get_image($post->ID, 'thumbnail'); ?>" alt="<?php the_title(); ?>"" /></a>
	</div>
	<!-- thumb biter -->
	<h2><a href="<?php the_permalink() ?>" rel="bookmark" title="Kalıcı Bağlantı: <?php the_title_attribute(); ?>"><?php the_title(); ?></a></h2>
	<!-- özet başlar -->
    <div class="post-exerpt" text-align="justify">
		<?php tj_content_limit(get_theme_mod('limit_char')); ?>
    </div>
	<!-- özet biter -->
	<div class="clear"></div>
</div>
<!-- kutucuk biter -->

Bunun örnek olarak bu yazı için yapacağı çıktı şöyle olacaktır. Tabii anasayfada kullandığım için bunu sadece anasayfada görebilirsiniz.

<!-- kutucuk başlar --->
<div id="post-yazi_id" class="postbox wordpress">
	<!-- thumb başlar -->
	<div class="post-thumb">
		<!-- Yazı imajı yolu ve resmi-->
	</div>
	<!-- thumb biter -->
	<!-- Başlık ve link -->
	<!-- özet başlar -->
    <div class="post-exerpt" text-align="justify">
		<!-- Yazı Özetim -->
    </div>
	<!-- özet biter -->
	<div class="clear"></div>
</div>
<!-- kutucuk biter -->

Yukarıda gördüğünüz alan benim temamdaki yazıyı gösteren alanım. Işıklandırdığım satırdaki fonksiyon ismini görmüşsünüzdür umarım. Ve çıktıdaki kategori ismini. Kategori ismini bir “class” olarak atadım ki bununla ilgili bir css kodu yazabileyim. İşte style.css dosyasına bunun için ihtiyacımız var. Aşağıdaki kodlarda ben ilgili resim klasörüne attığım imajı arka plan olarak kategori ismi bazlı kullanacağım.

CSS;

.wordpress {background: url(images/bg/wprs.png) no-repeat right bottom;}
.internet {background: url(images/bg/intrnt.png) no-repeat right bottom;}
.jquery-kodlama {background: url(images/bg/jqry.png) no-repeat right bottom;}
.cssjavascript {background: url(images/bg/cssjv.png) no-repeat right bottom;}
.hakkimda {background: url(images/bg/hakk.png) no-repeat right bottom;}
.php {background: url(images/bg/phpp.png) no-repeat right bottom;}

Yukarıdaki class cssleri benim sitede bulunan birkaç kategoriden alıntı. Gördüğünüz gibi ben sadece resimleri atamayı uygun gördüm. Siz isterseniz arkaplan olarak renk ayarlayabilirsiniz. Bunu yaparsanız yazı rengini de değiştirmeniz gerekebilir. Bunu unutmayın.

Aklınıza takılan ve/veya anlamadığınız bir yer varsa bana bu yazıya yorum bırakarak veya iletişim formunu kullanarak erişebilirsiniz.

Selametle…

Kategori İsimlerini Linksiz Yazdırmak KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

WordPress Kategori Bulutu

Blogunuza Sosyal İmleme ...

jQuery ile üst giriş pa...

İşte bu sorunu giderebilmek adına aşağıda sizinle paylaşacağım bir kod var. Tüm Özet bilgilerini aynı karakter sayısına göre düzenleyebileceksiniz.

İşte Kod;

// Variable & intelligent excerpt length.
function print_excerpt($length) { // Max excerpt length. Length is set in characters
	global $post;
	$text = $post->post_excerpt;
	if ( '' == $text ) {
		$text = get_the_content('');
		$text = apply_filters('the_content', $text);
		$text = str_replace(']]>', ']]>', $text);
	}
	$text = strip_shortcodes($text); // optional, recommended
	$text = strip_tags($text); // use ' $text = strip_tags($text,'<p><a>'); ' if you want to keep some tags

	$text = substr($text,0,$length);
	$excerpt = reverse_strrchr($text, '.', 1);
	if( $excerpt ) {
		echo apply_filters('the_excerpt',$excerpt);
	} else {
		echo apply_filters('the_excerpt',$text);
	}
}

// Returns the portion of haystack which goes until the last occurrence of needle
function reverse_strrchr($haystack, $needle, $trail) {
    return strrpos($haystack, $needle) ? substr($haystack, 0, strrpos($haystack, $needle) + $trail) : false;
}

Yukarıdaki kod dinamik olarak exceprt kodunuzu değiştirebileceğiniz şu fonksiyonu kullanmanıza imkan veriyor.

< ?php print_excerpt(50); ?>

print_exceprt() fonksiyonu ile karakter sayısını belirleyebilirsiniz. Yukarıdaki kodda “50″ karakterde özet yazısını bitirme komutu vermiş olduk. Bunu istersek 250, 300 veya ne kadar uzun istiyorsanız o kadar uzatabilirsiniz.

Kodun orjinali ve orjinal yazı için tıklayınız.

Selametle

Dinamik the_excerpt() KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Dinamik Meta Bilgileri

Yazılarınızın Başlı...

"Devamını Oku" Kullanma...

Facebook Sayfa ID Öğrenmek

Öncelikle facebook sayfanızı ziyaret ediniz. Yöneticisi olduğunuz için sağ tarafta Sayfayı Düzenle butonu var (Resim 1) Ona bastığınızda tarayıcınızdaki adres değişecektir. Orada görüğünüz linkte (Resim 2 içindeki işaretli alan) ?id=sayfa idsi ile belirtilen alanı seçmeniz gerekmektedir. Bütün olay budur.

Resim 1

Resim 2

Hemen ardından şu aşağıdaki kodu temanızda istediğiniz herhangi bir yerde düzenleyip ekleyebilirsiniz. Kodun başına ve sonuna php etiketlerini eklemeyi unutmayınız.

İşte Kod;

	$page_id = "SAYFA-ID-KODUNUZ";
	$xml = @simplexml_load_file("http://api.facebook.com/restserver.php?method=facebook.fql.query&query=SELECT%20fan_count%20FROM%20page%20WHERE%20page_id=".$page_id."") or die ("a lot");
	$fans = $xml->page->fan_count;
	echo $fans;

Yukarıdaki kodu düzenlerken lütfen Facebook Sayfa ID ‘nizi ekleyiniz.

DÜZELTME: Eklentiden kaynaklanan kod eksikliği oluşmuş. Düzeltildi.
Hadi Selametle.

Yazının Orjinali: Kaynak İçin Tıkla

Facebook Sayfa Beğenen Kişileri Göstermek KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Sayfa Adınla Facebook Ku...

WP Facebook Timeline

Yazınıza Facebook Beğe...

Aşağıdaki resimlerinde de görebileceğini üzere, eklenti yönetim alanına bir seçenek ekledim. Bu seçenek ile birlikte kontrol sizde. İsterseniz sayfada ekleri göstermeyi seçebilirsiniz. Ya da seçmeyip ekleri sadece yazılarda göstermeye devam edebilirsiniz.

Seçim size kalmış.

Hadi Selametle

WordPress Plugin Alanı Linki: http://kisalink.tk/3v0

Auto Attachments 0.4.2! KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Auto Attachments Eklenti ...

Auto Attachments 0.2.7!

Auto Attachments Eklenti ...

Sanırım eklentiyi kullananlar bu özelliği de kullanmakta memnun olacaklar.

Selamletle

Google Webfonts Integrate 0.6! KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Google Webfonts Integrate...

Google Webfonts Integrate

Google Resimlerimi indexl...

Öncelikle aşağıda vereceğim linkten eklentiyi indirin veya Yeni Eklenti bölümünden “WP Facebook Timeline” aratarak eklentiyi indirip etkinleştirin. Sonrasında yeni bir sayfa oluşturun ve aşağıdaki kısa kodu ekleyin. Yok ben kısa kod ile uğraşamam ama yine de kodların arasına sıkıştırayım derseniz bir alttaki kodu temanızın sayfa şablonuna uygulayın. Hepsi bu kadar. Bu arada kısakod ve fonksiyondaki boşlukları (“< ? php” ve “[ mf" gibi boşlukları) kaldırın.

Kısa Kod;

[ mf_timeline ]

Fonksiyon Kodu

< ?php echo $mf_timeline->get_timeline(); ? >

WP Facebook Timeline KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Twitme Eklentisi Türkçe...

Auto Attachments 0.4.1!

Auto Attachments Eklenti ...

Hemen hemen dememin en büyük sebebi “Khmer” karakter seti ve “Condensed” olarak diğerlerinden farklı bir stil gerektiren yazı tiplerinin kodlamada sıkıntı yaratması. Ama diğer tüm yazıtipleri Türkçe dahil olmak üzere diğer dillerde de sorunsuz bir biçimde çalıştığından bu eksi şimdilik çok göze batmaz diye düşünüyorum. Bu sorunu gidermek için de çalışıyorum.

Eklentinin son güncellemesi ile birlikte;

• Google Webfonts veritabanındaki neredeyse tüm yazıtipleri desteği sağlandı.
• Karakter seti seçimi için opsiyon eklendi.
• v.0.4 ile gelen önizleme alanı geliştirildi.
• Seçim kutuları için yazılan kod geliştirildi. Şimdi saha stabil ve hızlı.
• Güvenlik açığı oluşturmamak için klasör içlerindeki dosyalar düzenlendi.

Sisteminde yüklü olan arkadaşlar güncelleme ile yeni sürüme ulaşabilirler. Elle yüklemek isteyenler için link aşağıda.

Güle Güle kullanmanız dileğiyle.
Selametle

Google Webfonts Integrate 0.5! KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Google Webfonts Integrate

Temanıza Google Analtyic...

Google +1 Butonu Eklemek

Eklenti şu anda daha stabil. Timthumb daha güvenli ve eklediğim 4 yeni uzantı ile (xlsx, pptx, docx, txt) daha bi güzelleşti.

Sisteminizde yüklü ise güncelleme yoluyla edinebilir, yüklü değilse WordPress eklenti alanından indirebilirsiniz.

Hadi Selametle

Auto Attachments 0.4.1! KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Auto Attachments Eklenti ...

Auto Attachments Eklentis...

Auto Attachments 0.2.7!

Php içinde harici linklerin başlıklarını getireceğimiz birçok fonksiyon var. Bunları kullanarak WordPress uyumlu bir fonksiyon geliştirdim. Daha doğrusu harmanladım. İşlemi basitçe anlatmak gerekirse;

Makale link yayınlayacağınız zaman aşağıdaki ksıa kodu girdiğinizde “url” olarak belirteceğiniz alandaki linki tanımlayarak hedef linki sorguluyor ve title ve /title arasındaki başlığı alarak Linkinizin ismi haline getiriyor. Oldukça kullanışlı olduğunu düşündüğüm bu işlemin kodları aşağıda;

Kod;

Ana fonksiyon burada. Bunu temanızın functions.php (genellikle wp-content/themes/temaniz/functions.php yolundadır) içerisine, öncelikle yedek alarak ekleyin. En sonda bulunan ?> işaretinden hemen önce.

//Link İsmi ile getirme
function link_ismi_getir($atts) { //Fonksiyon başlangıcı :)
	extract(shortcode_atts(array(
          'url' => '', //url karşılığı kısa kod içerisine url="adres(http:// ile)" girilerek tamamlanmalıdır
     ), $atts));
	 $str = file_get_contents($url);
    if(strlen($str)>0){ //$str "0" dan büyükse
        preg_match("/\<title \>(.*)\< \/title\>/",$str,$title); //Başlık çözümlemesini getir.
	$linkaname = '<a href="'.$url.'" target="_blank" title="'.$title[1].'">'.$title[1].'</a>'; //Linkimiz tanımlandı
        return $linkaname; //Linki sonuç olarak $linkaname tanımlamasını döndürür
		}
}
add_shortcode('linkname', 'link_ismi_getir');
//Link İsmi ile getirme

Yukarıda tüm anlattıklarımı sağlayan kod bu. Şimdi nasıl kullanıldığına bakalım.

[ linkname url="http://adresiniz.com"]

Siz kullanırken linkname alanından önce bıraktığım boşluğu kaldırın. Ben de bu fonksiyonu kullandığımdan bu şekilde eklemek zorundayım :)

Ve örnek;
Kendi sitemin bi sayfasını seçerek ekliyorum. Çalıştığının göstergesidir. :)

Hadi selametle…

Linkleri isimleriyle göstermek KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Youtube Önizleme Resmi v...

HTML5 Video Kısa Kodu

Sitelerin Önizlemelerini...

Kurulumu gerçekleştirdikten sonraki API kullanımını anlatacağım ben size. Yourls içinde kullanıcı adı ve şifre kullanmadan (Paswordless API) link kısaltma işlemini gerçekleştirebiliyorsunuz. Bunun üzerinde duracağız. Ki bu sistemi kullananlar için gerekli WordPress eklentisi yazmanın da yolunu açmış oluyorum böylece. Sistemin secret olarak adlandırılan bir güvenlik kodu bulunmakta. Bunu çeşitli yollarla hash5 olarak kullanıyor sistem. Bu secret kodunu sistemin yönetim alanında Tools adlı alanda bulabilirsiniz. Bu kodu elde ettikten sorna aşağıdaki şu kodu temanızın functions.php dosyasına ekleyin. Önce yedek almanız tavsiyemdir.

İşte Kod;

//Yourls API Kullanımı//

function yourlsapi_kisa() {
	$secret = "" //Secret Kodunuz buraya eklenecek
	$site_adresiniz = "" // http:// olmadan yourls kurduğunuz sitenizin adresi.
	$url = "".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
	$ykisalink = file_get_contents("http://'.$site_adresiniz.'/yourls-api.php?signature='.$secret.'&format=simple&action=shorturl&url=".$url);
	return $ykisalink;
}
//Yourls API Kullanımı//

ya da;

//Yourls API Kullanımı//

function yourlsapi_kisa() {
	$url = "".$_SERVER['HTTP_HOST'].$_SERVER['REQUEST_URI'];
	$ykisalink = file_get_contents("http://siteadresinizi_yaziniz/yourls-api.php?signature=secretkoduburaya&format=simple&action=shorturl&url=".$url);
	return $ykisalink;
}
//Yourls API Kullanımı//

Kodun sisteminiz için yaptığı şudur. Yourls içerisinde api kullanımında json, xml, simple olarak üç çıktı vardır. Biz simple olan yani basit link çıktısı veren sistemi kullanıyoruz. Böylece istediğimiz yere fonksiyon çıktımızı verebiliyoruz. Bu kodu sisteminize ekledikten sonra single.php içerisinde aşağıdaki kodu content alanından sonra ekleyin. Bu kod sisteminizde tekil yazı sayfanızda yani yazınızın içerisinde en alt kısma Kısa Link: sisteminizin kısalttığı link olarak görünecektir.

İç Sayfa Kodu;

<strong>Kısa Link: </strong><a href="<?php echo (yourlsapi_kisa($url)); ?>" />< ?php echo (yourlsapi_kisa($url)); ?></a>

Elimden Geldiğince basit anlatmaya çalıştım.
Selametle…

Yourls API Kullanımı KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Kısalink API Kullanımı

Youtube Önizleme Resmi v...

Easy PHP Kurulum ve Kulla...