ساخت لینک به نقاط مختلف صفحه ( Anchor ) | همگامان پیشتاز نوین پردازش

همگامان پیشتاز نوین پردازش

همگامان پیشتاز نوین پردازش

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

Generic selectors
جستجوی دقیق عبارت
جستجو در عنوان ها
جستجو در محتوا
جستجو در پست ها
جستجو در صفحات
ثبت نام ، ورود

تبلیغات ویژه

جدیدترین مطالب آموزشی

تازه ترین اخبار و اطلاعیه ها

تاریخ انتشار: 1397/03/07

ساخت لینک به نقاط مختلف صفحه ( Anchor )

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

1- تعریف شناسه یا ID با کد نویسی

برای  تعریف  ID  در  وردپرس  ،  وارد  صفحه  ویرایشگر  متن  شده  و  در  تب  متن  یا  Text  ،  قبل  از  متنی  که  میخواهید  مقصد  لینک  شما  باشد  کد  زیر  را  وارد  کنید  :

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

در  عمل  نیز  این  چنین  است  :  فرض  کنید  متن  زیر  نوشته  شده  و  تیتر  مبداء  به  عنوان  لینکی  عمل  می  کند  که  هنگام  کلیک  بر  آن  به  تیتر  مقصد  منتقل  می  شود  .  :

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

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

حال  کافیست  به  تیتر  مبداء  لینک  دهیم.  برای  این  کار  طبق  معمول  لینک  دادن  عمل  می  کنیم  و  جهت  تعریف  URL  از  شناسه  موردنظر  بعد  از  علامت  #  استفاده  کنید  .

2- تعریف شناسه یا ID بدون کدنویسی

اگر  می  خواهید  به  روش  ساده  تر  شناسه  را  تعریف  کنید  و  همچنین  انیمیشن  جابجایی  را  مدیریت  کنید  ،  از  افزونه  ای  با  نام  Scroll  to  Anchor  استفاده  کنید

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

مدیریت  این  افزونه  بدین  صورت  است  که  از  مسیر  تنظیمات  خواندن  به  تنظیمات  این  افزونه  دسترسی  پیدا  می  کنید.  بدین  ترتیب  می  توانید  سرعت  انیمیشن  را  کم  ،  زیاد  و  یا  غیرفعال  کنید  ،  در  صورتی  که  نیاز  به  فاصله  گذاری  باشد  فاصله  مورد  نظر  را  بر  اساس  pixel  مشخص  کنید  و  این  امکان  وجود  دارد  که  تعیین  کنید  علامت  لنگر  به  نمایش  گذاشته  شود  و  توصیفی  از  آن  نیز  درج  شود.

3- ایجاد لینک لنگری در فهرست وردپرس

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

در  قسمت  نشانی  لینک  را  به  صورت  http://pageURL.com/#ID  وارد  کنید.  همچنین  در  قسمت  متن  پیوند  شناسه  یا  همان  ID  را  وارد  کنید.  بدین  ترتیب  در  هرکجای  صفحه  که  از  لینک  دادن  به  روشی  که  پیشتر  توضیح  داده  استفاده  شود  ،  به  عنوان  مقصد  این  پیوند  در  فهرست  عمل  می  کند

همچنان با تیم همگامان پیشتاز نوین پردازش همراه باشید. آموزش گام به گام تمامی مراحل طراحی سایت به تدریج ارائه خواهد شد .

                 نویسنده :

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

سریعتر و راحتتر مطالب جدید آموزشی را دریافت کنید

سریعتر و راحتتر مطالب جدید آموزشی را دریافت کنید

کانال همگامان پیشتاز نوین پردازش در پیا
عضویت در کانال سروش اچ پی ان پی
کانال اچ پی ان پی در پیام رسان گپ
عضویت در کانال گپ اچ پی ان پی

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

تک ستارهدو ستارهسه ستارهچهار ستارهپنج ستاره ( میانگین آرا : 5٫00)
Loading...

2 نظر در مورد این نوشته ثبت شده است : “ساخت لینک به نقاط مختلف صفحه ( Anchor )

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

Comments are closed.

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