اطلاعات عمومی

فیلمنامه را در ادامه مطلب بخوانید. ترفندهایی با لینک "ادامه مطلب".

افزونه‌ای که به شما امکان می‌دهد قسمتی از متن را در صورتی که از طول مشخصی بیشتر شد پنهان کنید. پیوندی اضافه می‌شود، معمولاً به شکل دکمه «جزئیات بیشتر» - با کلیک کردن، متن پنهان نمایش داده می‌شود.

سازگار با نسخه های جی کوئریبالاتر از 1.7.0

JS

یک تماس ساده با افزونه:

$("مقاله").readmore();

می توان از گزینه های اضافی:

$("مقاله").readmore(( سرعت: 75، حداکثر ارتفاع: 500 ));

گزینه ها

سرعت: 100 (در میلی ثانیه)
حداکثر ارتفاع: 200 (بر حسب پیکسل)
ارتفاع حاشیه: 16 (در پیکسل، از شکستن بلوک هایی که فقط کمی بزرگتر از ارتفاع مشخص شده هستند جلوگیری می کند - maxHeight)
بیشتر پیوند: "جزئیات بیشتر"
کمتر پیوند: "پنهان کردن"
embedCSS: true (سبک‌های CSS پویا را وارد می‌کند، اگر همه استایل‌ها را خودتان در فایل سبک‌هایتان قرار دهید، false را تنظیم کنید)
بخش CSS: "نمایش: بلوک؛ عرض: 100%؛" (سبک بلوک را تنظیم می کند)
startOpen: false (به طور پیش فرض بلوک پنهان است، اگر پارامتر درست باشد - متن به طور کامل نشان داده می شود، اما با قابلیت پنهان کردن)
کلاس گسترش یافته: "readmore-js-expanded" (کلاس اضافه شده به بلوک توسعه یافته)
collapsedClass: "readmore-js-collapsed" (کلاس به بلوک جمع شده اضافه شد)
قبل از Toggle: function() () (عملکرد پس از کلیک بر روی دکمه "Details" یا "Hide" نامیده می شود، اما قبل از اینکه بلوک جمع شود یا بزرگ شود)
afterToggle: function() () (عملکردی که بعد از بسط یا جمع شدن بلوک فراخوانی می شود)

اگر یک عنصر دارای حداکثر ارتفاع تنظیم شده باشد سبک های CSS، پس افزونه دقیقاً از این مقدار و نه از مقدار گزینه استفاده می کند حداکثر ارتفاع

پاسخ به تماس:

توابع پاسخ به تماس BeforeToggle()و afterToggle()همان آرگومان ها را دریافت کنید: ماشه, عنصرو بیشتر.

ماشه: دکمه های "جزئیات بیشتر" یا "پنهان کردن".
عنصر: بلوکی که در حال حاضر در حال فروپاشی یا گسترش است
بیشتر: boolean، true - به این معنی است که بلوک گسترش یافته است

نمونه پاسخ به تماس
در اینجا مثالی از استفاده از تابع آورده شده است afterToggle، برای رفتن به بالای بلوک با فشار دادن دکمه " پنهان کردن":

$("article").readmore(( afterToggle: function(trigger, element, more) ( if(! more) ( // روی دکمه "Hide" کلیک شد $("html, body").animate(( scrollTop: عنصر .offset().top ),( مدت زمان: 100 ));

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

$("مقاله").readmore(" تخریب");

یا می توانید عنصری را مشخص کنید که افزونه نباید روی آن کار کند:

$("article:first").readmore("destroy");

CSS

به طور پیش فرض افزونه موارد زیر را درج می کند CSSکد در هر صفحه:

Readmore-js-toggle، .readmore-js-section (نمایش: بلوک؛ عرض: 100٪؛ ) .readmore-js-section (سرریز: پنهان؛ )

با استفاده از گزینه افزونه می توانید قانون اول را تغییر دهید:

$("article").readmore(( sectionCSS: "display: inline-block; عرض: 50%;" ));

اگر می خواهید از فایل سبک خود استفاده کنید، در تنظیمات افزونه مشخص کنید نادرست:

$("مقاله").readmore(( embedCSS: false ));

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

من دانکن مکلئود هستم که 400 سال پیش در ارتفاعات اسکاتلند به دنیا آمدم. من جاودانه هستم و تنها نیستم. قرن‌هاست که ما منتظر زمان گردهمایی بوده‌ایم که ضربات شمشیر و افتادن سر، قدرت زنده شدن را آزاد کند. در نهایت، تنها یکی می تواند وجود داشته باشد.

از این نقطه دید دور، زمین ممکن است علاقه خاصی به نظر نرسد. اما برای ما، این متفاوت است. دوباره آن نقطه را در نظر بگیرید. این اینجاست. اون خونه ما هستیم در آن همه کسانی که دوستشان دارید، همه کسانی که می شناسید، همه کسانی که تا به حال نامشان را شنیده اید، هر انسانی که بوده، زندگی خود را سپری کرده اند. مجموعه شادی و رنج ما، هزاران دین، ایدئولوژی و آموزه های اقتصادی مطمئن، هر شکارچی و جوینده، هر قهرمان و ترسو، هر خالق و ویرانگر تمدن، هر پادشاه و دهقان، هر زوج جوان عاشق، هر مادر و پدر، فرزند امیدوار، مخترع و کاشف، هر معلم اخلاق، هر سیاستمدار فاسد، هر "ابر ستاره"، هر "رهبر عالی"، هر قدیس و گناهکار در تاریخ نوع ما در آنجا زندگی می‌کرده است - روی یک تپه غبار معلق در یک پرتو خورشید

فضا، آخرین مرز. اینها سفرهای کشتی فضایی اینترپرایز هستند. ماموریت پنج ساله آن: کشف دنیاهای جدید عجیب و غریب، جستجوی زندگی جدید و تمدن های جدید، جسورانه رفتن به جایی که هیچ کس قبلاً نرفته است!

ظهر بخیر

بیایید از ابتدا شروع کنیم اگر کسی چیزی در مورد بیشتر نمی داند.

من دریا نرفته ام

- باشه، سیلش نکن، من تا حالا به دریا نرفتم!

- من فرصت نداشتم، نبودم...

- ما قبلاً در بهشت را زده‌ایم، خودمان را تکیلا کرده‌ایم، به معنای واقعی کلمه خود را در آخرین سفر خود دیده‌ایم، اما شما به دریا نرفته‌اید؟!

- وقت نداشتم، درست نشد...

- من نمی دانستم که هیچ کجای بهشت بدون این وجود ندارد؟

فیلم «کوبیدن در بهشت»

نحوه اضافه کردن بیشتر

بنابراین، کدام قطعه متن برای نمایش در اعلامیه با استفاده از برچسب تنظیم می شود بیشتر. این تگ مقاله را به دو قسمت مقدماتی (اطلاعیه) و ادامه تقسیم می کند.

در ویرایشگر وردپرس، با استفاده از دکمه موجود در نوار ابزار، تگ بیشتری را می توان درج کرد.

1. حالت ویرایشگر بصری:

2. حالت ویرایشگر متن:

در حالت متنی، می‌توانید ورودی را به صورت دستی تقسیم کنید: فقط بنویسید

و حالا اطلاعات مهم، که همه نمی دانند!

بنابراین، یک راه ابتدایی وجود دارد که به هر لینک پس از اعلام، متن منحصر به فرد خود را بدهید!

این کار را می توان با نوشتن متن مورد نظر در داخل ساختار با تعداد بیشتری انجام داد. مثل این:

ممکن است بپرسید چرا این کار را می کنید؟ همچنین هر بار متن را یادداشت کنید.

صادقانه بگویم، من خودم چنین هستم =) من قبلاً 84 مقاله منتشر کرده ام و فقط در مورد این موضوع "از جنگل بیرون می آیم".

چگونه متن را تغییر دهیم؟

1. اولین - ساده ترین راه - اضافه کردن متن خود (معمولاً در index.php) به تابع the_content است.

2. روش دوم با استفاده از قلاب the_content_more_link. فقط کد زیر را اضافه کنید و متن پیوند مورد نظر خود را تنظیم کنید.

تابع my_more_link($more_link, $more_link_text) ( return str_replace($more_link_text, "Continue reading...", $more_link); ) add_filter("the_content_more_link", "my_more_link", 10, 2);

این روش راحت است زیرا لازم نیست در فایل‌های الگو جستجو کنید تا دقیقاً محل استفاده از the_content را بیابید (لازم نیست این در index.php باشد، می‌تواند content.php یا هر چیز دیگری باشد.) در اینجا فقط کار می‌کنید. در فایل functions.php.

3. در نکته سوم، من به سادگی روش را با استفاده از یک فیلد سفارشی وردپرس برای تاریخچه ذخیره می کنم.

ID، "custom_more_text"، true)؛

if(!$custom_more) ( $custom_more = "ادامه خواندن مقاله"; ) the_content($custom_more); ?>وارد کردن متن به طور مستقیم در

البته ساده تر و واضح تر. در اینجا فقط تماس تابع را تنظیم کنید the_content