Bir WordPress Sayfasının Belirli Bir Bölümüne Nasıl Bağlantı Verilir

Sitenizde uzun bir sayfanız varsa, ziyaretçileri doğrudan o sayfadaki bir bölüme bağlamak, normal bir bağlantıdan daha yararlı olabilir.

Neyse ki, Gutenberg editörü bunu kolaylaştırdı ve yeni eklentiler yüklemeniz gerekmiyor.

Ve açıklığa kavuşturmak için, sizi aşağıdaki başlığa götürecek böyle bir bağlantıdan bahsediyorum: bir sonraki başlığa ilerleyin.

Aynı sayfaya veya ayrı bir sayfadaki bir bölüme bağlantı verebilen bu öğreticide bunun gibi bağlantıları nasıl oluşturacağınızı öğreneceksiniz.

Bu eğitici , Klasik Düzenleyici için de adımlar içerir, ancak düzgün şekilde nasıl bağlanılacağını öğrenmek için lütfen önce gönderinin geri kalanını okuyun.

Bir Sayfanın Bir Kısmına Nasıl Bağlantı Verilir

Video eğitimlerini tercih ederseniz, bu gönderideki talimatları okumak yerine bu adım adım öğreticiyi takip edebilirsiniz.

Youtube'da Rekabet Temalarına Abone Olun

Bir sayfanın belirli bir bölümüne bağlantı vermek için iki şey yapmanız gerekir.

1. Bağlanmak için bir bağlantı ekleyin
2. Çapa bağlantısı

İlk olarak, bağlantı kuracağınız öğeyi belirlemenin bir yoluna ihtiyacınız var. Bu herhangi bir öğe olabilir, ancak bağlantı kurulacak en yaygın öğe olduğu için bir başlık kullanacağız.

Bağlantı eklendikten sonra, tek yapmanız gereken normal bağlantı düzenleyicisini ve biraz farklı bir URL biçimini kullanarak bağlantıya bağlantı vermektir.

Pratikte anlaşılması kolay olacak, o yüzden başlayalım.

Başlığa çapa nasıl eklenir

Düzenleyicide bir başlık bloğu seçerek başlayın. Sağ kenar çubuğunda varsayılan olarak daraltılmış bir Gelişmiş bölüm göreceksiniz.

Gelişmiş bölümünü açın ve göreceğiniz ilk şey HTML bağlantı seçeneğidir.

HTML bağlantı alanının içinde başlığa kısa ve açıklayıcı bir ad verin. Boşluk olamaz, ancak kelimeleri ayırmak için kısa çizgi kullanabilirsiniz. Örneğin, bir köpeğe bakmakla ilgili bir makalede diyetle ilgili bir bölüm, "diyet" veya "köpek diyeti" gibi bir bağlantıya sahip olabilir.

Bağlantıyı ekledikten sonra bağlantı oluşturmaya hazırsınız.

Bir çapaya nasıl bağlanır

Adımlar, bağlantının aynı sayfada olup olmamasına bağlı olarak biraz farklıdır. Aynı sayfa bağlantılarıyla başlayalım.

Aynı sayfadaki bir bağlantıya bağlanmak için, bağlamak istediğiniz metni vurgulayın ve bağlantı simgesine tıklayın (veya cmd+k kısayolunu kullanın).

Ardından URL alanına bir hashtag ve ardından çapa girin.

Enter'a bastığınızda, bağlantı eklenecektir. Hemen denemek için makaleyi önizleyebilirsiniz.

Bu tekniği farklı bir sayfada bağlantı olarak kullanmak için URL'de küçük bir değişiklik yapılması gerekir.

Tek fark, önce tam URL'yi, ardından hashtag'i ve bağlantıyı şu şekilde eklemenizdir:

Bağlantı, bağlantıdan önce URL'nin sonundaki eğik çizgi olmadan çalışmayabilir, bu nedenle her seferinde bunu eklediğinizden emin olun. Ayrıca, URL'nin eğik çizgi sürümüne otomatik yönlendirmeyi atlayarak sitenizin daha hızlı yüklenmesini sağlayabilir.

Bu muhtemelen WordPress'e dahili bağlantı bağlantıları ekleme hakkında bilmeniz gereken her şeyi kapsar, ancak meraklı zihinler için birkaç ipucum daha var.

Menünüzden nasıl bağlantı verilir

Tek sayfalık bir web sitesi oluşturmak için aynı tekniği kullanabilirsiniz.

Tek sayfalık bir sitede yalnızca bir ana sayfanız olur ve menü, ziyaretçileri tamamen yeni sayfalar yerine o sayfadaki farklı bölümlere bağlar.

Bu tür bir site oluşturmak için, az önce öğrendiğiniz yöntemi kullanarak bağlantılarınızı oluşturacaksınız. Ardından Menünüzü Özelleştirici'de açabilir ve bağlantılarınıza bağlanmak için Özel Bağlantılar bölümünü kullanabilirsiniz.

Bu tekniği çok sayfalı bir web sitesi için kullanıyorsanız, hashtag'den önce tam URL'yi eklediğinizden emin olun.

Diğer öğelere nasıl bağlanır

Başlıklar, HTML bağlantı seçeneğini içeren tek öğe değildir.

Ayrıca aşağıdakilere çapa ekleyebilirsiniz:

• paragraflar
• Görüntüler
• Listeler
• Galeriler
• tablolar
• alıntılar

Aslında, Gutenberg bloklarına göz atarken, HTML bağlantı seçeneğini desteklemeyen tek bir tane bulamadım.

Bununla birlikte, bir eklenti tarafından eklenen bir blok kullanırsanız, bu seçenek eksik olabilir. Ayrıca, Klasik Düzenleyici kullanıyorsanız bağlantı seçeneği kullanılamaz, bu nedenle sitenizdeki herhangi bir öğeye bağlantı eklemek için HTML'yi şu şekilde düzenleyebilirsiniz.

HTML ile bağlantı bağlantıları nasıl eklenir

Klasik Düzenleyici (veya HTML bağlantı alanı eksik bir blok) kullanıyorsanız, bağlantıyı eklemek için birkaç adım daha vardır.

Bağlantıya bağlanma şekliniz aynıdır . Tek fark, bağlantı elemanını öğeye nasıl eklediğinizdir.

Bağlantıyı eklemek için HTML'yi düzenlemeniz gerekir. Gutenberg düzenleyicide, bloğun seçenekler menüsünü açabilir ve HTML olarak düzenle'yi seçebilirsiniz. Klasik Düzenleyici'de, Görsel görünümden Metin görünümüne geçmek için sağ üstteki sekmeleri kullanın.

HTML'yi görüntülerken, başlıklarınızın aşağıdaki gibi HTML etiketleriyle sarıldığını göreceksiniz:

 <h3>This is a heading</h3>

Bağlantı eklemek için başlığa ID niteliğini eklemeniz gerekir. Başlığa “köpek diyeti” adı verilen bir çapa veren bir örnek:

 <h3>This is a heading</h3>

Her HTML öğesi ID özelliğini kullanabilir, bu nedenle başlıklarla sınırlı değilsiniz. Klasik Düzenleyici'de, HTML'nin çoğu gerçekte görünmez, ancak aşağıdaki gibi bir bağlantı eklemek için her zaman bir bölümü "div" etiketlerine sarabilirsiniz:

 <div>
<p>This is a paragraph</p>
<p>Bu, div içindeki başka bir paragraftır</p>
</div>

Div öğesini eklemek sayfada herhangi bir görsel fark yaratmaz, ancak doğrudan bu paragraflara bağlantı vermenize olanak tanır.

HTML'yi bu şekilde düzenlemek, Gutenberg veya Klasik Düzenleyici kullanıyor olsanız da tamamen aynı şekilde çalışır. Çapa yerleştirildikten sonra, yapmanız gereken tek şey yukarıda özetlenen yöntemi kullanarak ona bağlantı vermektir.

WordPress öğrenmeye devam edin

Bağlantı bağlantıları ve biraz HTML bilgisi ile sitenizdeki herhangi bir yerden herhangi bir sayfadaki herhangi bir bölüme bağlantı verebilirsiniz.

Yeni WordPress tekniklerini öğrenmek sizin için heyecan verici ve tatmin ediciyse, muhtemelen ücretsiz WordPress e-posta kursumu seveceksiniz:

7 günlük WordPress Ustalık E-posta Kursuna Katılın

Beğenmezseniz, tek tıklamayla abonelikten çıkabilirsiniz, ancak en az bir yeni değerli ipucu alacağınızdan eminim. 7 günlük e-posta kursu, her yönden daha iyi bir web sitesi oluşturmak için tasarım, pazarlama ve performans taktikleri sunar.

WordPress'teki sayfaların bölümlerine nasıl bağlantı kurulacağına ilişkin bu kılavuzu okuduğunuz için teşekkür ederiz ve lütfen aşağıdaki sosyal düğmeleri kullanarak başka biriyle paylaşmayı düşünün.