İyinet'e Hoşgeldiniz!

Türkiye'nin En Eski Webmaster Forum'una Hemen Kayıt Olun!

Kayıt Ol!

WordPress Kısa Kod ile Indir Butonu Yapalım

cudjex

0
İyinet Üyesi
Katılım
23 Haziran 2011
Mesajlar
148
Reaction score
0
Meraba arkadaşlar.Bugün blogumda görmüş olduğunuz “indir, demo” butonlarının yapımını anlatacağım.
Örnek:

buton.png

Sağladığı artı özellikler:

- Sitenize esneklik katar

- Kolay kullanım

- Site hızını artırır.
Yapımına geçiyoruz:

ilk önce functions.php dosyanızda ?> kodundan önce şu kodları ekleyin;

PHP:
function indir( $atts, $content = lisanssız ) {
   return '<span class="indir">' . $content . '</span>';
}

add_shortcode( 'indir', 'indir' );

Kısa kodları yazarken Türkçe karakter kullanmayın.
Daha sonra style.css dosyanızı açın ve en sonuna şu kodları ekleyin:

Kod:
.indir {
background: url([url]http://cudjex.com/wp-content/uploads/2011/12/download.gif[/url]) no-repeat;
padding-left:120px;
padding-bottom:10px;
}

Kullanım

Kod:
[*indir]

Parantez içindeki yıldızı silerek ekleyebilirsiniz.Css bilginizle butonun özelliklerini geliştirerek çok daha güzel şeyler yapabilirsiniz.

Kullandığımız resim;
download.gif

İşinize yaradıysa bir teşekkürü çok görmeyin


Yazımın linki :Wordpress Kısa Kod İle İndir Butonu Yapımı
 

UnPoo

0
İyinet Üyesi
Onaylı Üye
Katılım
10 Mart 2008
Mesajlar
447
Reaction score
2
Konum
Dünya
Gayet güzel bir işlem. Hemde sitede bir şıklık olur esneklik olur. Teşekkürler.

Deneme yapacağım kesinlikle...
 

cudjex

0
İyinet Üyesi
Katılım
23 Haziran 2011
Mesajlar
148
Reaction score
0
Evet tavsiye ederim :) hover ve active efektleriyle daha da esneklik katabilirsiniz :)
 

UnPoo

0
İyinet Üyesi
Onaylı Üye
Katılım
10 Mart 2008
Mesajlar
447
Reaction score
2
Konum
Dünya
Haklısın gayet güzel olur bencede. Hem download hem demo için süper olur.
 

Türkiye’nin ilk webmaster forum sitesi iyinet.com'da forum üyeleri tarafından yapılan tüm paylaşımlardan; Türk Ceza Kanunu’nun 20. Maddesinin, 5651 Sayılı Kanununun 4. maddesinin 2. fıkrasına göre, paylaşım yapan üyeler sorumludur.

Üst