در زمینه طراحی وب، ایجاد یک تجربه کاربری یکپارچه امروزه یک ضرورت است تا بتوانید کاربران و بازدید کنندگان را جذب کنید. یکی از راه های مؤثر برای دستیابی به این هدف، استفاده از انکر لینک ها (Anchor Links) است. اگر از المنتور (Elementor) استفاده میکنید، اضافه کردن انکر لینک ها به آسانی انجام میشود.
انکر لینک ها به شما این امکان را می دهند که کاربران را تنها با یک کلیک ساده روی یک دکمه یا لینک، به بخش های دلخواه در صفحه هدایت کنید. این ویژگی می تواند احتمال افزایش تعامل کاربران و تبدیل بازدید کنندگان به مشتریان را به طرز چشمگیری بالا ببرد.
در این آموزش، یک راهنمای گام به گام برای اضافه کردن انکر لینک ها در المنتور ارائه میدهیم. تا انتها این آموزش را بخوانید.
انکر لینک در صفحه وب سایت چیست؟
انکر لینک در یک صفحه وب، نوع خاصی از هایپر لینک است که به کاربران امکان میدهد به یک بخش خاص در همان صفحه هدایت شوند. به طور ساده تر، انکر لینک عملکردی مشابه لنگر کشتی دارد.
لنگر کشتی چه کاری انجام می دهد؟
لنگر کشتی کمک می کند تا روی سطح مشخصی از آب ثابت بماند و از دور شدن آن جلوگیری میکند. به این ترتیب، کشتی میتواند در محدوده مشخص شده توسط زنجیر لنگر، در هر جهتی حرکت کند بدون اینکه از موقعیت اصلی خود دور شود.
همین مفهوم در مورد انکر لینک ها نیز صدق میکند. هنگامی که بازدید کنندگان روی یک انکر لینک کلیک میکنند، به جای هدایت شدن به یک صفحه دیگر یا بخش متفاوت، به بخشی خاص در صفحه فرود (Landing Page) منتقل میشوند. این فرآیند باعث صرفه جویی در زمان می شود و کاربران را ترغیب میکند تا اقدامات مورد نظر را انجام دهند. علاوه بر این، آن ها را در همان صفحه نگه می دارد و از ترک صفحه جلوگیری می کند.
چگونه انکر لینک در المنتور اضافه کنیم؟
اگر قبلاً افزونه المنتور را روی وب سایت خود نصب کردهاید، آماده شروع به ایجاد انکر لینک ها هستید.
حال بیایید مراحل اضافه کردن انکر لینک ها در المنتور را دنبال کنیم.
مرحله اول: انتخاب یک صفحه المنتور برای ویرایش
وارد پیشخوان وردپرس خود شوید. به صفحه ای که می خواهید انکر لینک ها را به آن اضافه کنید بروید. در نوار منوی بالای صفحه، روی گزینه ویرایش با المنتور کلیک کنید. صفحه شما در ویرایشگر المنتور باز میشود و آماده سفارشی سازی خواهد بود.
مرحله دوم: جستجو و انتخاب ابزارک لنگر منو
بعد از اینکه صفحه ای را برای ویرایش در المنتور انتخاب کردید ، ویرایشگر المنتور باز خواهد شد.
در نوار جستجو در سمت راست لنگر منو را تایپ کنید تا ابزارک لنگر منو نمایش داده شود.
مرحله سوم: اضافه کردن انکر لینک با ابزارک لنگر منو
پس از انتخاب ابزارک لنگر منو، آن را به قسمتی از صفحه که میخواهید انکر لینک ایجاد کنید، بکشید و رها کنید.
برای مثال، اگر بخواهید این ابزارک را به بخش درباره ما (about) اضافه کنید، ابزارک لنگر منو را بکشید و آن را بالای بخش درباره ما در صفحه رها کنید.
حالا که ابزارک را در محل مورد نظر قرار داده اید، باید در قسمت محتوای ابزارک، نامی برای این بخش مشخص کنید.
به عنوان مثال، در فیلد شناسه عبارت about را وارد کنید تا بازدید کنندگان با کلیک روی لینک، مستقیماً به بخش قیمت گذاری هدایت شوند.
اینکه کدام عنصر یا متن را به انکر لینک متصل کنید، کاملاً به انتخاب شما بستگی دارد. می توانید یک متن، دکمه، یا هر المان دیگری از منوی وردپرس را برای هدایت کاربران به این بخش انتخاب کنید.
به عنوان نمونه، ما دکمه را انتخاب میکنیم تا مراحل به طور ساده تر توضیح داده شود.
- به بالای صفحه بازگردید و روی دکمه کلیک کنید.
- در بخش لینک دکمه، لینک فعلی را پاک کنید و انکر لینک خود را با استفاده از علامت # وارد کنید، مانند:
#about - حالا روی گزینه انتشار کلیک کنید.
به صفحه فرود خود بازگردید و روی دکمه انکر کلیک کنید. مشاهده خواهید کرد که بلافاصله به بخش درباره ما هدایت می شوید.
نحوه اضافه کردن انکر به منوی وردپرس با المنتور
این روش حتی از مراحل قبل هم ساده تر است. برای اضافه کردن انکر به منوی وردپرس، ابتدا باید انکر را ایجاد کنید.
به عنوان مثال، فرض کنید میخواهید برای بخش فرم تماس انکر ایجاد کنید.
به بخش فرم تماس صفحه خود بروید و ابزارک لنگر منو را مانند مراحل قبلی، بالای این بخش قرار دهید.
در فیلد شناسه عبارت form# را وارد کنید و تنظیمات را ذخیره کنید.
اضافه کردن انکر به منو
- به داشبورد وردپرس بروید.
- از منوی کناری به مسیر نمایش > فهرست ها بروید.
- روی گزینه پیوند سفارشی کلیک کنید.
- در فیلد URL عبارت
form#را وارد کنید و در فیلد نشانی اینترنتی عبارت form را بنویسید. - روی افزودن به فهرست کلیک کنید و سپس ذخیره فهرست را بزنید.
به صفحه فرود خود بازگردید. از منوی خود، روی گزینه تماس با ما کلیک کنید. بلافاصله به بخش سوالات متداول هدایت خواهید شد.
سوالات متداول اضافه کردن انکر لینک در المنتور
انکر لینک چیست؟
انکر لینک یک نوع لینک صفحه می باشد که شما را به بخشی از صفحه انتقال می دهد.
چگونه من یک قسمت از صفحه را در المنتور لینک کنم؟
- به بخش ویرایش صفحه المنتور بروید.
- روی زبانه پیشرفته کلیک نمایید.
- یک شناسه CSS به بخش اضافه کنید.
- دکمه یا متنی را که می خواهید آن را انکر کنید ، انتخاب کنید.
- به زبانه محتوا دکمه یا متن بروید.
- شناسه CSS در قسمت پیوند قرار دهید.
چگونه بصورت دستی در وردپرس انکر لینک اضافه کنم؟
برای این کار باید دو مورد را به متن انکر اضافه کنید.
- یک بلوک را انتخاب کنید و انکر لینکی با علامت # درست قبل از متن انکر ایجاد کنید.
- بلوک مورد نظر را انتخاب کنید و به تب پیشرفته در تنظیمات بلوک بروید.
- متنی که به عنوان انکر لینک اضافه کرده اید را بدون استفاده از علامت # در بخش مربوطه قرار دهید.
چگونه بصورت دستی در HTML انکر لینک اضافه کنیم؟
مرحله ۱:
باید انکر لینک را با پیشوند # با استفاده از HTML Anchor Tag ایجاد کنید.
مرحله ۲:
باید شناسه را به تگ HTML در مکانی که می خواهید انکر لینک اضافه شود، اضافه کنید. دقت کنید که شناسه بدون پیشوند # تعریف شود.
چگونه به یک عکس در المنتور لینک اضافه کنیم؟
- ابتدا تصویری را که می خواهید به آن لینک اضافه کنید، انتخاب کنید.
- به بخش محتوا در تنظیمات تصویر بروید.
- گزینه پیوند را پیدا کنید و گزینه سفارشی را انتخاب کنید.
- لینک دلخواه خود را در بخش مربوطه وارد کنید.
نتیجه گیری
تمام چیزی که برای ایجاد یک انکر لینک در المنتور نیاز دارید، همین مراحل است. با این حال، به چند نکته کلیدی توجه داشته باشید:
شما نمیتوانید انکر لینک ها را به صورت تصادفی اضافه کنید. این ابزار قدرتمند می تواند تعامل کاربران با صفحات وب را افزایش دهد، بنابراین باید با دقت انجام شود.
ابتدا بخش هایی از صفحه را که بیشترین اهمیت را دارند شناسایی کنید. سپس یک متن انکر مناسب و مرتبط با آن بخش انتخاب کنید تا تجربه کاربری بهینه ای ایجاد شود و بازدید کنندگان به راحتی به محتوای مورد نظر دسترسی پیدا کنند.
به این مقاله چه امتیازی می دهید؟
امتیاز کل
با امتیاز دادن به مقاله های آچار ودرپرس ما در تولید محتوای با کیفیت تر یاری برسانید
