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;
Kısa kodları yazarken Türkçe karakter kullanmayın.
Daha sonra style.css dosyanızı açın ve en sonuna şu kodları ekleyin:
Kullanım
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ı
Ö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ı
hover ve active efektleriyle daha da esneklik katabilirsiniz 