ഒരേ പേജിൽ സ്ക്രോൾ ചെയ്യുന്ന ആങ്കർ ലിങ്കുകൾ ചേർക്കുന്നു

എഴുതിയത്

ഇൻ

,

ഒരേ പേജിൽ സ്ക്രോൾ ചെയ്യുന്ന ആങ്കർ ലിങ്കുകൾ ചേർക്കുന്നു

ഇതൊരു പ്രീമിയം ഫീച്ചറാണ്, പതിപ്പ് 4.0.1+ ൽ ലഭ്യമാണ്

ഒരേ പേജിൽ സ്ക്രോൾ ചെയ്യുന്ന ആങ്കർ ലിങ്കുകൾ എന്നാൽ അതേ പേജിലെ ഒരു പ്രത്യേക സ്ഥാനത്തേക്ക് വിരൽ ചൂണ്ടുന്ന ലിങ്കുകളാണ്. ഒരേ പേജിലുള്ള ലിങ്കിൽ ക്ലിക്കുചെയ്യുമ്പോൾ, നിങ്ങളുടെ ബ്രൗസർ ആ സ്ഥാനത്തേക്ക് സ്ക്രോൾ ചെയ്യും.

ഒരേ പേജിലുള്ള ഒരു ആങ്കർ ലിങ്ക് സൃഷ്‌ടിക്കാൻ നിങ്ങൾക്ക് രണ്ട് കാര്യങ്ങൾ ആവശ്യമാണ്:

  1. ഒരു എലമെന്റിലെ കസ്റ്റം ക്ലാസ് അല്ലെങ്കിൽ കസ്റ്റം ID, ഒപ്പം
  2. ആ കസ്റ്റം ക്ലാസിനെയോ ID-യെയോ റഫറൻസ് ചെയ്യുന്ന ഒരു ലിങ്ക് അല്ലെങ്കിൽ ബട്ടൺ

1. ഒരു എലമെന്റിലെ കസ്റ്റം ക്ലാസ് അല്ലെങ്കിൽ കസ്റ്റം ID

നിങ്ങളുടെ പേജിന്റെ അടിഭാഗത്തുള്ള ഏതെങ്കിലും എലമെന്റ് തിരഞ്ഞെടുത്ത് അതിന്റെ പ്രോപ്പർട്ടികൾ തുറക്കുക. അഡ്വാൻസ്ഡ് ഏരിയയിൽ, “go_here“

2. കസ്റ്റം ക്ലാസിനെയോ ID-യെയോ റഫറൻസ് ചെയ്യുന്ന ഒരു ലിങ്ക് അല്ലെങ്കിൽ ബട്ടൺ

ഇപ്പോൾ നിങ്ങളുടെ പേജിന്റെ മുകൾഭാഗത്ത് എവിടെയെങ്കിലും ഒരു ലിങ്ക് സൃഷ്‌ടിക്കുകയോ ബട്ടൺ എലമെന്റ് ചേർക്കുകയോ ചെയ്യുക. ലിങ്കായി ഒരു URL ചേർക്കുന്നതിന് പകരം, നിങ്ങൾ “go_here” എന്നത് ഒരു കസ്റ്റം ക്ലാസ് ആയി ചേർത്തതാണെങ്കിൽ “.go_here” (ഡോട്ട് സഹിതം) ഉപയോഗിക്കുക; അല്ലെങ്കിൽ നിങ്ങൾ അതൊരു കസ്റ്റം ID ആയി ചേർത്തതാണെങ്കിൽ “#go_here” (ഹാഷ് സഹിതം) ഉപയോഗിക്കുക.

പേജ് സേവ് ചെയ്ത ശേഷം, ലിങ്കിൽ/ബട്ടണിൽ ക്ലിക്ക് ചെയ്യുമ്പോൾ, അത് നിങ്ങളുടെ പേജിന്റെ താഴെയുള്ള എലമെന്റിലേക്ക് സുഗമമായി സ്ക്രോൾ ചെയ്യും.

പേരുള്ള ആങ്കറുകളെ (named anchors) ലക്ഷ്യമിടാനും നിങ്ങൾക്ക് ഇത് ഉപയോഗിക്കാം

ഇതുപോലുള്ള പേരുള്ള ആങ്കറുകൾ

<a name="go_here"></a>

“#go_here” (ഹാഷ് സഹിതം) എന്നതിലേക്ക് ഒരു ലിങ്ക് ചേർത്തും ലക്ഷ്യമിടാം

മറ്റ് ഉപയോഗങ്ങൾ

നിങ്ങളുടെ പേജിലെ മറ്റ് ഏത് ഭാഗങ്ങളും, എഡിറ്റർ ഏരിയയ്ക്ക് പുറത്താണെങ്കിൽ പോലും, അവയുടെ ക്ലാസ് പേരുകളോ ID-കളോ ഉപയോഗിച്ച് നിങ്ങൾക്ക് ലക്ഷ്യമിടാൻ കഴിയും.