وردپرس

ایجاد لینک لنگر به نقاط مختلف یک صفحه

آموزش ساخت منو شبیه به ویکی پدیا در وردپرس

در این آموزش یاد میگیریم که چطور لینک لنگر یا همان Anchor Link ایجاد کنیم.سعی کردم که این آموزش به ساده ترین حالت ممکن بیان بشه که به راحتی بتوانید از این قابلیت مفید و کاربر پرسند استفاده کنید.

لینک لنگر به لینک های گفته می شود که با کلیک کردن بر روی آن ها می توانیم به بخش دیگری از متن به راحتی دسترسی داشته باشیم.

وقتی که کاربر روی یک لینک لنگر کلیک می کند،صفحه اسکرول می شود و به منطقه ی مد نظر می رسد.

همین جعبه ی پر از لینکی که چند خط بالاتر می بینید ، لینک های لنگر هستند

*اگر به تازگی با وردپرس آشنا شدید مقاله ی “وردپرس چیست” را مطالعه کنید.

چرا باید از لینک لنگر استفاده کرد؟

لینک های لنگر برای کاربرها مفید هستند و کمک می کنند که خیلی سریع به قسمت مد نظرشان از یک متن برسند. کافیه که شما فهرست مرتبی از بخش های مختلف مقله خودتان داشته باشید.

معایب استفاده از لینک لنگر را بدانید

فراموش نکنیم که هر قابلیتی می تواند همراه با یک سری معایب باشد ، لینک لنگر هم از این قاعده مستثنی نیست.

برخی از معایب لینک لنگر :

  • کاهش دادن زمان ماندن کاربر در سایت : بدیهی است که وقی کاربر خیلی سریع به هدف خود برسد، سریع هم آن صفحه را ترک خواهد کرد
  • کاهش کلیک روی تبلیغات : تعدادی از تبلیغات که در قسمت های میانه ی مطالب هستند دیده نخواهد شد.
  • مشکلات فنی بعد از تغییر دامنه: استفاده از این لینک ها برای سایت هایی که درگیر تعویض دامنه می شوند، می تواند مشکلاتی را ایجاد کند که برای رفع آن نیاز به زمان و هزینه هست.

خب بریم سراغ آموزش های ایجاد انکر لینک در html و وردپرس:

چطور لینک فهرست شبیه به ویکی پدیا داشته باشیم؟

آموزش ایجاد لینک لنگر یا انکر لینک
آموزش ایجاد لینک لنگر یا انکر لینک بدون کد نویسی

می توان گفت مطرح ترین سایتی که از این روش برای کاربرانش استفاده کرد ویکی پیدا بوده و هست. قطعا ویکی پدیا را می شناسید، یک سایت مرجع که توسط کاربران اداره می شود.

استفاده از این ویژگی تبدیل به یکی از خصیصه های سایت های مرجع شده است ( البته ممکنه این اثر کم و کمتر بشه ) که در حال حاضر میتونه به وضعیت سایت شما کمک کنه.

برای انجام دادن این روش راه های مختلفی هست که قصد داریم این روش ها را با هم مرور کنیم و یاد بگیریم.

به طور کلی سه راه داریم برای استفاده ا این لینک ها :

  • نوشتن کد html
  • استفاده از پلاگین ها
  • استفاده از ویژگی های وردپرس

هر سه مورد را به شما آموزش خواهم داد.

نکته ی مهم راجع به لینک لنگر: ما لینک لنگر را به تگ های هدینگ اعمال می کنیم که در واقع همان عناوین فهرست ما را تشکیل می دهند.

*در یکی دیگر از آموزش های وردپرس به شما یاد می دهم که چطور یک برگه را به نوشته تبدیل کنید.

ایجاد لینک لنگر با کد html

صفحات وب با زبان html خوانده می شوند و اگر وبمستر هستید قطعا با این زبان آشنایی دارید،هرچند اندک.

زبان html از تگ های مختلفی تشکیل شده که ساختار آنها با علائم <> شروع و به پایان می رسد.

همان طور که عرض کردم انکر لینک را بر روی تگ هدینگ می زنیم. این تگ ها به این صورت هستند:

<h2> آموزش انکر لینک</h2>

تک های با <h*> شروع می شوند و با </h*> به پایان می رسند.

برای ایجاد انکر لینک باید به تگ هدینگ مد نظر یک ای دی نسبت دهیم.

در قسمتی که قصد داریم با کلیک کاربر، صفحه به عنوان مد نظر اسکرول شود این ای دی را صدا می کنیم.

اما چطور؟

خیلی ساده ، کافی که به این صورت یک آی دی به عنوانمان نسبت دهیم.

<h2 id="DanialAnchorLink"> آموزش انکر لینک</h2>

اگر از سیستم مدیریت محتوای وردپرس استفاده می کنید ، دو ویرایشگر در دسترس شما هست.

اگر از گوتنبرگ استفاده می کنید ، در قسمت تنظیمات بلوک مد نظر روی سه نقطه کلیک کنید . ویرایش به عنوان HTML را کلیک کنید.

ویرایشگر html گوتنبرگ وردپرس دانیال طاهری فر

خب حالا شما یک عنوان دارید که یک “آی دی” به آن نسبت داده شده.حالا تنها کاری که باید کنید برقرار کردن ارتباط یا لینک دادن به ای دی مد نظر هست.

این کار ساده تر از چیزی است که به نظر می رسد، تنها کاری که باید کنید اینه که روی متن مد نظرتون لینک ایجاد کنید ، اما نه لینک به خارج از سایت،به آی دی مد نظر

برای این کار کافیه که به هنگام لینک کردن از # استفاده کنید و بعد از آن آی دی را بنویسید
به این صورت :

#DanialAnchorLink

اگر در محیط کد نویسی این کار رو انجام میدید کافیه به این صورت بنویسید :

<a href="#DanialAnchorLink">متن لینک</a>

به همین سادگی.

خب ، شما تا اینجا یاد گرفتید که لینک لنگر داشته باشید .اما برای اینکه بتونید یک جدول مناسب برای فهرست ، شبیه به ویکی پدیا داشته باشید می توانید به این روش عمل کنید:

  • می توانید به همه ی عنوان هایی که قصد دارید در فهرست مطالب ظاهر شوند آی دی های مناسب نسبت بدین.
  • متن عنوان ها را کپی و لیست کنید و یا اینکه برای هر عنوان یک متن مناسب بنویسید
  • متن های نوشته شده را در ابتدای مقاله و یا هرجایی که دوست دارید فهرست در آنجا ظاهر شود بچسبانید
  • به تک تک متن های فهرست ، ای دی مناسب در متن را با # لینک کنید.

مبارکه.شما یک فهرست سفارشی شده و کامل دارید.

البته راه های ساده تری هم برای این کار در وردپرس وجود داره که در ادامه با هم مرورشون می کنیم.

ایجاد لینک لنگر در وردپرس بدون کد نویسی

خبر خوب برای دوستانی که علاقه ای به کدنویسی ندارند و یا با زبان html هیچ گونه آشنایی ای ندارند اینه که در ویرایشگر جدید وردپرس قابلیتی وجود دارد که می توانید به راحتی آی دی لنگر را برای عنوان مد نظر تعین کنید.

این نکته مختص به عزیزانی است که از ویرایشگر بلوک گوتنبرگ استفاده می کنند.

برای این کار کافیه که:

  • روی عنوان مد نظر کلیک کنید
  • از تنظیمات بلوک (که در کناره ی تصویر ظاهر می شود) روی قسمت پیشرفته کلیک کنید.
  • در فیلد لنگر html یک آی دی وارد کنید ( بدون فاصله و نماد و … )
  • حالا متنی که می خواهید به این عنوان لینک شود را انتخاب کنید
  • روی علامت زنجیر کلیک کنید و ایدی را همراه با یک علامت # قبل از آن وارد کنید.
آموزش ایجاد لینک لنگر در وردپرس و گوتنبرگ

لینک لنگر شما آمادست.

افزونه ی جدول محتوا راهی ساده برای تولید لینک لنگر
( Anchor Link)

بله رفقا همیشه یک راه ساده تر وجود داره که کار آدمای تنبل رو آسونتر کنه :)) ، البته نه شما جزء این دسته اید و نه من ( از بالای همین مقاله هم مشخصه )

اگر در مخزن افزونه های گوگل این عبارت را جست و جو کنید ” Content Table ” ، تعدادی افزونه به شما معرفی می کنه که برای تولید جدول محتوایی همراه با لینک لنگر وجود داره که می تونید به سلیقه ی خودتان از آن ها استفاده کنید.

تقریبا همه ی این افزونه ها میتونن کاری که نیاز دارید را انجام دهند ، برخی از آن ها قابلیت هایی برای شخصی سازی کردن جدول دارند که ماسب تر از بقیه هستند.

یکی از بهترین افزونه ها که من از آن استفاده می کنم LuckyWP Table of Contents است که ترجمه ی مناسبی هم دارد. اما با این حال شما پلاگین های دیگر را هم بررسی کنید. اگر پلاگین بهتری دیدید در قسمت نظرات بیان کنید.

 

لینک دادن به نقاط مختلف صفحه چه تاثیری روی فروش دارد ؟

همان طور که تا حالا متوجه شدید این روش می تواند کاربردهای متفاوتی داشته باشد. چیزی که بیشتر دوستان دنبالش هستند،شباهت پیدا کردن به سایت های مرجع هست.

اما از این روش می توانید برای موارد دیگری هم استفاده کنید.

روی تحقیقاتی که داشتم متوجه شدم که استفاده از این روش ، البته بدون پلاگین، به افزایش نرخ فروش کمک می کند و باعث می شود که کاربر از توضیحاتی که نیاز ندارد رد شود و برای خرید اقدام کند.

یک نکته ای که در این میان وجود دارد این است که برخی از فروشنده ها با حرافی باعث می شوند که مشتری از دستشان برود، این اتفاق در وب سایت ها هم می افتد ، اما وقی شما به کاربر این گزینه را بدهید که “اگر فکر می کنید توضیحات را می دانید ، بروید مرحله ی پرداخت ” احتمالا برخی از کاربرها از این گزینه استقبال کنند.

این آموزش به درخواست دوستان تهیه شد،امیدوارم که برای شما مفید بوده باشه.

اگر به تلگرام دسترسی دارید می توانید مطالب را در کانال @danialtaherifar دنبال کنید و فورا از بروزرسانی ها مطلع شوید.

عضویت در کانال یوتیوب و دریافت آموزش های ویدئویی کانال آموزشی Danial TV

دانیال طاهری فر

دانیال طاهری فر هستم، ساکن استان خوزستان ، متولد 1369.علاقه مند به تکنولوژی ، طراحی و وبگردی. اینجا هستم تا مطالب مرتبط با علایقم را با شما به اشتراک بگذارم و تجریبات تخصصی خودم را در این زمینه به شما بیاموزم.

نوشته های مشابه

‫2 نظرها

    1. سلام ، خواهش می کنم
      سعی می کنم ویدئوی آموزشی از تمام مراحل برای شما عزیزان آماده کنم
      ممنون بابت همراهیتون ♥

دیدگاهتان را بنویسید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *

دکمه بازگشت به بالا
بستن