Skip to content

qurantools/verse-reference

 
 

Repository files navigation

Verse Reference

Verse Reference, yazınızdaki Kur'an ayet referansınıza otomatik link eklemeyi ve link üzerine gelince açılır pencerede ile ilgili ayet(ler)e dair meallerin görünmesini sağlar. Bu sayede referanslara tek tek link ekleme ve bu linkleri açılır pencerede gösterme gibi zahmetli bir işten kurtulmuş olacaksınız. Üstelik bu özelliği edinmek çok kolay: aşağıda verdiğimiz kod parçasını sisteminize entegre etmek. Kullanımı da oldukça kolay. Geniş referans sözcük dağarcığı ile ile Kur'an ayetlerine referans vererek ayetlere dair meallere anında ulaşarak Kur'an çalışmalarınızı hiç olmadığı kadar zevkli hale getirebilirsiniz. Referans Ayet üzerine gelince otomatik olarak açılan açılır pencere ile meal bilgisi görüyor olacaksınız. Aynı zamanda açılır penceredeki meal seçimi bölümü ile Ayet(ler)e dair meal bilgisini farklı mealler üzerinden de inceleyebiliyor olacaksınız.

Nasıl Kullanılır?

Verse Reference ile Kur'an Ayetlerine değişik şekillerde referans vermek mümkün. Bunları 2 kategori altında inceledik.

Not: Ağağıdaki ifadelerde Sure_no 1-114 arası Sure numarasını, Ayet_no ise ilgili Surenin ayet numarasını/numaralarını ifade etmektedir. Ayet_no için değişik yazım şekilleri mevcut: Tek bir sayı ile, virgülle ayrılmış sayılar ile ya da tire ile ayrılmış sayılar ile Ayet_no gösterimini yapabilirsiniz. Örnekleri inceleyiniz.

1. Sure_no:Ayet_no 

2:123    //Kur'an 2. Sure 123. Ayeti temsil etmekte

2:123,124    //Kur'an 2. Sure 123 ve 124. Ayetleri temsil etmekte (virgül ',' tek tek ayetleri belirtmek için)

2:123-127    //Kur'an 2. Sure 123,124,125,126 ve 127. Ayetleri temsil etmekte (tire '-' ayet grubu aralığındaki tüm ayetleri ifade etmek için)

2:123,129-131    //Kur'an 2. Sure 123,129,130 ve 131. Ayetleri temsil etmekte

2. Sure_Adı (Suresi) Ayet_no(. Ayet)

Fatiha 1,2,5-7    //Fatiha Suresinin 1,2,5,6 ve 7 Ayetlerini temsil eder

Bakara 123    //Bakara Suresinin 123. Ayeti temsil eder

Bakara 123,124    //Bakara Suresinin 123 ve 124. Ayetleri temsil eder

Bakara 123-127    //Bakara Suresinin 123,124,125,126 ve 127. Ayetleri temsil eder

Bakara 123,129-131    //Bakara Suresinin 123,129,130 ve 131. Ayetleri temsil eder

Bakara Suresi 7. Ayet    //Bakara Suresinin 7. Ayetini temsil eder. "Suresi" ve ".Ayet" sözcüklerinin isteğe bağlıdır.

Bakara Suresi 2-7

Bakara 4,5-7

Bakara Suresi 4

Bakara 4. Ayet

Bakara Suresi 4. Ayet

Ra'd 3-7

Ra'd 3,7

Ra'd Suresi 3-7

Ra'd Suresi 3-7

Ra'd Suresi 3,7. Ayet

Daha yalın bir anlatımla...

Tek Ayete Referans Verme

المائدة 10 فقوله – تعالى -: ﴿ اللَّهُ لَا إِلَهَ إِلَّا هُوَ الْحَيُّ الْقَيُّومُ ﴾، إخبار بأنه المنفرِد بالإلهية لجميع الخلائق، فلا معبود بحقٍّ إلاَّ هو – سبحانه – وهو المستَحق للعِبادة، وبهذه الكلمة أرْسَل الله الرُّسل، وأنزَل الكُتُب، وعليها قامت السماوات والأرض، ومِن أجْلها خَلَق الله الجنَّة والنار؛ قال – تعالى -: ﴿ وَمَا أَرْسَلْنَا مِنْ قَبْلِكَ مِنْ رَسُولٍ إِلَّا نُوحِي إِلَيْهِ أَنَّهُ لَا إِلَهَ إِلَّا أَنَا فَاعْبُدُونِ ﴾ [الأنبياء: 25] وقال – تعالى -: ﴿ يُنَزِّلُ الْمَلَائِكَةَ بِالرُّوحِ مِنْ أَمْرِهِ عَلَى مَنْ يَشَاءُ مِنْ عِبَادِهِ أَنْ أَنْذِرُوا أَنَّهُ لَا إِلَهَ إِلَّا أَنَا فَاتَّقُونِ ﴾ [النحل: 2].

Bakara 7, Nas 3, Fatiha 4, Fil 2, 2:2, 12:3, 114:5, 1:7 vb.

Virgül ile Ayrılmış Şekliyle Birçok Ayete Referans Verme

Fatiha 2,3,4,5,7, Bakara 21,88,89,90,220,221,250 ve Nas 2,3,4, Asr 1,2,3

1:2,3,4,5,7, 2:21,88,90,220,221,250, 114:2,3,4 vb.

Tire işareti ile Belli bir Aralık için Birçok Ayete Referans Verme

Fatiha 2-5, Bakara 88-90, Bakara 13-18, Nas 2-5 ve Kevser 1-3

1:2-5, 2:88-90, 2:13-18 vb.

Virgül ve Tire işaretleri ile Birçok Ayete Referans Verme

Fatiha 2-5,7, Bakara 88-90,99,102-107, Bakara 6,13-18, Nas 1-3,5, Ya sin 4-10,18, Maun 1-3,5, Muhammed 4-6,8 ve Fetih 2-7,10

1:2-5,7, 2:88-90,99,102-107, 2:6,13-18 vb.

Not: En fazla 1000 harf açılır ekranda gösterilmekte, fazlalık traşlanmakta.

İlgili script kodu Türkçe, İngilizce ve Arapça sure isimlerini algılama kapasitesine sahip.

Farklı Dillerde Referans Verme

Fatiha 1-3,5, The opening 1-3, 5 , The opener 1-3,5 ve Al-Faatihah 1-3,5

Al-baqarah 3-7 ve 10 ve Bakara 3-7,10

Enbiya 4-8,12 , Al-anbya 4-8,12 ve The prophets 4-8,12

Mulk 2-4,6, al-mulk 2-4,6 ve The sovereignty 2-4,6

Örnek kullanımlar için demo sayfasını inceleyiniz.

Kurulum

Verse Referance kurulumu oldukça kolay. Aşağıdaki kodu kopyalayıp sitenizin (</body>) etiketi öncesinde bir yere yapıştırmanız yeterli.

<script>
  var refTagger = {};
 
  // Temel Ayarlar
  var refTagger = {
    language  : 'tr', // Açılır pencerede geçerli olan dil
    onPageLoad: true, // Sayfa yüklenince otomatik referans verme
  };

  (function(d, t) {
    var g = d.createElement(t), s = d.getElementsByTagName(t)[0];
    g.src = "http://quran.tr.cx/verse-reference/verse_reference.min.js";
    s.parentNode.insertBefore(g, s);
  }(document, "script"));
</script>

Wordpress için Kurulum

Yönetici (Admin) Panelinden -> Görünüm (Appearance) -> Düzenleyici (Editor) yolunu takip ederek tema dosyalarından (theme files) footer.php dosyasını açarak yukarıdaki kodu (</body>) etiketi öncesinde yapıştırmanız gerekmekte.

Joomla için Kurulum

Uzantılar (Extensions) -> Tema Yöneticisi (Template manager) -> sol bölümdeki Şablonlar (Templates) yolunu takip ederek aktif temayı seçiniz. Aktif temanın index.php dosyasını açarak yukarıdaki kodu (</body>) etiketi öncesinde yapıştırmanız gerekmekte.

Drupal için Kurulum

Drupal yönetici panelinden (admin panel) -> Yapı (Structure) -> Blok (Blocks) yolunu takip ederek Blok Ekle (Add block) ekle bağlantısına tıklayınız. Açılan penceredeki veri girişi alanına yukarıdaki script kodunu yapıştırınız. Veri giriş formatını full HTML yapınız ve blok'a bir isim vererek, örneğin "Verse Reference", blok'u kaydediniz. Hepsi bu kadar.

Dikkat!

Açılır pencere (tooltips) gösterimi için tippy.js kütüphanesi kullanılmıştır. Eğer sisteminizde hali hazırda bu kütüphane yüklü ise birtakım çakışmalar söz konusu olabilir. Bu konuda bizi bilgilendiriniz.

About

Solution for Verse Reference needs

Resources

License

Stars

Watchers

Forks

Packages

No packages published

Languages

  • JavaScript 88.6%
  • CSS 6.3%
  • Ruby 3.9%
  • HTML 1.2%