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

ساخت لینک به یک قسمت از خود صفحه

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

به این صورت که وقتی کسی روی کلمه ای کلیک میکنه

صفحه بالا یا پایین بره و و نوشته یا قسمتی خواص رو توی همون صفحه نشون بده

اینجوری میشه بدون اینکه سر تیتر نوشته ها رو در کنار خود موضوعات قرار بدیم

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

برای نمونه روی این لینک کلیک کنید

این هم نوشته ای که شما با کلیک کردن روی نوشته بالا به ان منتقل شدید

شما اکنون پایین صفحه هستید جایی که نوشته شما به ان اشاره کرده است

این کد باعث میشود شما عناوین را در بالا و موضوعات را درپایین یا برعکس قرار دهید

و نوشته ها را به یکدیگر مرتبط کنید

برای انجام این کار شما به دو تگ نیاز دارید

یکی ساخت لینکی که بر روی ان کلیک کنند

و دیگری وصل کردن لینک به نوشته عنوان یا موضوع خواصی داخل همان صفحه

در ابتدا برای ساخت لینک اینگونه عمل کردیم دقت کنید

<a href=”#aaa“>این کد لینک شما میباشد که روی ان کلیک میکنید </a>

و سپس برای مرتبط کردن یک قسمت خواص از تگ زیرین استفاده کردیم

<a name=”aaa“>و این ارجاع موضوع شما میباشد یعنی جای مبدأ که شما خواهید رفت </a>

دقت کنید دوستان در اینجا نام و ایدی aaa برای هر لینک باید متفاوت باشد

شما تنها مجاز به استفاده از هرنام یکبار میباشید

در غیر اینصورت تمام لینکهای شما به یکجا منتقل خواهند شد

بطور مثال برای لینک و مبدأ بعدی میتوانید از ایدی aab استفاده کنید یا هرنام انگلیسی دیگر

بطور مثال یک نمونه انجام بدیم تا بهتر موضوع قابل درک باشه

فرض کنید ما میخوایم کلمه کتاب رو لینک کنیم تا وقتی روی کلمه کتاب کلیک کردند

به متنی بیان که پایینتر صفحه در مورد کتاب نوشته شده

برای اینکار ما اول نیاز داریم که کلمه کتاب رو تبدیل به لینک کنیم برای اینکار کلمه کتاب رو با لینک زیر مشخص میکنیم

<a href=”#ketab“> کتاب </a>

و حالا متن مربوط به کتاب را میخوایم به لینک کلمه کتاب متصل کنیم

برای اینکار کار متن مربوط را بصورت لینک زیر در میاوریم

<a name=”ketab“>متن مربوط به کتاب کتاب </a>

حالا ما دو لینک مربوط به هم داریم که وقتی روی کلمه کتاب کلیک کنید مستقیم به متن مربوط به کتاب راهنمایی خواهید شد

حالا ممکنه نیاز داشته باشیم همچین لینکی بسازیم

منتها اینبار به قسمتی از یک صفحه دیگه اشاره کنیم

یعنی با کلیک بر روی لینک در این صفحه به قسمت خاصی از صفحه دیگه ارجاع داده بشیم تکلیف چیه ؟

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

ما میخوایم لینک بدیم به صفحه ای از همین سایت مثلا با ادرس زیر

www.parandehgharib.ir/amozesh8

به جمله ای در این صفحه خواهیم رفت با این عنوان

حالا چجوری کد رو درون پست بزاریم ؟

در اون صفحه من به این نوشته لینک زیر رو دادم

<a name=”posts“>حالا چجوری کد رو درون پست بزاریم ؟</a>

حالا لینکی در این صفحه میسازم به این شکل

<a href=”http://www.parandehgharib.ir/amozesh8/#posts” target=”_blank”> اموزش </a>

حالا در صورتی که ما روی کلمه اموزش در این صفحه کلیک کنیم

به متن مشخص شده در صفحه اموزشی ۸ سایت خواهیم رفت

برای نمونه میتونید روی لینک زیر کلیک کنید

اینجا کلیک کنید آموزش

توضیحات پایانی

دقت کنید مشخصات و استایل لینک رو ازاد هستید خودتون تعیین کنید مثل رنگ لینک فونت اندازه و غیره

و همینطور مشخص کنید که لینک در خود صفحه باز بشه یا در صفحه جدید

همونطور که دیدید من لینک رو با دادن خاصیت target=”_blank” کاری کردم در صفحه جدید باز بشه

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

دقت کنید اگر ادرس ارجاعی صفحه ای از سایت خودتون هست هر دو راه زیر صحیح هستند

<a href=”http://www.parandehgharib.ir/amozesh8/#posts” target=”_blank”> اموزش </a>

<a href=”/amozesh8/#posts” target=”_blank”> اموزش </a>

خوب اینم از آموزش کامل این مبحث

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

امیدوارم حرفه ای ترها از لحن ساده توضیحات گله مند نباشند

مدیریت سایت پرنده غریب :ابوالفضل فتحــــــــ

برچسب‌ها :
بهترین کدها

፨ لطفا قبل از ارسال کامنت اینجا کلیک کنید ፨

پاسخ دهید

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

2 × چهار =

کد ها و ابزار مهم سایت پرنده غریب