Aşağıda size aktaracağım fonksiyon ile başarıyoruz bunu. Örneğini yazıda ekleyeceğim. Kod Aşağıda

function wpr_snap($atts, $content = null) {
        extract(shortcode_atts(array(
			"snap" => 'http://s.wordpress.com/mshots/v1/',
			"url" => 'http://www.kaisercrazy.com',
			"alt" => 'Önizleme Resmi',
			"w" => '400', // width
			"h" => '300' // height
        ), $atts));

	$img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
        return $img;
}

add_shortcode("snap", "wpr_snap");

Kullanımı aşağıdaki gibidir.

[ snap url="http://www.kaisercrazy.com" alt="Benim Sitem" w="400" h="300"]

Kullanırken snap ‘ın başındaki boÅŸluÄŸu kaldırın. Bu ÅŸekilde yazdığımızda sitenin önizleme resmini eklemiÅŸ oluyoruz. Ben kendi siteminkini denedim ÅŸu anda. Herhangi bir linkin önizlemesi de olaiblir bu. Siz nasıl kullanmak isterseniz öyle kullanın :)

Hadi Selametle

Sitelerin Önizlemelerini Yakalayın KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

HTML5 Video Kısa Kodu

Google +1 Butonu Eklemek

WordPress Menü Yanına A...

Eklenti galeri özelliği içerisine colorbox javascriptini entegre ettim. Ancak bu bu javascripti veya diğer resim görüntüleme scriptlerini kullanan arkadaşlar olabileceğinden, bu özelliği iptal edebilmek için ufak bir buton da yerleştirdim içerisine. Böylelikle halihazırda colorbox kullanan arkadaşlar, eklentinin kullandığıyla çakışmasını önlemek için kapatabilecekler.

Çok konuşmadan size bir iki adet resim. Hem de eklenti kullanarak ekliyorum. Umarım yeni versiyondaki bu özelliği beğenirsiniz.

Saygılarımla…

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

Benzer Yazılar

Auto Attachments Eklenti ...

Auto Attachments Eklenti ...

Yeni Plugin yazdım. Auto...

Önce youtube sonrasında da dailymotion, vimeo  için kodları çoğalttım. Sizlerle bunu paylaşacağım şu anda.

Youtube (JW Player ile)

Youtube il direkt embed yapabilrsiniz. Yani sitenize vidyoyu entegre edebilirsiniz. Ancak ben bunun JW player ile (şablon giydirerek) daha bi güzel durduğunu düşünüyorum. Aşağıda size benim kullandığım jw player ve şablonu vereceğim. Kod içerisinde jwplayerinbulunduğualan olarak yazdığım yerlere http://siteniz.com/jwplayer/player.swf gibi bir linki yazın. şablonunbulunduğualan yazan yere iste http://siteniz.com/jwplayer/skinadi.zip gibi şablon neredeyse o linki yazın. Alternatif olarak sadece youtube embed kodunu ise Diğerleri alanında bulabilirsiniz.

<?php $key1 = 'youtube'; $ser_youtube = get_post_meta($post->ID, $key1, TRUE); if($ser_youtube != '') { ?>

<object type="application/x-shockwave-flash" style="width:635px; height:345px;margin-bottom:5px;" data="jwplayerinbulunduÄŸualan?file=http://www.youtube.com/watch?v=<?php echo get_post_meta($post->ID, 'youtube', true); ?>&controlbar=over&skin=ÅŸablonunbulunduÄŸualan">

<param name="wmode" value="transparent">

</object>

<?php } ?>

DiÄŸerleri

Dailymotion, vimeo ve youtube (jw player olmadan) video entegre kodarı. bu kodların aşağısına da hangi özel alan kodunu ve nasıl kullanacağınızı yazacağım. Bu kodları siteniz single.php içerisine the_content() alanından önce ekleyebilirsiniz. Böylelikle bahsettiğim gibi yazının hemen üstünde çıkacaktır.

<?php $key1 = 'youtube'; $ser_youtube = get_post_meta($post->ID, $key1, TRUE); if($ser_youtube != '') { ?>

<object type="application/x-shockwave-flash" style="width:635px; height:345px;margin-bottom:5px;" data="http://www.youtube.com/v/<?php echo get_post_meta($post->ID, 'youtube', true); ?>">

<param name="wmode" value="transparent">

</object>

<?php } ?>

<?php $key1 = 'dmotion'; $ser_dmotion = get_post_meta($post->ID, $key1, TRUE); if($ser_dmotion != '') { ?>

<object type="application/x-shockwave-flash" style="width:635px; height:345px;margin-bottom:5px;" data="http://www.dailymotion.com/swf/video/<?php echo get_post_meta($post->ID, 'dmotion', true); ?>">

<param name="wmode" value="transparent">

</object>

<?php } ?>

<?php $key1 = 'vimeo'; $ser_vimeo = get_post_meta($post->ID, $key1, TRUE); if($ser_vimeo != '') { ?>

<iframe src="http://player.vimeo.com/video/<?php echo get_post_meta($post->ID, 'vimeo', true); ?>?title=0&byline=0&portrait=0" width="635" height="345" frameborder="0"></iframe>

<?php } ?>

Özel Alan Kodları

Kullanılacak özel alan kodu: youtube

İçerik bilgisi: Özel alan kodunu kullanabilmek için youtube linkinin en sonunda bununan v= den sonraki alanı alın (örn v=AkmTpfhbUl0 için AkmTpfhbUl0)  ve özel alan içeriğine ekleyin

Kullanılacak özel alan kodu: vimeo

İçerik bilgisi: Özel alan kodunu kullanabilmek için vimeo.com/22601071 linkindeki 22601071 kısmını ekleyin (sizin videonuzun kodu hangisiyse)  ve özel alan içeriğine ekleyin

Kullanılacak özel alan kodu: dmotion

İçerik bilgisi: Özel alan kodunu kullanabilmek için dailymotion linkinin en başında bununan kodu, yani dailymotion.com/video/xyfz_super linkindeki video isminden önceki kısmı (“_” iÅŸaretinden önceki kısım – örn dailymotion.com/video/xyfz_super için xyfz) özel alan içeriÄŸine ekleyin.

Örnek İçin ister bu like gidin ister aşağıdaki resme bakın :)

Hepsi bu kadar. Bir sıkıntı yaşarsanız yorum yazın. En Kısa sürede cevaplarım.
Selametle

Yazı içerisine Video Gömmek KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

Youtube Bu Akşam Canlı ...

"Devamını Oku" Yazısı...

Yeni Plugin yazdım. Auto...

Öncelikle kendi temanızın css dosyasını kopyalayıp (genelde style.css) kendinize göre ayarlama yapmalısınız. Bunu hazırladıktan sonra kullanmak istediğiniz kategorisinin ID değerini bilmelisiniz. Bunu Yazılar->Kategoriler menüsüne geldikten sonra istediğiniz kategorinin üstüne gelerek, tarayıcınızın durum çubuğunda görünen linkten alabilirsiniz. Değer id=xx gibi olacaktır. Bize lazım olan xx değeridir.

Bu işlemleri tamamladıktan sonra gelelim kodumuza. Bu kodu temanızın header.php kodu içine </head> alanından önce eklemelisiniz. Lütfen çalışmaya başlamadan dosyalarınızın yedeğini alın. Yedek aldıktan sonra;

Ä°ÅŸte Kod;

//Bu sizin kendi css dosyanız
<!--link rel="stylesheet" href="/blue.css" type="text/css" media="screen,projection" /-->

//Bu da kategoriye göre css in başlayacağı alan
< ?php if( in_category( 1 ) ) { ?>
<!-- link rel="stylesheet" href="/blue.css" type="text/css" media="screen"  /-->
< ?php } elseif ( in_category (2) ) { ?>
<!-- link rel="stylesheet" href="/yellow.css" type="text/css" media="screen"  /-->
< ?php } elseif ( in_category (33) ) { ?>
<!-- link rel="stylesheet" href="/black.css" type="text/css" media="screen"  /-->
< ?php }else {?>
< ?php }?>

Bu kodu sisteminize ekleyin. Else if komutlarını çoğaltarak her kategoriye bir css atayabilirsiniz. Kategori numaralarını 1-2 ve 33 yazan yerlerdeki gibi yerleştirin. Temsili bir kod oluşturdum ben size. Bütün işlem bundan ibaret :) Hadi kolay gelsin. Eğer kafanıza takılan birşey olursa yorum bırakmayı unutmayın.

WordPress içinde kategoriye özel CSS atamak KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

WordPress Kategori Bulutu

WordPress Menü Yanına A...

Etiketlerinizi Açılır ...

Neyse ben bu özelliği site üzerinde denemek istedim ve aklıma SEO yaparken Türkçe karakterler ile ilgili kullandığımız bir fonksiyon geldi. str_replace fonksiyonugenellikle yazı veya değişik alanlarda sisteme uygun olmayan yada yazılarak kullanılması sıkıntılı olan karakterleri uygun hale getirmek amacıyla kullanılır. Birçok özelliği olan bu fonksiyonu şu alandaki yazı yoluyla kontrol edebilirsiniz. Kim bilir belki sizinde değiştirebileceğiniz birşey çıkar karşınıza. Bu fonksiyon oldukça kullanışlı olabiliyor.

Ben bu fonksiyonun içindeki bir özellik olan str_ireplace komutunu kullandım. Bu komut büyük küçük karakter gözetmeksizin istenilen değişikliği yapmaktadır. Kullanacağınız bazı harfleri fonksiyon dosyasına küçük harfle yazarsanız ve kullanıcı bunu büyük harfle yazarsa bu değişiklik gene gerçekleşecektir. Merak etmeyin bu konuda :)

Gelelim kodumuza;

/* -- Sembol DeÄŸiÅŸtirme -- */
function sembol_degistir($string) {
    $string = str_ireplace('<3', '♥', $string);
    $string = str_ireplace('88-', '∞', $string);
    $string = str_ireplace('(r)', '®', $string);
    $string = str_ireplace('=<', '≤', $string);
    $string = str_ireplace('=>', '≥', $string);

    return $string;
}
add_filter('comment_text', 'sembol_degistir');
/* -- Sembol DeÄŸiÅŸtirme -- */

Burada gördüğünüz gibi Facebook içindeki kalp simgesinin yanına birkaç değişik karakter ekledim. Siz de $string olarak başlayan ve ; ile biten satırlardan çoğaltıp eklerseniz değişik sembolleri elde edebilirsiniz. Bunu kullanırken dikkat etmeniz gereken şey. <3 olarak belirtilen alan değişecek karakterler ve ♥ simgesinin olduğu alan değişimden sonrası oluyor. Siz de ekstra karakterler eklemek isterseniz birer satır eklemeniz yeterli olacaktır. Unutmayın, bu kodu temanız içindeki functions.php dosyasındaki ?> simgesinden önce atacaksınız. Sonrasında ise yorumda eğer bu karakterlerden biri kullanılırsa otomatik olarak simgeler gelecektir. Ben denedim ve bir örnek olarak bu yazının altına yorum ekleyeceğim bütün karakterlerimi :)

Güle Güle kullanın. Sorularınız için yorum bırakmanız yeterli olacaktır.

Yorumlara Facebook gibi Simgeler Eklemek… KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. Ä°zinsiz Yayınlamanaz.

Benzer Yazılar

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

Özel Kullanıcı Bilgile...

Yeni Facebook Özelliği!...

Kodlar…

Her zamanki gibi öncelikle sayfamıza java kodlarımızı ve jQuery kodlarını çağırmamız gerekmekte. Öncelikle bu işlemleri gerçekleştirelim. Örneğini vereceğim çubuk alanı için gerekli olan javascript dosyasını aşağıdan indirebilirsiniz.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://realtime-related-tweets-bar.googlecode.com/files/jquery.relatedtweets-1.0.min.js"></script>

Sonra bu kodların altına sizin tweetlerini göstermesi için gerekli kodu yerleştiriyoruz.

<script type="text/javascript">
   $(document).ready(function(){
      $('#rrt').relatedTweets({
         debug:true
         ,from_users:'sizin twitter idniz'
         ,status:1
         ,realtime:0
         ,n:20
         ,show_avatar:0
         ,show_author:0
      });
   });
</script>

Bu kodları çağırdıktan sonra çubuğun görüneceği alanı oluşturuyoruz.

<div id="rrt">Yükleniyor..</div>

Hepsi bu kadar. Örneğe aşağıdan erişebilirsiniz.

Örnek Linki

Kaynak Site

Gerekli Javascript Dosyası

Hadi Selametle

jQuery ile Tweet Çubuğu Yapımı KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. İzinsiz Yayınlamanaz.

Benzer Yazılar

jQuery Ä°le Bacadan Duman...

jQuery ile üst giriş pa...

Siteyle birlikte açılan...

Ä°ÅŸte Kod;

Bu kodu temanızdaki functions.php dosyası içine <?php ve ?> arasındaki uygun bir yere ekleyin. Dosyanın yedeğini almayı unutmayın.

function short_title($after = '', $length) {
	$mytitle = explode(' ', get_the_title(), $length);
	if (count($mytitle)>=$length) {
		array_pop($mytitle);
		$mytitle = implode(" ",$mytitle). $after;
	} else {
		$mytitle = implode(" ",$mytitle);
	}
	return $mytitle;
}

Kodu ekledikten sonra oluşturacağımız fonksiyonun kodunu index.php veya uygun bulduğunuz bir yerdeki başlık alanındaki kodla değiştirin.

< ?php
// kısa başlık($after, $length)
echo short_title('...', 10);
?>

Bütün yapmanız gereken kodun sonundaki rakamları istediğiniz gibi ayarlamak. Hepsi bu kadar. Sorularınız olursa memnuniyetle cevaplamak için can atıyorum :)

Yazılarınızın BaÅŸlıklarını Kısaltın… KaiseRCrazY.CoM, Serkan Algur sitesinde yer almaktadır. Ä°zinsiz Yayınlamanaz.

Benzer Yazılar

IE6 Kullanıcılarına Ba...

Wordpress Başlığınız...

Sosyal AÄŸların Zaman GÃ...