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.
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:
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.
Ş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.
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.
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.
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.
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.
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.
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.
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.
İ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:
Ö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üğü:
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.
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ı:
- WordPress’te Geri Dönen Ziyaretçiler için Yeni Yazılar Nasıl Vurgulanır?
- WordPress’te Dinamik İçerik Nasıl Eklenir (Başlangıç Rehberi)
- Erişilebilirlik için WordPress’te Yazı Tipi Yeniden Boyutlandırma Nasıl Eklenir
- WordPress Web Sitenize Koyu Mod Nasıl Eklenir (Kolay)
- WordPress’te Besin Değerleri Etiketleri Nasıl Görüntülenir?
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.
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.
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
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
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.
WPBeginner Support
For nofollowing links, you would want to take a look at our article here: https://www.wpbeginner.com/beginners-guide/how-to-add-nofollow-links-in-wordpress/
Yönetici
Didier Van Bogget
Work fine ! Really simple. Thank you.
David
Hey, forgive my ignorance, but I can’t figure out how to activate this, or any other plugin. What am I missing?
Editorial Staff
Are you using WordPress.com or self-hosted WordPress.org?
https://www.wpbeginner.com/beginners-guide/self-hosted-wordpress-org-vs-free-wordpress-com-infograph/
Yönetici
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?
Editorial Staff
It sounds like a CSS issue in your theme which causing this.
Yönetici
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.
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…
Editorial Staff
Did you try contacting the author?
Yönetici
Kiesha Michelle
Thanks for this!! I was trying to figure out how to add footnotes….
fatihtoprak
Great plugin thanks for that.
retlkpr
Now that is one I did not know about. Thanks! It works great.