chat eczaonline.com yazılım uzmanı gaziantep web tasarım

WordPress Kısa Kod ile Indir Butonu Yapalım

cudjex

Profesyonel
Katılım
23 Haz 2011
Mesajlar
148
Beğeniler
0
Yaş
26
#1
Meraba arkadaşlar.Bugün blogumda görmüş olduğunuz “indir, demo” butonlarının yapımını anlatacağım.
Örnek:


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;

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


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

UnPoo

Onaylı Üye
Katılım
10 Mar 2008
Mesajlar
442
Beğeniler
1
Konum
localhost
#2
Gayet güzel bir işlem. Hemde sitede bir şıklık olur esneklik olur. Teşekkürler.

Deneme yapacağım kesinlikle...
 

cudjex

Profesyonel
Katılım
23 Haz 2011
Mesajlar
148
Beğeniler
0
Yaş
26
#3
Evet tavsiye ederim :) hover ve active efektleriyle daha da esneklik katabilirsiniz :)
 

Bu konuyu okuyanlar (Üyeler: 1, Misafirler: 0)

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. iyinet.com sayfalarında yer alan yazı, görsel ve linklerle ilgili hukuki şikayetleriniz için Buradan iletişime geçmeniz durumunda, ilgili kanunlar ve yönetmelikler çerçevesinde en geç 7 gün içerisinde iyinet yönetimince tarafınıza dönüş sağlanacaktır. Betcup Artemisbet Forum canlı bahis
Üst