انگشت‌رنجه

دلتان می‌خواهد وقتی که کاربر روی لینک ادامهٔ مطلب کلیک کرد، واقعاً از ادامهٔ مطلب شروع به خواندن بکند؟

حتماً می‌گویید این که کاری ندارد؛ در تنظیمات وبلاگت یک گزینه را تیک می‌زنی و آن‌وقت با کلیک‌کردن روی لینکِ ادامهٔ مطلب فقط ادامهٔ مطلب را می‌بینی.

(اگر نمی‌دانستید، نگاهی به این راهنما بکنید)

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

(این‌طوری هوای مخاطبان وبلاگم را دارم ها! 😘)

خب، حالا که متوجه منظورم شدید، ادامهٔ مطلب را بخوانید. 

اگر خواستید متنِ پیش از ادامهٔ مطلب را ببینید، کمی بالا بروید.

اما روش کار

برای این کار باید لنگر بیندازید! بله لنگر. در لنگرگاه نوشته‌تان لنگر می‌اندازید تا آن نقطه را تحت‌کنترل خود درآورید.

برای اینکه این لنگر را به‌راحتی بلند کنید باید از ویرایشگری غیر از ویرایشگر پیش‌فرض بلاگ استفاده کنید. اگر هم زورتان زیاد است که حرفی نیست!

پس ابتدا ویرایشگر وبلاگ را به CKEditor یا TinyMCE تغییر بدهید.

عوض‌کردن ویرایشگر بلاگ

حالا مشخص کنید که ادامهٔ مطلبتان از کجا قرار است شروع شود. به‌عبارتی وقتی که کاربر روی لینک ادامهٔ مطلب کلیک کرد، از کجا به خواندن ادامه بدهد.

مکان‌نما را در آن قسمت قرار بدهید.

روی دکمه‌ای که به‌شکل لنگر⚓ یا پرچم🏴 است، کلیک کنید؛ کنار دکمه‌های درج لینک قرار دارد.

پنجرهٔ کوچکی برایتان باز می‌شود:

لنگر انداختن!

اینجا یک کلمهٔ کوتاه مثل cntu بنویسید که مطمئن باشید در قالبتان استفاده نشده باشد. من این را به‌عنوان مخفف continue استفاده کرده‌ام. 

حالا تأیید را بزنید. می‌بینید که یک لنگر زردرنگ در جایی که مشخص کرده بودید قرار گرفت:

شکل لنگر در محیط ویرایشگر

حالا فقط یک کار می‌ماند. باید همین کلمه را در لینک ادامهٔ مطلب وارد کنیم تا کارمان تکمیل شود.

ابتدا پیش‌نویس مطلب را ذخیره کنید و سپس به قسمت ویرایش ساختار قالب بروید و لینک ادامهٔ مطلب را پیدا کنید.

برای اینکه زودتر به نتیجه برسید عبارت post_summary را جست‌وجو کنید تا این قسمت از کد را بیابید:

<div class="post-matn">
(*post_summary*)
<check:if post_has_read_more>
<p class="edame-matlab">
<a href="(*post_link*)">

نشانی لینک، قبل از تغییر:

<a href="(*post_link*)">

بعد از تغییر:

<a href="(*post_link*)#cntu">

فقط عبارت #cntu را اضافه کردیم.

حالا کد ما این‌طوری شد:

<div class="post-matn">
(*post_summary*)
<check:if post_has_read_more>
<p class="edame-matlab">
<a href="(*post_link*)#cntu">

قالب را ذخیره کنید.

مطلبتان را منتشر و دکمهٔ ادامهٔ مطلب را امتحان کنید!

حرف آخر

چه خوب می‌شد اگر بیان این قابلیت را به دکمهٔ ادامهٔ مطلب اضافه می‌کرد.

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

موافقین ۰ مخالفین ۰
کاربران بیان میتوانند بدون نیاز به تأیید، نظرات خود را ارسال کنند.
اگر قبلا در بیان ثبت نام کرده اید لطفا ابتدا وارد شوید، در غیر این صورت می توانید ثبت نام کنید.
تجدید کد امنیتی
بر اساس قالب ۶ عرفـــ ـــان با نیروی بلاگ بیان