آموزش : ایجاد لنگر (Anchor) در ارسال‌های طولانی

[MReza 407]

با سلام

 

وقتی قصد یک ارسال طولانی و بلند دارید (ارسال پست / ارسال مقاله / وبلاگ و ...) همیشه این مسئله برای شما ممکن هست پیش بیاد که کاش میشد لنگر ایجاد کرد. لنگر ها یا Anchor ها این قابلیت رو به خواننده می‌دهند تا به آسان ترین شکل ممکن در میان متن بلند بالای نویسنده حرکت کنند.

 

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

 

برای این کار در محیط IPB دو روش وجود دارد.

 

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

 

روش دوم استفاده از BBCode هست که اینجا برایش آموزشی می‌گذارم. برای این کار باید از طریق جستجوی پنل ادمین این عبارت (BBCode Management) را جستجو و با استفاده از Add BBCode بایستی bbcode جدید ایجاد کنید. در مجموع برای حداکثر کارایی سه تا BBCode باید ایجاد کنید که روش ساخت رو اینجا می‌گذارم.

 

 

(1) BBCode اول (با این BBcode می‌توانید یک منو برای فهرست لنگرها ایجاد کنید تا قسمت فهرست شما به صورت لینک مستقیم در بیاید)

 

فیلدها رو به این طریق کامل کنید:

 

Custom BBCode : Anchor 1 = Content Menu

ایجاد منوی مخصوص برای فهرست لینک‌ها : Custom BBCode Description

: Custom BBCode Example

[contentmenu]{content}[/contentmenu]

Custom BBCode Tag : contentmenu

: Custom BBCode Replacement

<a name='contentmenu'>{content}</a>

(2) BBCode دوم (با این BBcode می‌توانید یک فهرست برای لنگرهای داخل متن ایجاد کنید تا فهرستی از لنگرهای داخل متن شما در یک جا جمع باشد)

 

فیلدها رو به این طریق کامل کنید:

 

Custom BBCode : Anchor 2 = Go To Target

ایجاد پیوند به لینک در متن : Custom BBCode Description

: Custom BBCode Example

[goto=anchorname]Link tekst[/goto]

Custom BBCode Tag : goto

Use Option in tag : Yes

Option is optional? : Yes

Switch option and content? : Yes

Prevent other codes parsing? : Yes

: Custom BBCode Replacement

<a href="#{content}">{option}</a>

کد لینک (این گزینه باید با همتای خود در Anchor 3 = Target یکسان باشد.) : Enter 'option' dialogue text

عنوان (این گزینه باید با همتای خود در Anchor 3 = Target یکسان باشد.) : Enter 'content' dialogue text

 

 

 

(3) BBCode سوم (با این BBcode می‌توانید یک لنگر در متن پست‌ها / مقالات و ... ایجاد کنید تا به شکل لینک مستقیم در بیاید)

 

Custom BBCode : Anchor 3 = Target

ایجاد لنگر (لینک مستقیم) در متن : Custom BBCode Description

: Custom BBCode Example

<a name="label">Any content</a>

Custom BBCode Tag : anchor

Use Option in tag : Yes

Option is optional? : Yes

حالت اول : Custom BBCode Replacement

<a name='{option}'>{content}</a>

حالت دوم : Custom BBCode Replacement

<a name='{option}'>{content}</a> [<a href='#contentmenu'>↑</a>]

کد لینک (این گزینه باید با همتای خود در Anchor 2 = Go To Target یکسان باشد.) : Enter 'option' dialogue text

عنوان (این گزینه باید با همتای خود در Anchor 2 = Go To Target یکسان باشد.) : Enter 'content' dialogue text

 

 

 

نکته در مورد BBCode سوم (Anchor 3 = Target)

در این BBcode دو نوع کد Custom BBCode Replacement قرار داده شده که بسته به سلیقه می‌توانید از هر کدام استفاده کنید. حالت اول یک عنوان کاملا ساده است ولی حالت دوم در مقابل این عنوان یک علامت [↑] نیز قرار داده شده تا خواننده از قسمت Anchor نیز بتواند مستقیما به بخش فهرست لینک‌ها برود. برای حداکثر کارایی پیشنهاد می‌شود حالت دوم را استفاده کنید.

 

 

دمو از این BBCode ها: مقاله نمونه / پست نمونه

 

 

موفق باشید.