طراحی سایت لنگرها

در این آموزش یاد میگیریم که چطور لینک لنگر یا همان Anchor Link ایجاد کنیم.

سعی کردم که این آموزش به ساده ترین حالت ممکن بیان بشه که به راحتی بتوانید از این قابلیت مفید و کاربر پرسند استفاده کنید.

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

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

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

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

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

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

برخی از معایب لینک لنگر : خب بریم سراغ آموزش های ایجاد انکر لینک در html و وردپرس: می توان گفت مطرح ترین سایتی که از این روش برای کاربرانش استفاده کرد ویکی پیدا بوده و هست.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ویرایش به عنوان HTML را کلیک کنید.

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

حالا تنها کاری که باید کنید برقرار کردن ارتباط یا لینک دادن به ای دی مد نظر هست.

این کار ساده تر از چیزی است که به نظر می رسد، تنها کاری که باید کنید اینه که روی متن مد نظرتون لینک ایجاد کنید ، اما نه لینک به خارج از سایت،به آی دی مد نظر برای این کار کافیه که به هنگام لینک کردن از # استفاده کنید و بعد از آن آی دی را بنویسیدبه این صورت : اگر در محیط کد نویسی این کار رو انجام میدید کافیه به این صورت بنویسید : به همین سادگی.

خب ، شما تا اینجا یاد گرفتید که لینک لنگر داشته باشید .

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

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

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

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

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

برای این کار کافیه که: لینک لنگر شما آمادست.

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

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

یکی از بهترین افزونه ها که من از آن استفاده می کنم LuckyWP Table of Contents است که ترجمه ی مناسبی هم دارد.

اما با این حال شما پلاگین های دیگر را هم بررسی کنید.

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

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

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

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

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

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

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

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

با عضویت در خبرنامه "دانیال طاهری فر" به صورت ماهانه می توانید از مهم ترین مطالب سایت و اطلاعات دقیقی با خبر شوید.

عالی بود عزیزم مرسی ولی ای کاش آموزش کار با افزونه وردپرسی که کار میکردی را میگفتی عالی بود سلام ، خواهش می کنم سعی می کنم ویدئوی آموزشی از تمام مراحل برای شما عزیزان آماده کنم ممنون بابت همراهیتون ♥ مفید بود مرسی من لیستی از بهترین پلاگینارو برای ساختن لینک لنگر اینجا میزارم شاید برای کاربرانتون مفید باشه مقاله به زبانه انگلیسیه درضمن اون پلاگینی که معرفی کردین هم در لیست قرار داره https://fatstacksblog.

com/table-of-contents-plugins/ سلام خیلی ممنون بسیار مفید بود <3 سلام عالی، لطفا بفرمایید خودتان به چه افزونه ای کار کردید؟ مطلبت خیلی خوبی گذاشتید سلام وقتتون بخیر من از افزونه Lucky WP table of contents استفاده می کنم ممنون از همراهی تون سلام این همه تبلیغ کردین بعد خودتون استفاده نمی کنید 😂 سلام رضا جان، اگر دقت کنید در بالای همه ی مطالب استفاده شده <3 البته امروز در حال بهینه سازی سایت بودم، ممکنه لحظه ای که افزونه ها را غیر فعال کردم سایت را تماشا کردین نشانی ایمیل شما منتشر نخواهد شد.

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

مرا در خبرنامه عضو کن مرا با ایمیل از دیدگاه های آتی این نوشته مطلع کن.

همچنین می توانید بدون ارسال دیدگاه مشترک شوید.

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

در این پایگاه به طور ویژه در حوزه ی گرافیک ( گرافیک، موشن گرافیک و انیمیشن )،آموزش سئو و همچنین آموزش وردپرس را به مرور به شما آموزش خواهم داد .

آموزش ایلوستریتور در حال حاضر از سطح مقدماتی شروع شده و همراه با آموزش های پروژه محور این نرم افزار در سایت قرار می گیرند.

بخش آموزش فتوشاپ هم فعالیت خودش را شروع کرده است.

قصد دارم آموزش های ویژه ای در حوزه ی کامپیوتر و اینترنت و همچنین شبکه های اجتماعی برای شما آماده کنم که امیدوارم حداکثر استفاده را از این آموزش ها ببرید و با فیدبکتون به من کمک کنید که کار را ارتقا دهم.

با من همراه باشید.

بک لینک PBN دوره آموزش افزایش سرعت سایت آیا حساب کاربری ندارید؟