Merhabalar. Bu yazımda yazılarınıza ekleyebileceğiniz kaynak bölümü eklentisini nasıl yaptığımı anlatacağım. Bazı yazılarımızda ister istemez kaynak kullanıyoruz. Bunları da en doğru ve en güzel şekilde okuyucularımıza aktarmamız gerekiyor.
Bunu başarmak için bir hazır eklenti buldum fakat beğenmedim. Uzun süredir değiştirmeyi düşünüyordum ve bu yüzden dün sabaha karşı bir anda bunun kodunu yazdım ve tamamladım. Şu an yazılarda kolayca kullanılabilir hale getirdim.
Yazımı beğendiyseniz aşağıdan oylarsanız sevinirim.
Kaynak Bölümü Eklentisinin Yazı İçinde Kullanımı
Yazılarınızda aşağıdaki koddaki bağlantıyı değiştirerek kullanabilirsiniz.
// Bir adet kaynak varsa aşağıdaki gibi kullanabilirsiniz.
[post_kaynak url="https://ogulcanozugenc.com/wordpress-yazilariniza-ekleyebileceginiz-kaynak-eklentisi-yapimi/ " baslik="https://ogulcanozugenc.com/wordpress-yazilariniza-ekleyebileceginiz-kaynak-eklentisi-yapimi/ "]
// Birden çok kaynak varsa aşağıdaki gibi kullanabilirsiniz.
[post_kaynak_bas url="https://www.btk.gov.tr/tr-TR/Kurul-Karari/Adil-Kullanim-Noktasi-AKN " baslik="https://www.btk.gov.tr/tr-TR/Kurul-Karari/Adil-Kullanim-Noktasi-AKN "]
[post_kaynak_devam url="https://forum.donanimhaber.com/fb.asp?m=117507603 " baslik="İnternette Kotaya Hayır Topluluğu"]
[post_kaynak_devam url="https://twitter.com/kotayahayir " baslik="https://twitter.com/kotayahayir "]
[post_kaynak_son url="https://internettarifehesabi.000webhostapp.com/ " baslik="https://internettarifehesabi.000webhostapp.com/ "]
Kaynak Bölümü Eklentisinin PHP Kodu
Hazırladığım eklentinin PHP kodunu aşağıda görebilirsiniz.
references-area.php
+
<?php
add_action ( 'wp_enqueue_scripts' , 'kaynak_bolumu_includes' ) ;
function kaynak_bolumu_includes ( ) {
wp_register_style ( 'kaynak-bolumu-ogulcan-ozugenc-css' , plugins_url ( 'includes/css/style.css' , __FILE__ ) ) ;
wp_enqueue_style ( 'kaynak-bolumu-ogulcan-ozugenc-css' ) ;
}
function post_kaynak ( $atts )
{
$baslik = 0 ;
$url = 0 ;
$url = $atts [ 'url' ] ;
$baslik = $atts [ 'baslik' ] ;
if ( $url !== 'url' && $baslik !== 'baslik' )
{
$out = "<html><body><div class=\"post_kaynak\"><div class=\"post_kaynak_yazi\">Kaynak: </div><div class=\"post_kaynak_icerik\"><a href=\"$url\" target=\"_blank\">$baslik</a></div></div></body></html>" ;
}
return $out ;
}
add_shortcode ( 'post_kaynak' , 'post_kaynak' ) ;
function post_kaynak_bas ( $atts )
{
$baslik = 0 ;
$url = 0 ;
$url = $atts [ 'url' ] ;
$baslik = $atts [ 'baslik' ] ;
if ( $url !== 'url' && $baslik !== 'baslik' )
{
$out = "<html><body><div class=\"post_kaynak_bas\"><div class=\"post_kaynak_yazi\">Kaynak: </div><div class=\"post_kaynak_icerik\"><a href=\"$url\" target=\"_blank\">$baslik</a></div></div></body></html>" ;
}
return $out ;
}
add_shortcode ( 'post_kaynak_bas' , 'post_kaynak_bas' ) ;
function post_kaynak_devam ( $atts )
{
$baslik = 0 ;
$url = 0 ;
$url = $atts [ 'url' ] ;
$baslik = $atts [ 'baslik' ] ;
if ( $url !== 'url' && $baslik !== 'baslik' )
{
$out = "<html><body><div class=\"post_kaynak_devam\"><div class=\"post_kaynak_yazi\">Kaynak: </div><div class=\"post_kaynak_icerik\"><a href=\"$url\" target=\"_blank\">$baslik</a></div></div></body></html>" ;
}
return $out ;
}
add_shortcode ( 'post_kaynak_devam' , 'post_kaynak_devam' ) ;
function post_kaynak_son ( $atts )
{
$baslik = 0 ;
$url = 0 ;
$url = $atts [ 'url' ] ;
$baslik = $atts [ 'baslik' ] ;
if ( $url !== 'url' && $baslik !== 'baslik' )
{
$out = "<html><body><div class=\"post_kaynak_son\"><div class=\"post_kaynak_yazi\">Kaynak: </div><div class=\"post_kaynak_icerik\"><a href=\"$url\" target=\"_blank\">$baslik</a></div></div></body></html>" ;
}
return $out ;
}
add_shortcode ( 'post_kaynak_son' , 'post_kaynak_son' ) ;
Kaynak Bölümü Eklentisinin CSS Kodu
Hazırladığım eklentinin CSS kodunu aşağıda görebilirsiniz.
style.css
+
.post_kaynak {
margin-bottom : 20 px;
font-size : 14 px;
border : 2 px dashed #ccc ;
color : inherit;
font-family : Arial;
padding : 8 px 16 px;
}
.post_kaynak_devam {
margin-bottom : 2 px;
font-size : 14 px;
border : 2 px dashed #ccc ;
border-top : 0 px;
color : inherit;
font-family : Arial;
padding : 8 px 16 px;
}
.post_kaynak_bas {
margin-bottom : 2 px;
font-size : 14 px;
border : 2 px dashed #ccc ;
color : inherit;
font-family : Arial;
padding : 8 px 16 px;
}
.post_kaynak_son {
margin-bottom : 20 px;
font-size : 14 px;
border : 2 px dashed #ccc ;
border-top : 0 px;
color : inherit;
font-family : Arial;
padding : 8 px 16 px;
}
.post_kaynak_yazi {
float : left;
font-weight : 700 ;
}
.post_kaynak_icerik {
color : #999 ;
overflow : hidden;
white-space : nowrap;
}
Kaynak Bölümü Eklentisi Kurulum ve İndirme Bağlantısı
Eklentiyi WordPress Admin / Eklentiler / Yeni Ekle kısmından “Eklenti Yükle” butonuna basarak direk .zip dosyasını upload ederek kurabilirsiniz. Kullanımını da yukarıda anlatmıştım zaten. Kolay gelsin