Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
WPB Kupası
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

WordPress Blog Yazılarınıza Basit ve Şık Dipnotlar Ekleme

Hiç metinde küçük, üst simge sayıları olan ve sayfanın altında ek bilgilere bağlantı veren web siteleri gördünüz mü? Bunlara dipnot denir ve ana içeriğinizi dağıtmadan ekstra bağlam sağlamanın veya kaynaklara atıfta bulunmanın harika bir yoludur.

Bazı okuyucularımız, özellikle araştırma ağırlıklı içerikler veya alıntı yapılması gereken makaleler yazarken WordPress gönderilerine nasıl dipnot ekleyeceklerini sordular.

Bu makalede, WordPress blog yazılarınıza nasıl basit ve zarif dipnotlar ekleyeceğinizi adım adım göstereceğiz.

Add footnotes in WordPress blog posts

WordPress Blog Yazılarınıza Neden Dipnot Eklemelisiniz?

Bir eğitim blogu işletiyorsanız, araştırma yayınlıyorsanız veya haber hikayelerine yer veriyorsanız, dipnotlar içeriğinize daha fazla bağlam kazandırmanın harika bir yoludur. Bunları yorum eklemek, önemli gerçekleri vurgulamak veya web sitenizdeki akademik kaynaklara alıntılar eklemek için kullanabilirsiniz.

Bir dipnot genellikle metninizin ana gövdesi içinde küçük, üst simge bir sayı olarak görünür. Asıl dipnot içeriği daha sonra sayfanın altına yerleştirilir veya ana içerikten ayırt edilmesi için bir araç ipucu olarak görünür.

İşte bir örnek:

Example of a footnote in McKinsey's website

Okuyucularınız için netlik ve şeffaflık sağlamanın yanı sıra, dipnotlar WordPress web sitenizin daha profesyonel ve güvenilir görünmesini sağlayabilir. Araştırmanızı yaptığınızı ve iddialarınızı destekleyecek kaynaklara sahip olduğunuzu gösterirler.

Neyse ki WordPress.org editörü, ek bağlam eklemek için kolayca kullanabileceğiniz yerleşik bir dipnot özelliğine sahiptir. Bu şekilde, dipnotları kendiniz manuel olarak eklemek zorunda kalmazsınız.

Bu kılavuz size iki yöntem kullanarak blog yazılarınıza veya sayfalarınıza WordPress dipnotlarını nasıl ekleyeceğinizi gösterecektir. Birincisi Gutenberg editöründeki Dipnotlar bloğunu kullanarak, diğeri ise bir eklenti kullanarak.

Belirli bir yönteme geçmek için aşağıdaki bağlantıları kullanabilirsiniz:

Yöntem 1: WordPress’te Eklenti Olmadan Dipnot Ekleme

Bu yöntem, blog yazılarında basit dipnotlar kullanmak isteyen ve bunu yapmak için bir eklenti yüklemek istemeyen kişiler için en iyisidir.

WordPress Dipnotlar bloğunu kullanmak için, yeni veya mevcut bir yazı için Gutenberg blok düzenleyicisini açmanız gerekir.

Bundan sonra, blog gönderisine paragraf blokları, resimler ve diğer içerik türlerini eklemeye başlayabilirsiniz. Metninizi şekillendirmek ve okuyucuların dikkatini çekmek için büyük harf bile ekleyebilirsiniz.

Şimdi, içeriğinizde dipnot eklemek istediğiniz bir kelimeyi vurgulayın. Blok araç çubuğunda, açılır oka tıklayın ve ‘Dipnot’u seçin.

Adding a footnote to a text in the WordPress block editor

Şimdi Dipnotlar bloğunun otomatik olarak eklendiği sayfanın en altına yönlendirileceksiniz. Burada ekstra bilgilerinizi yazabilirsiniz.

Ayrıca, sağ taraftaki panelde bulunan ayarları kullanarak bloğun metin rengini, tipografisini, boyutlarını ve kenarlığını özelleştirebilirsiniz.

Dipnotta bağlantılar varsa, öne çıkmalarını sağlamak için bağlantıların rengini değiştirmek isteyebilirsiniz.

Customizing the footnotes block in the WordPress block editor

Gerektiği kadar dipnot eklemek için bu adımı tekrarlamaktan çekinmeyin.

WordPress sitenizin önizlemesini yaptığınızda, daha önce vurguladığınız cümleye bir dipnot bağlantısı olmalıdır.

Example of the footnote made in WordPress

Köprüye tıklarsanız, sizi dipnotun bulunduğu sayfanın en altına götürecektir.

Burada, dipnotun atandığı bölüme geri dönmek için köprülü oka da tıklayabilirsiniz.

An example of the footnote content at the bottom of the page, made using WordPress

Dipnotun akıllı telefon ekranlarında okunabilir olduğundan emin olmak için web sitenizi mobil cihazlarda da önizlemek isteyebilirsiniz.

Bu yöntem yeni başlayanlar için oldukça basit olsa da, tonlarca özelleştirme seçeneği sunmaz. Dipnot görünümünü değiştirmek için daha fazla yol arıyorsanız, bir sonraki yönteme devam edin.

Yöntem 2: WordPress Dipnotları Bir Eklenti ile Nasıl Eklenir

Dipnot oluşturmanın bir başka yolu da ücretsiz Modern Foot notes eklentisini kullanmaktır. Footnotes bloğunun aksine, dipnot görünümünü değiştirmek için çok daha fazla seçenek sunar.

Örneğin, dipnotun bir araç ipucu olarak görünmesini ve sayfanın altında ekstra bilgi olmasını sağlayabilirsiniz.

Yapacağınız ilk şey Modern Footnotes eklentisini yüklemektir. Eklenti kurulumu hakkında daha fazla bilgi için WordPress eklentisi kurma kılavuzumuza göz atın.

Not: Bu eklentiyi kullanmanız gerekip gerekmediğinden emin değilseniz, geçici WordPress Playground ‘a yükleyebilir ve üzerinde oynayabilirsiniz.

Modern Dipnotlar Eklentisi Ayarlarını Yapılandırma

Eklenti yüklendikten sonra artık Ayarlar ” Modern Dipnotlar bölümüne gidebilirsiniz. Dipnot ayarlarını tercihlerinize göre yapılandırabileceğiniz yer burasıdır.

Her bir ayarı tek tek inceleyelim.

‘Masaüstü dipnot davranışı’, web sitesi bir masaüstü bilgisayarda görüntülendiğinde dipnotun nasıl davranması gerektiğini seçmenizi sağlar.

Bir imleç araç ipucunun üzerine geldiğinde veya kullanıcı araç ipucuna tıkladığında dipnotun görünmesini sağlayabilirsiniz. Alternatif olarak, dipnot, dipnotlu metnin altında genişleyebilir.

Selecting a Desktop footnote behavior using the Modern Footnotes plugin

Hangisini seçeceğiniz tercihlerinize bağlıdır. Bununla birlikte, dipnot mobil ekranlarda varsayılan olarak metnin altında genişleyecektir.

Bunun yanı sıra, gerekirse ‘Dipnot numarasının üzerine gelindiğinde dipnot içeriğinin web tarayıcısının yerel araç ipucunda görünmesini sağla’ kutusunu da işaretleyebilirsiniz. Bu, imleç metnin üzerine geldiğinde dipnotun eklentinin yerine tarayıcının araç ipucunda görüneceği anlamına gelir.

Masaüstü dipnot davranışı için araç ipucu seçeneğini seçerseniz bu ayarı kapatmanızı öneririz. Aksi takdirde, aynı dipnot için iki araç ipucuna sahip olursunuz ve bu da okuyucuların canını sıkabilir.

Aşağıda, dipnot listesini yazıların altında görüntülemeyi de seçebilirsiniz. Bu şekilde okuyucu tüm ek bilgileri tek bir yerde görebilir.

Blog gönderisi RSS beslemeleri aracılığıyla sendikasyona tabi tutulduğunda da bu özelliği etkinleştirmek isteyebilirsiniz.

Modern Footnote plugin's footnote display settings

Aşağı kaydırarak, dipnot listeniz için bir başlık eklemeyi ve bunun için bir başlık etiketi seçmeyi tercih edebilirsiniz. Bu, blog yazınızın asıl içeriğini dipnotlardan ayırmanıza yardımcı olur. Referanslar, Dipnotlar, Alıntılar veya Ek Bilgiler gibi bir şey yazabilirsiniz.

Dipnot metnini değiştirmek için bazı özel CSS’ler eklemek isterseniz, bunları ‘Modern Dipnot Özel CSS’ kutusuna eklemekten çekinmeyin.

Son olarak, yerleşik sürümü kullanmak istemiyorsanız Modern Dipnotlar kısa kodunu özelleştirebilirsiniz. Kısa kodu parantezler olmadan girdiğinizden emin olun.

Ayarlardan memnun olduğunuzda, ‘Değişiklikleri Kaydet’i tıklamanız yeterlidir.

Saving changes in the Modern Footnotes plugin

Modern Dipnotlar Eklentisini Kullanarak Dipnot Ekleme

Modern Dipnotlar ayarlarını yapılandırdığınıza göre, şimdi içeriğinize bazı dipnotlar ekleyelim. Devam edin ve yeni ya da mevcut bir gönderi veya sayfa için blok düzenleyiciyi açın.

Dipnot eklemenin iki yolu vardır. Birincisi bir kısa kod ile, ki biz de bunu öneriyoruz.

İlk olarak, dipnot eklemek istediğiniz cümleyi bulun. Ardından, bu cümlenin hemen yanına aşağıdaki kısa kodu yazın:

[mfn]Dipnotunuzu buraya ekleyin[/mfn]

Parantezler arasındaki metni kendi bilgilerinizle değiştirdiğinizden emin olun.

Ayrıca, aşağıdaki örnekte olduğu gibi, kısa kodu cümleyle aynı blok içinde, metnin hemen yanına, arada boşluk bırakmadan yerleştirmenizi öneririz. Aksi takdirde, dipnot metinden kopuk görünebilir.

An example of how to add a footnote shortcode using the Modern Footnotes plugin

Diğer yöntem ise dipnot metninizi, dipnotu eklemek istediğiniz cümlenin yanına yazmaktır. Dipnot metni ile cümle arasında boşluk olmadığından emin olun.

Aşağıdaki örnekte, ‘Studies suggest…’ ile başlayan cümle için akademik bir alıntı içeren bir dipnot eklemek istiyoruz.

Ardından, dipnotu vurgulayın ve araç çubuğundaki aşağı ok düğmesine tıklayın. Bundan sonra, ‘Dipnot Ekle’yi seçin.

Clicking the Add a Footnote button from the Modern Footnotes plugin

İkinci yöntemin dezavantajı, içeriği düzenlerken hangi metin satırlarına dipnot eklendiğini ve hangilerine eklenmediğini takip etmenin zor olabilmesidir. Bu yüzden kısa kod yöntemini öneriyoruz.

Blog gönderisini önizlediğinizde, artık cümlenin yanında bir sayı olduğunu göreceksiniz. Araç ipucu seçeneğini kullanırsanız, dipnot bu şekilde görünecektir:

What the Modern Footnotes tooltip looks like

Öte yandan, genişletilebilir biçimlendirmeyi kullanırsanız dipnot metnin altında görünecektir.

İşte numaraya tıkladığınızda nasıl göründüğü:

What the expandable footnote formatting looks like using the Modern Footnotes plugin

Son olarak, tüm dipnot içeriğini yazının altında görüntülemeyi seçerseniz, her şeyi orada bulmak için aşağı kaydırabilirsiniz.

Yorum bölümünün üstünde bir yerde olmalılar.

The footnote content at the bottom of the page, made with the Modern Footnotes plugin

Profesyonel İpucu: Blog gönderinizin sonuna dipnot yerine sorumluluk reddi mi eklemek istiyorsunuz? Adım adım talimatlar için WordPress’te otomatik olarak nasıl feragatname ekleneceğine ilişkin kılavuzumuza göz atın.

WordPress İçeriğinizi Özelleştirmenin Daha Fazla Yolunu Öğrenin

Dipnotların yanı sıra, WordPress içeriğinizi ziyaretçiler için daha ilginç ve okunabilir hale getirmenin birçok yolu vardır.

Örneğin, WordPress’e özel yazı tipleri ekleyebilirsiniz. Bu şekilde, benzersiz ve diğer rakiplerden farklı görünen bir tipografi oluşturabilir, web sitenizi daha akılda kalıcı hale getirebilirsiniz.

Ayrıca, kullanıcıların dikkatini en önemli bilgilere yönlendirmek için metin bloklarınızdaki belirli metinleri vurgulayabilirsiniz.

Yapabileceğiniz bir başka şey de ziyaretçiler içeriğinizde gezinirken bağlantıların üzerine geldiklerinde iç veya dış bağlantılarınızın canlı önizlemesini görüntülemektir. Bu, bağlantıya tıkladıklarında ne tür bir sayfa göreceklerini önizlemek için kolay ama ilgi çekici bir yöntemdir.

İşte göz atabileceğiniz diğer ipuçları:

Umarız bu makale WordPress web sitenize nasıl dipnot ekleyeceğinizi öğrenmenize yardımcı olmuştur. Ayrıca WordPress için en iyi sürükle ve bırak sayfa oluşturucuları için uzman seçimlerimizi ve bir WordPress web sitesinin nasıl düzenleneceğine ilişkin kılavuzumuzu okumak isteyebilirsiniz.

If you liked this article, then please subscribe to our YouTube Channel for WordPress video tutorials. You can also find us on Twitter and Facebook.

Açıklama: İçeriğimiz okuyucu desteklidir. Bu, bazı bağlantılarımıza tıklarsanız komisyon kazanabileceğimiz anlamına gelir. WPBeginner'ın nasıl finanse edildiğini, neden önemli olduğunu ve nasıl destek olabileceğinizi görün. İşte editoryal sürecimiz.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

Ultimate WordPress Araç Kiti

Araç setimize ÜCRETSİZ erişim sağlayın - her profesyonelin sahip olması gereken WordPress ile ilgili ürün ve kaynaklardan oluşan bir koleksiyon!

Reader Interactions

19 yorumBir Cevap Bırakın

  1. Jiří Vaněk

    Sometimes on the site I use excerpts from books or other blogs as opinions about something, and I always added them below the article. But this method is much more elegant, as it adds a small link to the information below the line directly to the excerpt. From the website user’s point of view, it will be a much better way to solve this. Thanks for another one of many inspirations on how to make content more user-friendly.

  2. THANKGOD JONATHAN

    This is really good. But since Gutenberg editor work similar with Block editor, should I just use the block editor or must install the Gutenberg editor again?

    • WPBeginner Support

      They are the same editor, it just has two different names :)

      Yönetici

  3. samarth

    I have a question. Adding Footnotes through the custom (HTML) method will cause in-article wording and would the article length will be increased?

    And, If through the plugin, the words of footnotes won’t be counted as blog post words?

    sorry for any grammatical mistakes.

    • WPBeginner Support

      Both methods would be adding text to your article, we would not recommend either method if you only wanted to increase your word count.

      Yönetici

  4. Ciprian

    Hi,

    Thanks for this info, I`ve tried it and it`s working fine, but now I have a curiosity:

    – the link for this notes are dofollow, from seo point of view, is this ok or we should make them nofollow?

    – if we need them nofollow, how can we do that?

    Thanks a lot.

  5. David

    Hey, forgive my ignorance, but I can’t figure out how to activate this, or any other plugin. What am I missing?

  6. Hank

    I added the plugin and tried some footnotes. When I click on the little number that should link to the footnote, it takes me below the comment box on the WordPress page and doesn’t display the footnote. I have to scroll up to see the footnote.

    Does anyone know how I can get it to land on the actual footnote?

      • Hank DeBey

        I had some remnants of earlier footnote attempts in the code. I removed those and things are better. Thanks for your help.

    • Evan Lowry

      Does it still do this when you view the page when you are signed out of the Dashboard? For me, when the dashboard menu is up top (when I am signed in), it makes it appear that the FN links are taking me too low–but then when I view the same page logged out, as a reader would, the FNs work properly.

  7. Evan Lowry

    This is a great plugin, but in the version I downloaded for 3.5.1, the footnotes reset after ten, back to zero, in the footer. Does anyone know how to fix this? I just want it to continue: 11, 12, etc…

  8. Kiesha Michelle

    Thanks for this!! I was trying to figure out how to add footnotes…. :)

  9. retlkpr

    Now that is one I did not know about. Thanks!  It works great.

Bir Cevap Bırakın

Yorum bırakmayı seçtiğiniz için teşekkür ederiz. Lütfen tüm yorumların yorum poli̇ti̇kasi uyarınca denetlendiğini ve e-posta adresinizin yayımlanmayacağını unutmayın. Ad alanında anahtar kelime KULLANMAYIN. Kişisel ve anlamlı bir sohbet edelim.