WordPress Kısa Kodları ve Örnek Parçacıklara Başlarken

WordPress kısa kodları 2.5'te tanıtıldı ve içeriğinizde kullanmak üzere makro kodları oluşturmanıza yardımcı oldu. Bunu düşünürseniz, bu, gönderilerinizde dinamik bir reklam noktası veya harekete geçirici mesaj düğmesi gibi bir şey oluşturmanın harika bir yoludur.

Harekete geçirici mesaj örneğini kullanırsak, düğmeyi göstermek için blog gönderinize böyle bir şey ekleyebilir ve ardından bir dakika içinde geleceğimiz templates function.php dosyanızdaki çıktıyı düzenleyebilirsiniz.

 [button]

Düğmeyi özelleştirmek için şöyle bir şey ekleyebiliriz:

 [button type="twitter"]

Veya daha da iyi hale getirmek için, ek bir kısa kod kullanabiliriz:

 [button type="twitter"]Follow me on Twitter![/button]

Biraz hayal gücü ile kısa kodların potansiyelini ve bunlarla neler yapılabileceğini kısa sürede fark edeceksiniz. Bu makalede, size bu üç farklı kısa kodun nasıl oluşturulacağını ve kullanılacağını göstereceğim ve ardından kendi WordPress sitenizde kullanmak için bazı kullanıma hazır kısa kodları göstereceğim.

Kendi kendine kapanan bir kısa kod oluşturma

En basit kısa kod kendi kendine kapanan koddur. Twitter hesabımıza basit bir bağlantı oluşturacağız ve ardından bir blog gönderisine ekleyeceğiz.

Tüm kodlar, /wp-content/themes/your-theme/ içinde bulunan functions.php dosyasına girer. Eğer yoksa, onu oluşturun ve kodu içine koyun.

 <?php function button_shortcode() { return '<a href="http://twitter.com/filipstefansson" class="twitter-button">Follow me on Twitter!</a>"'; } add_shortcode('button', 'button_shortcode'); ?>

Kullanım:

 [button]

Basitçe add_shortcode() işlevini kullanarak, herhangi bir PHP işlevini kısa kodumuza bağlayabiliriz. Bu basit örnekte, tek yaptığımız Twitter hesabımıza bir bağlantı döndürmek, ancak bunu bir adım daha ileri götürelim ve bazı parametreler ekleyelim.

Parametrelerle kendi kendine kapanan bir kısa kod oluşturma

Kısa kod, çıktıyı özelleştirmemize izin veren parametreler için desteğe sahiptir. Bu örnekte iki farklı butonumuz var, bu yüzden hangi butonu göstermek istediğimizi tanımlamamız gerekiyor.

 <?php function button_shortcode($type) { extract(shortcode_atts(array( 'type' => 'type' ), $type)); // check what type user entered switch ($type) { case 'twitter': return '<a href="http://twitter.com/filipstefansson" class="twitter-button">Follw me on Twitter!</a>'; break; case 'rss': return '<a href="http://example.com/rss" class="rss-button">Subscribe to the feed!</a>' break; } } add_shortcode('button', 'button_shortcode'); ?>

Artık kısa kodunuzda type tanımlayarak hangi düğmenin görüntüleneceğini seçebilirsiniz.

 [button type="twitter"] [button type="rss"]

Bu harika. Ama ya metni değiştirmek istersek? [button type="twitter-2"] vb. gibi kısa kod türleri eklemeye devam edebiliriz, ancak bu çok dinamik değil, değil mi? Bunu nasıl doğru şekilde yapacağımızı görelim.

Kapsayıcı bir kısa kod oluşturma

Ekleyen kısa kod, daha önce kullandıysanız BBCode gibi, içeriği kısa kodunuza gömmenize olanak tanır.

 <?php function button_shortcode( $attr, $content = null ) { return '<a href="http://twitter.com/filipstefansson" class="twitter-button">' . $content . '</a>'; } add_shortcode('button', 'button_shortcode'); ?>

Bu kısa kodu kullanmak için kullanmak istediğiniz metni şu şekilde ekleyebilirsiniz:

 [button]Follow me on Twitter![/button]

Bu düğmeyi daha da iyi hale getirmek için önceki örnekte yaptığımız gibi parametreler ekleyebiliriz. Bu sefer iki parametre ekleyelim, biri Twitter kullanıcı adı için, diğeri düğme stili için. Ardından, farklı türde düğmelere sahip olabilir ve düğmeyi hangi Twitter hesabına bağlamak istediğimizi seçebiliriz.

 <?php function button_shortcode( $atts, $content = null ) { extract( shortcode_atts( array( 'account' => 'account', 'style' => 'style' ), $atts ) ); return '<a href="http://twitter.com/' . esc_attr($account) . '" class="twitter-button ' . esc_attr($style) . '">' . $content . '</a>'; } add_shortcode('button', 'button_shortcode'); ?>

Kullanım:

 [button account="filipstefansson" style="simple"]Follow me on Twitter![/button] // Result: <a href="http://twitter.com/filipstefansson" class="twitter-button simple">Follow me on Twitter!</a>

Artık herhangi bir Twitter hesabına bağlayabileceğimiz özelleştirilebilir bir düğmemiz var. Anladığınızdan eminim, bundan çok daha gelişmiş kısa kodlar oluşturabilirsiniz, ancak bu iyi bir başlangıç.

Widget'lardaki ve şablon dosyalarındaki kısa kodlar

Şimdi kısa kodların gücünü gördüğünüzde, muhtemelen bunları neden widget'larınızda ve şablon dosyalarınızda kullanamadığınızı merak ediyorsunuzdur. Görünüşe göre yapabilirsin.

Widget'larınızdaki kısa kodları etkinleştirmek için, aşağıdaki kodu function.php'ye koymanız yeterlidir:

 add_filter('widget_text', 'do_shortcode')

Şablon dosyalarınızda bir kısa kod kullanmak için bunlara aşağıdakileri kullanarak erişebilirsiniz:

 do_shortcode("[button]");

Kullanıma hazır kısa yollar

İşte hemen uygulayabileceğiniz bazı harika kısa kodlar.

Gönderilerdeki kod

Programlamaya odaklanan bir blog işletiyorsanız, muhtemelen yazılarınızda kod görüntülemek istersiniz.

 function code_shortcode( $attr, $content = null ) { $content = clean_pre($content); // Clean pre-tags return '<pre"><code>' . str_replace('<', '<', $content) . // Escape < chars '</code></pre>'; } add_shortcode('code', 'code_shortcode');

Kullanım:

 [code]<?php echo 'Hello World!'; ?>

Adsense'i gönderilerinizin herhangi bir yerine gömün

Bu kısa kodla, yalnızca [adsense] kullanarak yayınlarınızın herhangi bir yerine bir Google reklamı ekleyebilirsiniz.

 function showads() { return '<script type="text/javascript"><!-- google_ad_client = "pub-3637220125174754"; google_ad_slot = "4668915978"; google_ad_width = 468; google_ad_height = 60; //--> </script> <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script> '; } add_shortcode('adsense', 'showads');

YouTube videosunu göm

Bu kısa kod, YouTube videolarını blog yayınlarınıza yerleştirmenize olanak tanır.

 function youtube($atts) { extract(shortcode_atts(array( "value" => 'http://', "width" => '475', "height" => '350', "name"=> 'movie', "allowFullScreen" => 'true', "allowScriptAccess"=>'always', "controls"=> '1', ), $atts)); return '<object style="height: '.$height.'px; width: '.$width.'px"><param name="'.$name.'" value="'.$value.'"><param name="allowFullScreen" value="'.$allowFullScreen.'"><param name="allowScriptAccess" value="'.$allowScriptAccess.'"><embed src="'.$value.'" type="application/x-shockwave-flash" allowfullscreen="'.$allowFullScreen.'" allowScriptAccess="'.$allowScriptAccess.'" width="'.$width.'" height="'.$height.'"></object>'; } add_shortcode("youtube", "youtube");

Kullanım:

 // Optional attributes: width, height, name, allowFullScreen, allowScriptAccess, controls [youtube value="http://www.youtube.com/watch?v=1aBSPn2P9bg"]

Paypal Bağış Kısa Kodu

Bu kısa kod, Paypal hesabınıza bağış bağlantıları oluşturmanıza yardımcı olur.

 function donate_shortcode( $atts, $content = null) { global $post;extract(shortcode_atts(array( 'account' => 'your-paypal-email-address', 'for' => $post->post_title, 'onHover' => '', ), $atts)); if(empty($content)) { $content='Make A Donation'; } return '<a href="https://www.paypal.com/cgi-bin/webscr?cmd=_xclick&business='.$account.'&item_name=Donation for '.$for.'" title="'.$onHover.'">'.$content.'</a>'; } add_shortcode('donate', 'donate_shortcode');

Kullanım:

 [donate] [donate]Donate Now[/donate] [donate account="[email protected]" onHover="Thanks" for="Title"] [donate account="[email protected]" onHover="Thanks" for="Title"]Donate Now[/donate]

Yazarlara özel not

Bu sonuncusu zekice. Bu kısa kod ile yazılarınızda sadece yazarların görebileceği notlar oluşturabilirsiniz.

 function sc_note( $atts, $content = null ) { if ( current_user_can( 'publish_posts' ) ) return '<div class="note">'.$content.'</div>'; return ''; } add_shortcode( 'note', 'sc_note' );

Çözüm

Bu makaleyi okuduktan sonra, umarım WordPress kısa kodlarını benim kadar seversiniz ve umarım bunları kendi blogunuzda uygulamaya başlarsınız.