WordPress bağlantı bağlantıları nasıl eklenir?

Anchor bağlantısı nedir?

Tüm içeriği okumak için aşağı kaydırmak uzun zaman alan çok büyük web sayfalarıyla uğraşırken, gezinmeye ve bu belgede hızla doğru yere gitmeye ihtiyaç vardır. Bu kadar büyük belgeler için etkileşimli içindekiler tablosu gibi bir şeye ihtiyacınız vardır. Doğru bölüme tıkladığınızda, tarayıcı ekranının hemen doğru yere odaklandığından emin olmak için.

Herhangi bir ek komut dosyası kullanmadan HTML köprü metni biçimlendirme dili yardımıyla elde etmek mümkündür. Bu amaçla, sözde bir çapa bağlantısı oluşturmak gereklidir. Bağlantı bağlantısı, kullanıcıyı başka bir web sayfasına değil, o anda bulunduğu web sayfasının belirli bir bölümüne yönlendiren bir bağlantıdır. Yukarıda bazı çapa bağlantı örnekleri verilmiştir.

Şimdi, bir bölümde çok fazla metin varsa ve bu metin tarayıcı penceresine uymuyorsa, herhangi bir bağlantıya tıklandığında, kullanıcı sayfayı aşağı kaydırmaya gerek kalmadan ilgili bölüme yönlendirilecektir.

WordPress Bağlantı Bağlantılarının Artıları ve Eksileri

Artıları

• Web sitesinde gezinirken kullanıcı deneyimini iyileştirin. Bu, web sitesinde uzun okumalar ve ayrıntılı kılavuzlar ve talimatlar gibi büyük makaleler içeren özellikle kullanışlı bir özelliktir. Tüm sayfayı aşağı kaydırmak biraz zor ve can sıkıcı olabilirken, bağlantı bağlantıları okuyucuya çok yardımcı olacaktır.
• Bağlantı linkleri eklediğinizde web sitesi başlığını yapın, bunları sosyal medyada veya varsa destek portalı aracılığıyla kolayca paylaşabileceksiniz. Ayrıca, diğer ziyaretçiler belirli bir başlığın bağlantısını arkadaşları, akrabaları veya meslektaşları ile paylaşabilecekler.
• Bağlantı bağlantıları, web sitenizdeki içeriği düzenlemenize yardımcı olacaktır.
• Arama motoru optimizasyonu söz konusu olduğunda, bağlantı bağlantıları büyük makaleler için çok uygundur ve sayfanın arama sonuçları sayfasındaki genel sıralamasını artırır. Arama robotları, uygun biçimlendirmeye sahip olmayan uzun metinlerin aksine, sayfaları çapalarla yüksek oranda tahmin eder. Bir çapa bağlantısı davranışsal faktörlerden biridir, bu nedenle web sitesi arama sonuçlarında daha üst sıralarda yer alacaktır.

Eksileri

En olası dezavantajlar, web sitesi davranış faktörlerini etkileyecektir.

• İyi bir içindekiler ile ziyaretçi potansiyel olarak web sitesinde daha az zaman harcayabilir. Ne şekilde? Belirli bir başlık aramak için zaman harcamak yerine, ziyaretçi doğrudan ona atlayacaktır. Sonuç olarak, web sitenizin istatistiklerini etkileyecektir.
• Ayrıca, reklam gelirleriniz muhtemelen düşecektir. Belirli bir bölüme atlayan ziyaretçi, reklam bloklarını atlayacaktır. Web siteniz büyük ölçüde reklamcılığa dayanıyorsa, bağlantı bağlantılarının ve içindekilerin doğru şekilde nasıl kullanılacağına ilişkin A/B testi yapın.
• Sunucunun bir bağlantı bağlantısını ayrı bir bağlantı olarak görmediğini unutmayın. Parça tanımlayıcısı hiçbir zaman sunucuya gönderilmez. Bazı durumlarda, 301 yönlendirme yapılandırmasını karmaşıklaştıracaktır.

WordPress Bağlantı Bağlantılarını Manuel Olarak Nasıl Eklenir

Klasik Düzenleyiciyi Kullanma

WordPress web sitenizde hala Klasik Düzenleyici kullanıyorsanız, bağlantı bağlantılarını kullanmanın tek yolu bir HTML düzenleyici kullanmaktır. Görsel düzenleyiciye göre biraz daha zor olsa da bazı avantajları vardır:

• HTML kodu, görsel bir oluşturucu olarak daha temizdir, genellikle çok fazla gereksiz kod ekler:
• yerleşik WordPress kod düzenleyicisinden çok daha uygun olan Visual Studio Code, Atom, Sublime Text gibi herhangi bir üçüncü taraf kod düzenleyicisini kullanabilir ve ardından kodu kopyalayıp yapıştırabilirsiniz;
• kendi HTML kodu, özel tasarımın uygulanmasına izin verecektir.

Peki, HTML koduyla manuel olarak bir bağlantı bağlantısını nasıl oluşturabilirsiniz? Klasik Düzenleyicinin HTML kod modunu kullanmak mümkündür. Metin moduna geçmek için sağ üst köşedeki düğmeyi tıklamanız yeterlidir.

Diyelim ki ikinci düzey bir başlığımız var <h2>Çapa bağlantısı nedir?</h2> ve bu başlığa hızlı erişim için makalenin başına bir bağlantı koymamız gerekiyor. Bu amaçla verilen başlığa bir tanımlayıcı (id) oluşturmamız gerekiyor. Nasıl görünecek?

Burada başlık1 bir bağlantı tanımlayıcısıdır (sizin için görünmez), Bağlantı bağlantısı nedir? başlığın metnidir (görünür kısım). Ardından, metnin başında veya makul olan herhangi bir yerde, bu bağlantıya bağlantı oluşturun. Nasıl görünecek?

Şimdi, bu bağlantıya tıkladığınızda, doğrudan bu başlığa atlayacaksınız. Teorik olarak, sınırsız miktarda bağlantı bağlantısı ekleyebilirsiniz. Ancak makul olun. Bazı durumlarda, uzun bir uzun okuma yapmak yerine metni birkaç sayfaya bölmek çok daha iyidir.

Aynı zamanda görsel editör tercih ederseniz hem Gutenberg Editör'ü kullanarak hem de birkaç tıklamayla yapabilirsiniz. Bunu nasıl yapabileceğinizi görelim.

Gutenberg Düzenleyicisini Kullanma

Bu, WordPress'te sürüm 5'ten başlayan yeni bir varsayılan metin düzenleyicidir. Biraz alışılmadık bir kullanıcı arayüzüne sahiptir, bu nedenle pek çok kullanıcı henüz onu rahatça kullanamaz. Her neyse, harika ve güçlü biçimlendirme yetenekleri sağlıyor. Şimdi, Gutenberg editörünü kullanarak bir bağlantı bağlantısını nasıl ekleyebileceğinizi görelim.

Adım 1: Gutenberg düzenleyicisini açın ve bağlantı bağlantısı olarak kullanmak istediğiniz başlığı seçin. Sağ taraftaki panelde bulunan Advanced butonuna tıklayın ve HTML Anchor alanına bu bölümün adını yazın. Bu hedef çapa.

Adım 2: Gutenberg editörüne geri dönün ve bir içindekiler tablosu veya bağlamak istediğiniz bölümlerin bir özetini oluşturun.

Adım 3: Ardından birbiri ardına vurgulayın, editör menüsündeki bağlantı düğmesine tıklayın ve başta # ile bağlantı adını girin. Örneğin, #başlık. Değişiklikleri uygulamayı unutmayın.

Başka bir sayfaya tutturmak için WordPress bağlantısına ne dersiniz? Sorun değil. Ayrıca metin parçasını vurgulamanız ve bir bağlantı eklemeniz gerekir. Ancak yalnızca bağlantı kimliğini eklemek yerine tam adresi ekleyin. Örneğin, https://website.com#anchor.

Eklentileri Kullanarak WordPress Bağlantı Bağlantıları Nasıl Eklenir

Şimdi, kodlarla ve manuel ayarlarla uğraşmak istemiyorsanız, bir çıkış yolu var. WordPress'in güzelliği, çok sayıda eklentiye sahip olması ve (neredeyse) her durum için hızlı bir şekilde bir bağlantı bağlantısı ve içindekiler tablosu oluşturabilmenizdir. En popüler üç tanesini görelim.

TinyMCE Gelişmiş

Fiyatlandırma: Ücretsiz.

İndirin: https://wordpress.org/plugins/tinymce-advanced/

Değerlendirme: 4.5 / 5

Metin biçimlendirme ve bağlantı bağlantıları için en popüler WordPress eklentilerinden biri. WordPress'te bir görsel düzenleyici olan TinyMCE'de gelişmiş özellikler ve birçok ek eklenti içerir, bu nedenle yalnızca bir bağlantı bağlantısı eklentisinden çok daha fazlasıdır.

TinyMCE Advanced eklentisi, WordPress görsel düzenleyicisinde bulunan standart özellikleri genişletecektir. Araç çubuğuna düğmeler ekleyebilecek, kaldırabilecek veya düzenleyebileceksiniz. Dört satıra kadar düğme mevcuttur. Yeni özellikler arasında yazı tipi ailesini ve boyutunu, metin rengini, arka plan rengini, tabloları ekleme ve düzenlemeyi değiştirebileceksiniz – bu henüz bu eklentinin özelliklerinin tam listesi değildir.

Eklentinin kendisi, seçilen düğmelere bağlı olarak on beş eklentiden oluşur, bunlar otomatik olarak etkinleştirilir/engellenir. Bu eklenti ayrıca bazı parametreler ekleyebilir, paragraf etiketlerini düzenleyiciye kaydedebilir ve CSS sınıflarını style.css düzenleyicisine aktarabilir.

Diğer bazı özellikler:

• Eklenti ile doğrudan düzenleyicide tablolar oluşturabilir ve düzenleyebilirsiniz.
• Farklı türde listeler ekleyin.
• Editörden ayrılmadan arama ve değiştirme işlevi.
• Yazı tipi boyutlarının yanı sıra yazı tiplerinin özel kurulumu.

TinyMCE Advanced WordPress Plugin kullanarak bir çapa nasıl eklenir?

Adım 1: Bağlanacak metni veya başlığı seçin, görsel düzenleyici araç çubuğundaki Ekle düğmesini tıklayın ve bir kimlik oluşturun. Web siteniz Gutenberg kullanıyorsa TinyMCE Advanced'i kullanabilmek için Klasik Paragraf ekleyin.

Adım 2: Sayfanın üst kısmında veya herhangi bir uygun bölümde, bağlamak istediğiniz bölümlerin bir içindekiler tablosu veya bir özeti oluşturun.

Adım 3: Birbiri ardına vurgulayın, editör menüsündeki bağlantı düğmesine tıklayın ve baştaki # ile bağlantı adını girin. Örneğin, #başlık. Değişiklikleri uygulamayı unutmayın.

Kolay İçindekiler

Fiyatlandırma: ücretsiz.

İndirin: https://wordpress.org/plugins/easy-table-of-contents/

Değerlendirme: 4.5/5

Otomatik modda mesajlarınıza, sayfalarınıza ve özelleştirilebilir mesaj türlerinize bir içindekiler tablosu eklemenizi sağlayan kullanışlı, kullanıcı dostu bir eklenti. Şiddetle tavsiye ederiz.

Özellikleri

Eklentiyi kurduktan sonra, yapılandırma için kullanılabilir. Ayarlarda şunları yapabilirsiniz:

• Başlıklar için içeriğini analiz ederek mesajlarınız, sayfalarınız ve özel mesaj türleriniz için otomatik olarak bir içindekiler tablosu oluşturun.
• Sayfaları ve/veya mesajları etkinleştirin. Özel mesaj türleri, içerikleri the_content() şablon etiketiyle görüntülendiği sürece desteklenir.
• Buna göre yapılandırırsanız, sitenin sayfalarına otomatik olarak bir içindekiler tablosu ekleyin.
• İçindekiler tablosunun ne zaman ve nereye ekleneceğine ilişkin çeşitli kullanışlı ve net ayarlar sağlar.
• Eklenen içindekiler tablosunun tasarımını özelleştirmek için birçok seçenek vardır: farklı temalar, değişen yazı tipi boyutları, içindekiler tablosunun konumu. Kendi renklerinizi seçerek kendi temalarınızı oluşturmanız mümkündür.
• Liste işaretçilerinin çoklu biçimleri: işaretsiz, ondalık, Roma ve diğer.
• Ayarlarda, içindekiler tablosunun ağaç benzeri bir hiyerarşik yapıda görüntülenip görüntülenmeyeceğini seçebilirsiniz.
• Seçilen başlıklardaki içindekiler tablosunu devre dışı bırakabilirsiniz.
• Eklenti düzgün kaydırmayı destekler.
• Posta yoluyla bir iletideki içindekileri seçerek etkinleştirin veya devre dışı bırakın.
• İçindekiler bölümünde gösterilecek başlık türlerini (h1-h6) filtreleyebilirsiniz.

Böylece sadece birkaç tıklama ile istediğiniz yerde ve şekilde linklere sahip olacaksınız. Ayrıca başlık etiketi, tablo konumu, anahtarlama türü ve daha fazlası gibi daha fazla ayrıntıyı özelleştirebilirsiniz.

CM İçindekiler

Fiyatlandırma: çok sınırlı ücretsiz sürüm, 2 site için 29 ABD doları, 5 site için 59 ABD doları.

İndirin: https://wordpress.org/plugins/cm-table-of-content/

Değerlendirme: 3.5/5

Bu WordPress içindekiler tablosu eklentisi, kullanıcıların WordPress web sitenizdeki herhangi bir sayfaya veya gönderiye eklenebilecek bir içindekiler tablosu oluşturmasına olanak tanır. Eklenti, yalnızca ücretli bir sürümde çok düzeyli özelleştirilebilir bir içindekiler tablosu oluşturmanıza olanak tanır. Ücretsiz sürümde ayarlar son derece sınırlıdır ve minimum düzeyde basitleştirilmiştir.

Ayarlarda şunları yapabilirsiniz:

• Arşivler ve sitenin ana sayfası hariç, yalnızca makalelerde ve sayfalarda içindekiler tablosu ekleyin.
• İçerik modülünün başlığını değiştirin.
• İçindekiler tablosunda gösterilecek etiketleri ayarlayın: h1-h6, CSS sınıflarını ve benzersiz kimliklerini ayarlayın.
• İçindekiler tablosunda başlıkların boyutunu belirtin.

Bu eklenti, içindekiler tablosunun otomatik olarak oluşturulmasına izin verir.

Özet

WordPress web sitenizde bağlantı bağlantıları oluşturmanın birkaç olası yolu vardır. Hem manuel olarak yapabilir hem de kullanımı kolay eklentiler yükleyebilirsiniz.

Kaçırmış olabileceğimiz herhangi bir eklenti kullandıysanız veya WordPress sitelerine Anchor bağlantıları eklemek için başka bir yönteminiz varsa, lütfen aşağıdaki yorumlarda bizimle paylaşmaktan çekinmeyin.