WordPress Yazılarınıza Ekleyebileceğiniz "Kaynak Bölümü" Eklentisi Yapımı

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.

<?php
/*
Plugin Name: Kaynak Bölümü Eklentisi Oğulcan Özügenç
Plugin URI: https://ogulcanozugenc.com/
Description: Basit, kullanımı kolay ve hızlı bir kaynak bölümü eklentisi.	
Author: Oğulcan Özügenç
Author URI: https://ogulcanozugenc.com/
Text Domain: kaynak-bolumu-ogulcan-ozugenc
Domain Path: /languages/
Version: 1.0
*/

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.

.post_kaynak {
     margin-bottom: 20px;
     font-size: 14px;
     border: 2px dashed #ccc;
     color: inherit;
     font-family: Arial;
     padding: 8px 16px;
}
 .post_kaynak_devam {
     margin-bottom: 2px;
     font-size: 14px;
     border: 2px dashed #ccc;
     border-top: 0px;
     color: inherit;
     font-family: Arial;
     padding: 8px 16px;
}
 .post_kaynak_bas {
     margin-bottom: 2px;
     font-size: 14px;
     border: 2px dashed #ccc;
     color: inherit;
     font-family: Arial;
     padding: 8px 16px;
}
 .post_kaynak_son {
     margin-bottom: 20px;
     font-size: 14px;
     border: 2px dashed #ccc;
     border-top: 0px;
     color: inherit;
     font-family: Arial;
     padding: 8px 16px;
}
/* .post_kaynak:hover {
     background-color: #e2e2e2;
}
 */
 .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 🙂

Kaynak: 
https://ogulcanozugenc.com/wordpress-yazilariniza-ekleyebileceginiz-kaynak-eklentisi-yapimi/

4.6/5 - (9 votes)

İlgili YazılarDiğer Yazılarım