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

Yazar:

20 Mayıs 2018

WordPress Yazılarınıza Ekleyebileceğiniz

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/"]

İLGİLİ YAZI

Yazılarınıza Ekleyebileceğiniz WordPress “Şu kadar dakikada okuyabilirsiniz” Eklentisi Yapımı

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');

İLGİLİ YAZI

Yazılarınıza Ekleyebileceğiniz WordPress İlgili Kartı Eklentisi Yapımı

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 🙂

References Area - Oğulcan Özügenç
İNDİR

Kaynak:

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

4.6/5 - (9 votes)

11 Yorum

İlaçsız Yaşıyoruz 9 Aralık 2020 At 11:36

Eline sağlık, tam aradığım bir eklenti fakat eklentiyi yükledim aktif ettim, makalemi düzenlemeye gidip makalede alıntı yaptığım yeri kaynak göstermek istediğimde nerden görücem bu eklentiyi?

teşekkürler

Yorumu Cevapla
- PossibleTurco 15 Haziran 2021 At 08:43
  
  CSS kodunu makale içerisine kopyalayıp içeriğini değiştirerek yapıyorsunuz.
- Oğulcan Özügenç 16 Haziran 2021 At 04:09
  
  Yok hayır aslında shortcode’u var bunun. Örnek olarak aşağıdaki gibi yapabiliyorsunuz. Makaleye aşağıdakini yapıştırırsanız olacaktır.
  
  [post_kaynak url="https://ogulcanozugenc.com/wordpress-yazilariniza-ekleyebileceginiz-kaynak-eklentisi-yapimi/" baslik="https://ogulcanozugenc.com/wordpress-yazilariniza-ekleyebileceginiz-kaynak-eklentisi-yapimi/"]
- PossibleTurco 23 Haziran 2021 At 14:28
  
  Teşekkürler hocam. Eklenti çok iyi. Lakin geliştirilse ve yeni özellikler kazansa daha güzel olabilir. Misal kod eklemek yerine blok olarak eklesek daha güzel ve kolay olabilir.
Barış Özyürek 8 Aralık 2019 At 02:11

Merhaba, kaynakta bağlantıyı linklemek yerine düz yazı olarak nasıl gösterebilirim?

Yorumu Cevapla
Ertan Hekimler 3 Aralık 2019 At 22:46

Çok aradığım bir eklentiydi. Üzerinde durup geliştirmenizi tavsiye ederim. Elinize sağlık.

Yorumu Cevapla
- Oğulcan Özügenç 3 Aralık 2019 At 23:01
  
  Merhaba, beğenmenize sevindim. Tabi daha yolun başında bir eklenti bu 🙂 tavsiyelerinizi beklerim. Kolay gelsin.
- Ertan Hekimler 4 Aralık 2019 At 00:10
  
  ayarlar bolümü olabilir. nofollow, dofollow gibi ozellikler eklenebilir. dil desteği olabilir. wordpress.org’a yükleyebilirsin. böylelikle yeni versiyonları kontrolleri kolay olur. gerçekten yararlı bir eklenti. faydalanan çok olur.
- Ertan Hekimler 7 Aralık 2019 At 13:15
  
  ayrıca linkli-linksiz gozukmesi için birşeyler olabilir. webteknoda da bu özellik var. padding margin ayarları da olabilir. benim suan farklı bir eklentim ile dipdibe oldular.
Burak Mete Erdoğan 14 Kasım 2018 At 12:07

merhaba eklentileriniz auto load scrool gibi eklentiler ile uyumsuz olarak çalışıyor. Nasıl düzeltebilirim ?

Yorumu Cevapla
- Oğulcan Özügenç 20 Mart 2019 At 21:18
  
  Selam hocam. Kendi sitemde yaptığım için fark edemeyebiliyorum diğer sitelerde yaşanabilecek problemleri. Link gönderebilirseniz bakayım.

{{post_title}}

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

Kaynak Bölümü Eklentisinin Yazı İçinde Kullanımı

Kaynak Bölümü Eklentisinin PHP Kodu

Kaynak Bölümü Eklentisinin CSS Kodu

Kaynak Bölümü Eklentisi Kurulum ve İndirme Bağlantısı

11 Yorum

CEVAP VER

Loading…

Here are the results for the search: "{{td_search_query}}"

No results!

{{post_title}}

Kaynak Bölümü Eklentisinin Yazı İçinde Kullanımı

Kaynak Bölümü Eklentisinin PHP Kodu

Kaynak Bölümü Eklentisinin CSS Kodu

Kaynak Bölümü Eklentisi Kurulum ve İndirme Bağlantısı

İlgili Yazılar

ClassiPress AMP Kurulumu

WordPress İçin Faydalı “htaccess” Kodları

WordPress’te Reklam Engelleyicileri Tespit Etmek

Yazılarınıza Ekleyebileceğiniz WordPress İlgili Kartı Eklentisi Yapımı

En İyi ve En Gerekli Ücretsiz 40+ WordPress Eklentileri 2020 (Sürekli Güncel!)

Bir WordPress Siteyi Hızlandırma ve Optimize Etme Yolları

11 Yorum

CEVAP VER İptal

CEVAP VER