آموزش طراحی سایت با استفاده از وردپرس(بخش چهارم)

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

وردپرس یکی از سیستم های مدیریت محتوا قدرتمندی است که برای ایجاد و توسعه وب سایت ها مورد استفاده قرار می‌گیرد. با پایا پروژه در ادامه همراه باشید تا به این سوال که لنگر HTML یا anchor links چیست و چه کاربردی دارد پاسخ دهید و شیوه استفاده از آن را یاد بگیرید.

لنگر HTML یا anchor links چیست؟

لنگر HTML یا  anchor links در وردپرس به این دلیل مورد استفاده قرار می‌گیرند که در پست های طولانی کاربران بتوانند سریعتر به قسمتی که جستجو کرده اند، بروند. با پایا پروژه و در ادامه آموزش طراحی سایت همراه باشید تا درباره anchor links اطلاعات بیشتری ارائه خواهد داد.

لنگر HTML در وردپرس چه کاربردی دارد؟

لنگر HTML چه کاربردی دارد؟

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

البته استفاده از anchor links در وب سایتی که با وردپرس طراحی شده است، باعث بهبود سئو وب سایت نیز می‌شود، چون گوگل ممکن است آنها را در زیر لیست جستجو و برای دسترسی آسان تر نشان دهد.

پس به طور خلاصه، لنگر HTML نوعی لینک در صفحه و یا پست است که با کلیک بر روی آن به مکان خاصی در همان صفحه هدایت می‎شوید.

یکی دیگر از کاربردهای anchor links این است که برای ایجاد bookmark links مورد استفاده قرار می‌گیرد و به شما اجازه می‌دهد که هنگام ارسال bookmark link در رسانه های اجتماعی و یا ایمیل، کاربران را به بخشی که تمایل دارید مشاهده کنند، هدایت ‌کنید.

ایجاد لنگر HTML در وردپرس

برای ایجاد لنگر HTML کافی است که مراحل زیر را انجام دهید.

متنی که می‌خواهید از آن به عنوان لنگر HTML استفاده کنید را انتخاب و سپس بر روی دکمه insert link کلیک کنید.

ایجاد لنگر HTML در وردپرس

سپس پنجره ای برای شما نمایش داده می‌شود که می‌توانید، URL، پست و آدرس صفحه مورد نظر خود را وارد ‌کنید.

ایجاد لنگر HTML در وردپرس

برای لنگر HTML در یک صفحه از پیشوند # و کلمات کلیدی استفاده کنید و سپس enter را فشار دهید.

با انجام این مراحل، اکنون لینک شما قابل مشاهده است، با اینکه با کلیک بر روی آن کاری انجام نمی‌شود. برای حل این مشکل کافی است که محلی که کاربر پس از کلیک بر روی لینک به آن هدایت می‌شود را انتخاب کنید و به بخش Advanced یا «پیشرفته» بروید و همان عنوانی را که به عنوان anchor links ایجاد کرده اید، در لنگر HTML بدون استفاده از # بنویسید.

ایجاد لنگر HTML در وردپرس

برای مشاهده آموزش های بیشتر و انجام پروژه طراحی سایت و یادگیری آموزش طراحی سایت به صورت حرفه ای با ما همراه باشید.