Not

Bu dildeki kılavuzları çevirmek için makine çevirisi kullanıyoruz. İçerik çevrildikten sonra kalite kontrolü amacıyla insan editörlerin denetiminden geçmez.

İngilizce sürümünü okuyun

Sürüm 7.0'da çapa bağlantısını manuel olarak oluşturma

Ziyaretçileri sayfanın belirli bir bölümüne gönderin.

Son güncelleme 12 Şubat 2025

Çapa bağlantısı (veya "sayfa atlayışı") sizi bir sayfa üzerinde belirli bir yere götüren özel bir URL. Örneğin, bu kılavuzdaki içindekiler tablosu sizi her bir başlığa götüren çapa bağlantılarını içerir.

Sürüm 7.0 sitesinde, içerik alanına kod bloku ekleyerek çapa bağlantısı oluşturabilirsiniz.

Bu özelliğe erişme

Bu kılavuz, herhangi bir sürüm 7.0 site üzerinde çapa bağlantısının manuel olarak nasıl oluşturulacağını kapsamaktadır. Bazı sürüm 7.0 şablonlarında yerleşik dizin sayfası çapa bağlantısı da vardır. Sürüm 7.1'de çapa bağlantısı eklemek için çapa bağlantısı oluşturmayı ziyaret edin.

Bir video izleyin

Bu video 7.1 sürümünde çapa bağlantısının manuel olarak eklenmesini kapsamaktadır, ancak adımlar 7.0 sürümünde de aynıdır.

Adım 1 - Bir kod bloku ekleyin

Sayfa düzenleyicide, bağlantının gitmesini istediğiniz yere gidin ve bir kod bloku ekleyin. Herhangi bir blok içerik alanına ekleyebilirsiniz, ancak blok eklemenin mümkün olmadığı blog veya galeriler gibi koleksiyon sayfasına ekleyemezsiniz.

Kod alanına şunu ekleyin:

Burası bağlantının

İlk etiketin içinde, tırnak işaretleri arasındaki unique-ID 'yi bağlantınız için özel bir benzersiz kimlikle değiştirin:

  • Benzersiz kimliğiniz için metin istediğiniz herhangi bir şey olabilir, ancak boşluk içeremez. Bunun yerine kelimeleri tire ile ayırın.
  • Benzersiz kimlikler büyük/küçük harfe duyarlıdır ve sayfa başına yalnızca bir kez kullanılabilir. Daha fazla yardım için en iyi uygulama ipuçlarımızı inceleyin.

Değiştir Burası , bağlantının site adresinizde görüntülemek istediğiniz metinle atlayacağı yer dir. Kaynak Kodunu Göster geçişinin kapalı olduğundan emin olun, aksi takdirde çapa bağlantı çalışmayacaktır.

benzersiz ID text.png ile kod bloku editörü

Adım 2 - Bağlantıyı oluşturun

Ziyaretçilerin 1. adımda oluşturduğunuz içeriğe ulaşmak için tıkladıkları bağlantıyı ekleyin. Herhangi bir bağlantı türünü kullanabilirsiniz, ancak bu örnekte bir metin bağlantısı kullanılmıştır:

  1. Bir metin bloku içinde, bağlamak istediğiniz metni yazın, vurgulayın ve metin bloku araç çubuğundaki bağlantı simgesine tıklayın.
  2. Altında URL, sayfa için tam URL adresini (aynı sayfa olsa bile) ve ek bir eğik çizgi işareti ekleyin. Bu şekilde görünmelidir:
    https://examplesite.com/pageslug/
  3. Sayfa URL özel bilgi alanından sonra, bir hashtag (#) ve ardından 1. adımdaki benzersiz kimliği girin. Bu şekilde görünmelidir:
    https://examplesite.com/pageslug/#unique-id
  4. Bağlantının yeni bir sekmede açılmasını istiyorsanız, Bağlantıyı yeni sekmede aç geçişini açın.
  5. Enter tuşuna basın.

Bazı çapa bağlantıları için, tam web sitesi adresini dahil etmek isteğe bağlıdır, ancak çoğu bağlantı için bunu öneririz.

Ana sayfanıza çapa bağlantısı ekliyorsanız, sayfa URL'si özel bilgi alanını eklemeniz gerekmez. Ana sayfanızı değiştirirseniz, eski ana sayfada oluşturduğunuz herhangi bir çapa bağlantısına özel bilgi alanı URL'sini ekleyin, aksi takdirde düzgün çalışmazlar.

Adım 3 - Kaydet ve yayınla

Değişikliklerinizi yayınlamak için Kaydet 'e tıklayın. Adım 2 'de oluşturduğunuz bağlantı artık ziyaretçileri adım 1'de belirlediğiniz metne götürür.

Farklı bağlantı türleri kullanın

Yukarıdaki örnekte 2. adımdaki çapa bağlantısı için gövde metni kullanılmıştır, ancak düğme ve resim tıklamaları da dahil olmak üzere herhangi bir bağlantı türünü kullanabilirsiniz. ziyaret Farklı bağlantı seçenekleri hakkında bilgi edinmek için siteadresinize bağlantı ekleyin.

Tüm bağlantı türleri için, bu biçimi kullanarak URL'yi ve benzersiz kimliği yukarıdaki 2. adımda gösterildiği gibi ekleyin:

https://examplesite.com/pageslug/#unique-id

Açılış metnini biçimlendirme

Açılış metnini gövde metni dışında bir metin olarak biçimlendirmek için 1. adımdaki

Farklı bir etiket kullanırken, benzersiz kimliği Adım 1'de yaptığınız gibi koda ekleyin:

Burası bağlantının

Boş bir alana bağlantı

Çapa bağlantısı görünür metin olmadan da çalışır. Açılış yöneltinizde metin görünmesini istemiyorsanız, açılış metnini etiket arasında hiçbir şey olmayacak şekilde biçimlendirin:

sayfa URL özel bilgi alanı ve çapa bağlantı

Çoğu durumda benzersiz kimlikten önce URL adresinin tamamını ve sayfa URL özel bilgi alanını eklemenizi öneririz. Eğer bir çapa bağlantısı sayfa URL özel bilgi alanına sahip değilse, çalışmayacaktır:

  • Bağlantınız bir gezinme menüsü bağlantısı ise
  • Başka bir sayfaya bağlantı veriyorsanız

site URL olmadan çapa bağlantı Safari mobil tarayıcılarında da sorun yaşayabilir. Sayfanızı bulmak için URL, ziyaret URL özel bilgi alanı.

Ziyaretçilerinizin hiçbirinin Safari mobil tarayıcısını kullanmadığını biliyorsanız ve aynı sayfada bir yere bağlantı veriyorsanız (örneğin, daha düşük bir üst bilgiye kaydırarak), 2. adımda oluşturduğunuz bağlantıdaki #unique-id 'yi sayfa URL'si olmadan kullanabilirsiniz özel bilgi alanı veya,URL bunun gibi:

#unique-id

Ziyaretçilerinizin hangi tarayıcıları kullandığını kontrol etmek için trafik analitiğini görüntüleyin panel.

bir sayfanın üstüne veya altına bağlantı

Sayfanın üst veya alt kısmına bağlantı yapmak için Kod Enjeksiyonu kullanarak üst bilgi veya alt bilgiye bağlantı yapın. Kod Enjeksiyonu birinci sınıf bir özelliktir.

En üste bağlantı

Sayfa içeriğiniz uzunsa ve ziyaretçilere navigasyonunuza geri dönmeleri için uygun bir yol sunmak istiyorsanız, sayfanın üst kısmına bağlantı vermek yararlıdır. Bir sayfanın tepesine bağlanmak için:

  1. Adım 2'de açıklandığı gibi sayfanın veya alt bilginin altına metin ve çapa bağlantısı ekleyin, ancak URL site adresiniz için adresini veya benzersiz kimlikten önce eğik çizgiişareti(/) eklemeyin. Metin olarak Back to top ve benzersiz kimliğiniz olarak #top kullanmak isteyebilirsiniz.
  2. Kod Enjeksiyonu panel adresini açın.
  3. Üst bilgi alanına şu kodu ekleyin: < /a>. Bağlantıyı kurarken #top dışında benzersiz bir kimlik kullandıysanız, bunu ilk etiketinde değiştirdiğinizden emin olun.
  4. Kaydet'e tıklayın.

Bu yöntem site adresiniz boyunca her sayfanın üst kısmına bağlanır. Aynı işlemi, kodu sayfanın gelişmiş ayarlarına ekleyerek tek bir sayfanın en üstüne bağlanmak için de kullanabilirsiniz.

Aşağıya bağlantı

Ziyaretçilerin alt bilginizde bilgi bulmasını veya bültei bloku gibi bir şeyle etkileşime girmesini istiyorsanız, sayfanın altına bağlantı vermek yararlıdır.

Bir sayfanın altına bağlanmak için:

  1. Sayfa içeriğinin herhangi bir yerine 2. adımda açıklandığı gibi metin ve çapa bağlantısı ekleyin, ancak URL site adresiniz için adresini veya benzersiz kimlikten önce eğik çizgiişareti(/) eklemeyin. Metin olarak Go to alt bilgi ve benzersiz kimliğiniz olarak #bottom kullanmak isteyebilirsiniz.
  2. Kod Enjeksiyonu panel adresini açın.
  3. Alt bilgi alanına şu kodu ekleyin: < /a>. Bağlantıyı kurarken #bottom dışında benzersiz bir kimlik kullandıysanız, bunu ilk etiketinde değiştirdiğinizden emin olun.
  4. Kaydet'e tıklayın.

Bu yöntem site adresiniz boyunca her sayfada alt bilgiye bağlanır.

Sınırlamalar ve en iyi uygulamalar

Çapa bağlantı, ziyaretçilerin site adresinizde gezinmelerine yardımcı olmak için güçlü bir araç olabilir, ancak bazı şeyleri akılda tutmak iyidir.

Bir kimlik her sayfada yalnızca bir kez kullanılabilir

Örneğin, ana sayfanızda panda kimliğini kullandıktan sonra, daha sonra ana sayfanıza kimlik olarak panda ekleyemezsiniz. Başka bir sayfada kullanabilirsiniz, ancak ana sayfanızda ikinci kez kullanamazsınız.

Kimlikler büyük/küçük harfe duyarlıdır

HTML adresinizde id="Panda" yazıyorsa, ancak bağlantınız kimliği #panda olarak listeliyorsa, bağlantınız çalışmayacaktır.

Benzersiz kimlik, çapa bağlantıya tıklandıktan sonra URL adresinin bir parçası haline gelir

Bir ziyaretçi bir çapa bağlantısına tıkladığında, benzersiz kimlik site'un URL sonunda görünür. Benzersiz kimliğinizin ziyaretçiler tarafından görülebilmesini önemsemediğiniz bir kimlik olduğundan emin olun.

Benzersiz kimlik tarayıcı adres çubuğunda görünür.png

Benzersiz kimliğiniz için herhangi bir metin kullanabilirsiniz

Akılda kalıcı bir kimlik oluşturmak kurulum sürecini kolaylaştırabilir ve bir şeyler ters gittiğinde sorun gidermenize yardımcı olabilir. Akılda kalıcı kimlikler genellikle mantıklı olanlardır, örneğin "Başa dön" bağlantısı için #top kullanmak gibi.

Çapa bağlantısı site adresinize mizah ve kişilik katmanın bir yolu da olabilir. URL'nin sonundaki ID'nin ziyaretçilere tarayıcı adres çubuğunu göstereceğini unutmayın.

Bağlandığınız açılış metni tarayıcının üst kısmında görüntülenecektir

Açılış metni tarayıcının en üstünde veya altında fazla içerik yoksa gidebildiği kadar yukarıda görüntülenir.

Metninizin tarayıcı penceresinin en üstünde yer almasını istemiyorsanız, açılış metni kopyasına

etiketini ekleyerek metinden önce boşluk oluşturabilirsiniz. HTML'de kesilmeyen boşluk &nbsp şeklindedir;

Metinden önce eklediğiniz her

& nbsp;< /p >

& nbsp;

& nbsp;

Bu, bağlantının
Benzersiz kimlik tarayıcı adres çubuğunda görünür (1).png

Bağlantıyı güncel tutun

İleride birincil alan adınızı değiştirirseniz veya sayfa URL özel bilgi alanını güncel lerseniz, çapa bağlantınızı da güncelleyin. çapa bağlantı güncel olmayan URL kullanırsa düzgün çalışmayacaktır.

Sorun Giderme

çapa bağlantı çalışmıyor

Bir çapa bağlantısı çalışmıyorsa, emin olun:

  • Sayfa URL özel bilgi alanı ve iki URL / sembolü de dahil olmak üzere 2. adımda açıklandığı gibi adresini eklediniz. Bu özellikle gezinme menüsü bağlantısı ve diğer sayfalardan bağlantı için önemlidir.
  • Benzersiz kimlik, bağlantı ve açılış metninizde tamamen aynıdır. Yazım veya büyük harf kullanımında herhangi bir fark varsa, bağlantı çalışmayacaktır.
  • Açılış metni HTML'si doğru şekilde ayarlanmıştır. Örneğin, benzersiz kimliğiniz #bambu ise, açılış metni HTML'sine ekleyeceğiniz bağlantı id="bambu şeklindedir. "
  • Açılış metninizdeki HTML tırnak işaretleri, bu kılavuzdaki örneklerde olduğu gibi "düz" tırnak işaretleridir. "Kıvırcık" veya "akıllı" tırnak işaretleri kod bloku içinde çalışmaz. Kod bloku varsayılan olarak "düz" tırnak işaretlerine sahiptir, ancak kodu kopyalayıp bloğa yapıştırırsanız "kıvırcık" tırnak işaretlerine sahip olabilirsiniz.
  • Birincil alan adınız içeriyorsa adresinizin başına www.URL eklediniz.
  • Oturumu kapatırken veya gizli bir tarayıcıda test ediyorsunuz. Oturum açarken bir çapa bağlantısına tıklamak bazı durumlarda işe yarayabilir, ancak ziyaretçilerinizin ne deneyimleyeceği konusunda güvenilir bir test değildir.

Her şey doğru şekilde ayarlanmış olsa bile, çapa bağlantısı aşağıdaki durumlarda çalışmayacaktır:

  • site'unuzun yerleşik alan adını kullanır ve oturum açarken test edersiniz. Bunun yerine gizli bir tarayıcıda test edin.
  • site adresiniz özel olarak ayarlanmıştır ve oturum açarken çapa bağlantısını test edersiniz. siteBunun yerine adresiniz için çapında bir parola belirleyin site ve gizli bir tarayıcıda test edin.
  • Sayfa zaten bu kimliği kullanıyor. Farklı bir kimlik kullanmayı veya büyük harf kullanımını değiştirmeyi deneyin.

Ajax ve çapa bağlantı

Ajax içerik ağırlıklı sayfayı çok daha hızlı hale getiren site yüklemesi için özel bir yöntemdir. Bununla birlikte, özellikle mobil cihaz üzerinde çapa bağlantı ile etkileşime girebilir.

Yukarıdaki sorun giderme adımları işe yaramıyorsa ve şablon Destek Ekibi Ajax adresiniz çalışmıyorsa, soruna neden olup olmadığını kontrol etmek için site stilleri adresinden geçici olarak devre dışı bırakın. Ajax bu şablon ailelerinde mevcuttur:

  • Salamura
  • Farro
  • Tremont
  • York

Not

Özel kod değişiklikleri Destek Ekibi'mizin kapsamı dışındadır. Bu, kurulum veya sorun giderme konusunda daha fazla yardımcı olamayacağımız anlamına gelir. Ayrıca, kod tabanlı bir çözümün işlevselliğini veya Squarespace ile tam uyumluluğunu garanti edemeyiz. Bu, duyarlı tasarımımızla nasıl çalıştığını, özellikle mobil cihazdaki görünümünü ve tüm şablonlarda çalışıp çalışmadığını içerir. Özel kod, platformumuzda ileride yapılacak güncellemelerde de görüntüleme sorunlarına neden olabilir. Daha fazla yardımcı olamasak da, sizi doğru yöne yönlendirebilecek birçok kaynak var:

çapa bağlantı mobi̇lde

Cihaz ve tarayıcıya bağlı olarak, çapa bağlantı davranışı mobilde değişiklik gösterir. Örneğin, çapa bağlantınız önerdiğimiz gibi URL adresinin tamamını içerdiğinde, tarayıcı anında açılış yöneltisine atlamak yerine sayfayı açılış yöneltisinde yeniden yükleyebilir.

Mobil cihazlarda farklı çapa bağlantı davranışı tercih ediyorsanız, çapa bağlantı için /pageslug#unique-id veya #unique-id gibi diğer biçimleri deneyebilirsiniz, ancak bu biçimlerin belirli kurulumlarda veya Safari mobil tarayıcısı gibi belirli mobil tarayıcılarda çalışmayabileceğini unutmayın.

Daha fazla bilgi edinmek için sayfa URL özel bilgi alanı ve çapa bağlantı sayfalarını inceleyin.

dizin sayfası çapa bağlantı

Yığılmış dizin sayfası, çapa bağlantısı eklemek için kod gerektirmeyen alternatif bir yola sahiptir. Daha fazla bilgi edinmek için ziyaret Dizin sayfası çapa bağlantı ekleme.

Başkaları bunları da görüntüledi

Footer Image
  • Topluluğumuzdan yardım alın

  • Gelişmiş özelleştirmeler için topluluğumuzdan yardım alın.

  • Bir Squarespace Expert ile çalışın

  • Deneyimli bir tasarımcı veya geliştiricinin yardımıyla internette öne çıkın.

Sürüm 7.0'da çapa bağlantısını manuel olarak oluşturma