Trik dengan tautan “baca lebih lanjut”. Menyembunyikan dan menampilkan teks tambahan - plugin jQuery Auto Line-Height - spasi baris otomatis

Tugasnya cukup standar, tetapi pencarian plugin jquery yang sesuai tidak berhasil, karena di semua plugin yang ditemukan, batasannya tidak ditentukan oleh jumlah karakter, tetapi oleh tinggi blok. Artinya, tinggi wadah ditentukan, dan plugin memangkas teks yang melampaui batasnya. Di Internet Anda dapat menemukannya pilihan yang nyaman plugin seperti Readmore.js dan dotdotdot. Selain itu, yang terakhir bahkan dapat memantau perubahan ukuran jendela dan memperbarui hasilnya secara otomatis.

Namun, masalahnya adalah situs tersebut responsif dan lebar bloknya berbeda-beda tergantung pada lebar jendela browser. Akibatnya, situasi dapat muncul ketika hanya ada sedikit karakter di blok tersebut. Tentu saja, Anda dapat menggunakan beberapa algoritma untuk mengubah ketinggian blok saat mengubah ukuran jendela, tetapi diputuskan untuk tidak membuat semacam add-on pada beberapa algoritma. solusi siap pakai, tetapi tulis plugin kecil Anda sendiri yang akan memotong teks di jquery berdasarkan jumlah karakter tertentu.

Ada beberapa keuntungan dari pendekatan ini.

Anda dapat yakin bahwa blok tersebut akan menampilkan volume teks yang membawa muatan semantik bahkan ketika diciutkan.

Tidak diperlukan penangan pengubah ukuran jendela tambahan yang akan terus-menerus memeriksa berapa banyak teks yang muat di blok.

Dalam pelaksanaannya juga perlu memperhatikan dua hal yang mempengaruhi keindahan hasil. Pertama, teks perlu dipotong seluruh kata. Kedua, hindari situasi "mengungkapkan terlalu sedikit" - yang dapat terjadi ketika jumlah total karakter dalam blok sedikit lebih banyak dari nilai yang ditentukan untuk memangkas, misalnya, sebanyak 50-100 karakter. Jika parameter tidak ditentukan, modul akan menggunakan nilai default.

Jadi, algoritma masalahnya cukup sederhana:

Bagian yang paling memakan waktu dalam penerapan skrip spoiler html adalah mendapatkan pengumuman dari teks lengkap blok, karena blok tidak hanya berisi teks, tetapi markup yang diformat menggunakan tag html.

Di bawah ini adalah fungsi yang bertanggung jawab untuk memotong sepotong kode html yang jumlah karakternya bukan markup html sama dengan nilai yang ditentukan dalam parameter atau lebih besar pada akhir kata terakhir pengumuman.

// membuat pengumuman person.cutBrief = function() ( var tmp, i = 0, // cycle counter j = 0, // cycle counter html = data.html, // block html htmlLength = html.length, // kuantitas karakter html jumlah blok = 0, // penghitung karakter teks countFlag = true, // karakter saat ini bukan markup html endCharsLen = ENDCHARS.length, // ukuran array karakter yang menunjukkan akhir kata end = htmlLength, // posisi akhir pengumuman saat pencarian resultLimit = data.limit.total - data.limit.delta, // jumlah karakter yang dibutuhkan tagName, // nama tag tagStack = ; // tumpukan tag yang perlu ditutup di akhir pengumuman if (data.count > data.limit.total) ( // membuat pengumuman untuk (; i< htmlLength; i++) { // если открывается тег if (html[i] === "", i+1); if (tmp >0) ( // format yang benar untuk tag penutup tagName = html.substr(i+2, tmp-i-2); // haruskah tag yang terdeteksi memiliki bagian penutup? if ($.inArray(tagName, TAGDIC) >= 0) ( tagStack.pop(); ) ) ) else ( // tagnya adalah pembuka // karakter selanjutnya adalah huruf latin apa saja? if (/\w/gi.test(html)) ( // mendapatkan nama tag dan menentukan apakah perlu ditutup tmp = html.indexOf(">", i+1); / / tag harus memiliki bagian penutup if ($.inArray(tagName, TAGDIC) >= 0) ( tagStack.push(tagName); ) ) else ( // bukan tag countFlag = true; ) ) else ( // bukan a tag countFlag = true; ) ) // menambah penghitung karakter teks if (countFlag) ( count++; ) // jika tag ditutup if (html[i] === ">") ( countFlag = true; ) / / mencapai akhir dari ukuran pengumuman yang diperlukan if (count >= resultLimit ) ( // karakter saat ini bukan akhir dari sebuah kata if ($.inArray(html[i], ENDCHARS)< 0) { // символ не последний if (i < htmlLength - 1) { // следующий символ тоже не конец слова if ($.inArray(html, ENDCHARS) < 0) { // ищем первое вхождение каждого символа из набора и выбираем ближайший for (; j < endCharsLen; j++) { tmp = html.indexOf(ENDCHARS[j], i+1); if ((tmp >0) && (tmp< end)) { end = tmp; } }; i = end; } } } else { // слово закончилось целиком count--; } break; } }; // вырезаем кусок html data.brief = html.substr(0, i); // добавляем точки data.brief += opt.ellipsis; // закрываем открытые теги for (i = tagStack.length - 1; i >= 0; i--) ( data.singkat += ""; );

) else ( // jangan potong data.brief = html; ) );

Plugin ini digunakan sebagai standar:

$(".b-block--first").readmore();

• Plugin ini menyediakan parameter berikut:
• elipsis (string) – karakter yang akan ditampilkan di akhir pengumuman;
• textOpen (string) – teks tautan dalam keadaan diciutkan;
• callback (fungsi) – fungsi yang dijalankan setelah membuka/menutup blok;
• singkat (integer) – jumlah maksimum karakter pengumuman, dikurangi dengan penambahan;
• tambahan (bilangan bulat) – jumlah minimum karakter dari bagian teks yang diperluas;
• lancar (bilangan bulat) – waktu pembukaan/penutupan blok dengan lancar dalam milidetik.

Perlu dicatat bahwa fungsi panggilan balik dipicu hanya setelah animasi teks berakhir, yang dilakukan di jquery menggunakan metode animate, dan mengambil dua parameter input: tautan blok dan status saat ini.

Di bawah ini adalah contoh bagaimana Anda dapat melakukan tindakan apa pun bergantung pada status blok:

$(".b-block--second").readmore(( elipsis: "[...]", textOpen: "Open", textClose: "Close", callback: function(self, state) ( state ? self .css("background", "#e74c3c") : self.css("background", "#3498db" ), ringkasan: 500, tambahan: 100 ));

CSS dalam contoh ini minimal, Anda dapat melakukannya tanpa CSS sama sekali (kode diberikan dalam SCSS):

B-readmore ( padding: 15px 0 0 0; &__link ( warna: #000; dekorasi teks: garis bawah; &:hover, &:fokus, &:aktif ( warna: #000; dekorasi teks: tidak ada; ) ) &__open ( tampilan: inline-block; ) &__close ( tampilan: tidak ada; ) &--dibuka & ( &__open ( tampilan: tidak ada; ) &__close ( tampilan: inline-block; ) ) )

Kami mengevaluasi dan mengomentari cara terbaik membuat spoiler situs berdasarkan jumlah karakter yang ditentukan.

Plugin dari koleksi ini bukan untuk membuat gadget dan berbagai keindahan, misalnya animasi atau sejenisnya, tetapi untuk memastikan pengoperasian halaman web yang benar. Mereka akan dibutuhkan ketika seseorang menjadi tidak berdaya menghadapi tugas yang ada. Misalnya, jika Anda perlu mengotomatiskan pemangkasan teks berdasarkan jumlah karakter atau tinggi blok, jika Anda perlu menyiapkan tipografi dengan cepat dan benar di situs web responsif, serta dengan perataan teks yang rumit, dll.

Kami sangat sering menggunakan atau pernah menggunakan plugin ini dalam pekerjaan kami. Jadi. Berikut adalah 10 plugin jQuery terbaik untuk bekerja dengan teks, yang akan membantu Anda mengimplementasikan ide desain non-standar dengan cepat dan efektif.

TextTailor - memangkas teks tergantung pada ketinggian blok TextTailor adalah plugin yang sangat berguna yang akan membantu Anda memangkas teks (meletakkan potongan atau tautan "detail lebih lanjut") sehingga memenuhi wadah tempatnya berada sebanyak mungkin. Artinya, ini memungkinkan Anda untuk memotong teks tergantung pada ketinggian blok induk dan menghapus semua yang tidak muat di bawah kucing. Satu-satunya syarat agar skrip berfungsi dengan benar adalah bahwa blok tersebut memiliki ketinggian tertentu dalam nilai tetap atau persentase.
TextTailor sering digunakan pada halaman dengan daftar artikel dalam bentuk ubin, ketika blok dengan pratinjau topik disusun beberapa berturut-turut dan dengan judul artikel dengan ukuran berbeda. Selain itu, hal ini dapat menjadi lebih rumit jika lebar blok tersebut berubah, misalnya dalam . Dalam kasus seperti itu, sebagai suatu peraturan, jumlah karakter deskripsi singkat(anotasi) sangat terbatas, dan karena judulnya memiliki ketinggian yang berbeda, blok-blok tersebut berakhir dengan area kosong. TextTailor akan membantu Anda mengatasi masalah ini dan mengisi blok pesan dengan teks.

P/S Mungkin ini akan bermanfaat bagi seseorang. Kami pernah menerbitkan sebuah plugin bernama flexMenu yang menyesuaikan jumlah item tergantung pada lebar blok induk. Apa pun yang tidak sesuai akan dikirim ke daftar drop-down. Dia datang dengan artikel berjudul "5 menu adaptif untuk tugas berbeda".

Selain semua ini, plugin juga menjalankan fungsi kedua yang tidak kalah pentingnya. Ini dapat digunakan untuk menskalakan teks multibaris tergantung pada ukuran unit induk atau layar. Yang perlu Anda lakukan hanyalah mengonfigurasi parameter yang diperlukan, plugin akan melakukan sisanya untuk Anda. Ini secara otomatis akan mengubah ukuran font dan ukuran font relatif terhadap ukuran layar pengguna untuk memastikan pengalaman membaca yang paling nyaman.

Ringkas - memangkas teks berdasarkan jumlah karakter Ringkas adalah plugin jQuery yang memungkinkan Anda meletakkan tautan "Detail lebih lanjut" atau elipsis setelah sejumlah karakter tertentu dalam teks. Apa pun yang tidak cocok akan dipotong.
Sebenarnya, ini adalah pendekatan standar untuk pemangkasan teks, hanya menggunakan jQuery, bukan PHP.

Readmore.js - menyembunyikan teks di bawah spoilerReadmore.js memungkinkan Anda menyembunyikan sebagian teks di bawah spoiler. Script, setelah sejumlah karakter tertentu dalam teks, menempatkan tombol "Lebih detail", ketika diklik, bagian teks yang tersembunyi muncul dengan efek "bergerak keluar" ke bawah, menggeser sisa konten.

FitText - menskalakan teks agar sesuai dengan lebar layar FitText - plugin jQery yang secara dinamis mengubah ukuran font tergantung pada lebar layar atau blok induk. Sempurna untuk membuat header layar di situs web responsif. Kini Anda tidak perlu mengubah ukuran font untuk setiap resolusi layar.

Tinggi Garis Otomatis - penspasian garis otomatisTinggi Garis Otomatis memungkinkan Anda menghitung tinggi garis (tinggi garis) secara otomatis saat mengubah ukuran jendela. Biasanya, ini digunakan di situs web responsif untuk meningkatkan keterbacaan teks di perangkat seluler.

Bacon - menyelaraskan teks sepanjang kurva Bacon adalah plugin jQuery yang akan membantu Anda menyelaraskan teks pada halaman sepanjang lingkaran atau kurva tertentu.
Solusi ini jarang digunakan dalam pekerjaan, tetapi dengan ide desain yang canggih, Anda tidak dapat melakukannya tanpanya.

jQSlickWrap - Menyelaraskan teks ke gambar jQSlickWrap memungkinkan Anda menyelaraskan teks sesuka Anda. Sering digunakan untuk menyelaraskan teks pada beberapa subjek yang digambarkan dalam gambar. Artinya, bukan sesuai dengan dimensi mobil itu sendiri, melainkan sesuai dengan apa yang terlihat di foto. Tangkapan layar dengan jelas menunjukkan prinsip pengoperasiannya.

Banyak orang menganggap pembuatan plugin sendiri sebagai sesuatu yang sulit dan rumit. Ini sama sekali tidak berlaku untuk jQuery. Jika Anda memiliki pengetahuan dasar tentang pengkodean jQuery, membuat plugin Anda sendiri akan mudah. Panduan ini akan menjelaskan langkah demi langkah cara membuat plugin Anda sendiri. Plugin akan mengizinkan sembunyikan teks tambahan. Katakanlah pada Anda halaman rumah Ada widget seperti "petunjuk hari ini". Plugin kami akan memungkinkan kami untuk memangkasnya sesuai panjang yang kami butuhkan dan membuat tautan, ketika diklik, widget akan meluas sepenuhnya menarik konten yang dikandungnya.

Di bawah ini adalah contoh kerja:

Harap dicatat bahwa ketika JavaScript dinonaktifkan (atau tidak didukung), konten akan ditampilkan secara penuh.
Apakah kamu siap? Kalau begitu mari kita mulai...

Langkah 1

Pada langkah pertama kita menambahkan metode wrapper kita sendiri (truncate) ke jQuery. Karena metode kita dibuat sebagai properti dari objek $.fn, di dalam isi metode ini, konteks fungsi (ini) akan mengacu pada kumpulan yang dibungkus.

$.fn.truncate = function(options)( return.this.each(function())( // kode untuk setiap elemen dari set yang dibungkus ));

Seperti yang mungkin sudah Anda dengar sekarang, pengembang plugin tidak boleh menggunakan $ alias karena dapat menyebabkan konflik dengan perpustakaan lain. Hal ini hanya sebagian yang benar. Fragmen berikutnya sama dengan yang pertama, dengan satu pengecualian: kita telah menyelesaikan deklarasi fungsi eksternal yang memastikan bahwa $alias cocok dengan pengidentifikasi jQuery. Kami akan terus menggunakan $.

(function($)( $.fn.truncate = function(options)( return.this.each(function())( // kode untuk setiap elemen dari set yang dibungkus )); ); ))(jQuery);

Langkah 2

Sebelum melanjutkan, mari buat halaman pengujian sederhana di mana kita akan menguji plugin kita. Buat halaman dan beri nama terserah_yang Anda inginkan.html. Rekatkan kode berikut. Seperti yang Anda lihat, saya menempatkan plugin dan perpustakaan jQuery di folder js. Perhatikan bahwa dalam cuplikan ini plugin sudah berjalan, meskipun kami belum menulis kode yang bertanggung jawab atas perilakunya.

Contoh demo plugin pemotongan $().ready(function() ( $(".tip").truncate(); ));

Lorem ipsum dolor sit amet, pembentuk adipiscing elit.

Etiam fringilla, purus a ultrices blandit, odio ante scelerisque neque, vitae imperdiet odio velit ac nisl.

Sed tortor metus, placerat condimentum, feugiat in, feugiat adipiscing, mi. Selesai pulvinar sem vitae leo.

(function($)( $.fn.truncate = function(options) ( var defaults = ( panjang: 300, minTrail: 20, moreText: "more", lessText: "less", ellipsisText: "..." ); var options = $.extend(default, options); kembalikan this.each(function() ( ))(jQuery);

jQuery.memperluas
Memperluas suatu objek dengan objek lain dan mengembalikan objek yang dimodifikasi.

Langkah 4

Setelah menyelesaikan diskusi pendahuluan, mari beralih ke pengkodean fungsionalitas plugin. Seperti yang telah Anda lihat, plugin mengembalikan this.each(...) . Metode masing-masing() mengulangi semua elemen dalam kumpulan yang dibungkus. Jadi jika kita memanggil $("p").truncate() , kode yang akan kita tulis segera akan dijalankan untuk setiap tag p. Karena kita mengembalikan himpunan terbungkus yang diperoleh sebagai hasil dari masing-masing metode, metode kita dapat menjadi bagian dari rantai metode.

Dengan asumsi Anda sudah familiar dengan jQuery, saya tidak akan menjelaskan secara detail cara kerja fungsinya (tapi saya tetap menjelaskannya). Jika ada sesuatu dalam kode yang tidak jelas, lihat dokumentasi atau ajukan pertanyaan di komentar. Untuk memberikan tampilan lengkap pada plugin, perbarui agar sesuai dengan yang berikut:

(function($)( $.fn.truncate = function(options) ( var defaults = ( panjang: 300, minTrail: 20, moreText: "baca selengkapnya", lessText: "hide", ellipsisText: "..." ) ; var options = $.extend(defaults, options); return this.each(function() ( // elemen DOM dari iterasi saat ini obj = $(this); // mengambil konten elemen sebagai markup HTML var body = obj.html();

if(body.length > options.length + options.minTrail) ( // mengembalikan posisi setelah angka (options.length) yang menjadi awal pertandingan // dalam kasus kita ini adalah spasi var splitLocation = body.indexOf(" ", options .length); // jika ditemukan kecocokan maka if(splitLocation != -1) ( // sembunyikan teks tooltip var splitLocation = body.indexOf(" ", options.length); var str1 = body. substring(0, splitLocation) ; var str2 = body.substring(splitLocation, body.length - 1); obj.html(str1 + "" + options.ellipsisText + "" + "" + str2 + "" ). css("display", "none"); // masukkan link "baca selengkapnya" di akhir konten yang ada obj.append("" + "" + options.moreText + "" + ""); untuk tautan "baca penuh"/"sembunyikan" var moreLink = $(".truncate_more_link", obj); var moreContent = $(".truncate_more", obj); " var ellipsis = $(".truncate_ellipsis", obj); moreLink.click(function() ( if(moreLink.text() == options.moreText) ( moreContent.show("normal");

moreLink.teks(pilihan.lessText);

elipsis.css("tampilan", "tidak ada");

) else ( moreContent.hide("normal"); moreLink.text(options.moreText); ellipsis.css("display", "inline"); ) mengembalikan false;

));

) ) // berakhir jika ));

); ))(jQuery);

Perhatikan bahwa setiap kali saya perlu memilih elemen apa pun di dalam plugin, saya menggunakan obj sebagai konteksnya (contoh: moreLink = $(".truncate_more_link", obj)). Hal ini diperlukan untuk mengikat setiap pilihan ke elemen yang sedang dipotong. Tanpa konteks seperti itu, hasil yang tidak terduga dapat diperoleh.

Ini dia – plugin jQuery pertama Anda! Meskipun masih banyak lagi yang akan datang, saya berjanji sebelumnya bahwa saya akan mendemonstrasikan perubahan nilai default parameter. Dalam contoh berikut, nilai setiap parameter diganti (mengubah hanya beberapa parameter saja dapat diterima).

Ganti skrip di halaman pengujian Anda dengan yang berikut ini:

$().ready(function() ( $(".tip").truncate(( panjang: 120, minTrail: 10, moreText: "tampilkan lebih banyak", lessText: "tampilkan lebih sedikit", ellipsisText: " " )); )); Hasilnya bisa dilihat pada contoh demo.:

$("artikel").readmore(( kecepatan: 75, tinggi maks: 500 ));

Pilihan

• kecepatan: 100 (dalam milidetik)
• maxHeight : 200 (dalam piksel)
• heightMargin : 16 (dalam piksel, menghindari pemecahan blok yang hanya sedikit lebih besar dari tinggi yang ditentukan - maxHeight)
• moreLink : "Detail lebih lanjut"
• lessLink : "Sembunyikan"
• embedCSS : true (memasukkan gaya CSS dinamis, setel false jika Anda akan memasukkan semua gaya sendiri ke dalam file gaya Anda)
• sectionCSS : "tampilan: blok; lebar: 100%;" (mengatur gaya blok)
• startOpen : false (secara default blok disembunyikan, jika parameternya benar - teks akan ditampilkan secara lengkap, tetapi dengan kemampuan untuk menyembunyikan)
• expandClass : "readmore-js-expanded" (kelas ditambahkan ke blok yang diperluas)
• failedClass : "readmore-js-collapsed" (kelas ditambahkan ke blok yang diciutkan)
• beforeToggle : function() () (fungsi dipanggil setelah mengklik tombol "Detail" atau "Sembunyikan", tetapi sebelum blok diciutkan atau diperluas)
• afterToggle : function()() (fungsi dipanggil setelah blok diperluas atau diciutkan)

Jika suatu elemen memiliki ketinggian maksimum yang disetel ke gaya CSS, maka plugin akan menggunakan nilai ini, dan bukan nilai opsi maxHeight

Panggilan balik:

Fungsi callback beforeToggle() dan afterToggle() menggunakan argumen yang sama: trigger , element dan more .

• trigger : tombol "Detail lebih lanjut" atau "Sembunyikan".
• elemen : blok yang sedang runtuh atau meluas
• more : boolean, true - berarti blok diperluas

Contoh panggilan balik.
Berikut ini contoh penggunaan fungsi afterToggle untuk menggulir ke atas blok ketika tombol Sembunyikan diklik:

$("article").readmore(( afterToggle: function(trigger, element, more) ( if(! more) ( // tombol "Sembunyikan" diklik $("html, body").animate(( scrollTop: elemen .offset().top ),( durasi: 100 ));

Anda dapat menonaktifkan fungsionalitas plugin seperti ini:

$("artikel").readmore("hancurkan");

Atau Anda dapat menentukan elemen yang pluginnya tidak berfungsi:

$("artikel:pertama").readmore("hancurkan");

CSS

Secara default, plugin memasukkan kode CSS berikut ke dalam halaman:

Readmore-js-toggle, .readmore-js-section ( tampilan: blok; lebar: 100%; ) .readmore-js-section ( overflow: tersembunyi; )

Dengan menggunakan opsi plugin Anda dapat mengubah aturan pertama:

$("artikel").readmore(( sectionCSS: "tampilan: blok sebaris; lebar: 50%;" ));

Jika Anda ingin menggunakan file gaya Anda sendiri, tentukan false di pengaturan plugin:

$("artikel").readmore(( embedCSS: false ));

Selamat siang

Mari kita mulai dari awal kalau-kalau ada yang tidak tahu lebih banyak.

Saya belum pernah ke laut.

- Oke, jangan dibanjiri, saya belum pernah ke laut!

- Saya tidak punya kesempatan, saya tidak...

– Kami sudah mengetuk pintu surga, menyemangati diri dengan tequila, benar-benar berangkat dalam perjalanan terakhir kami, tetapi Anda belum pernah ke laut?!

- Saya tidak punya waktu, tidak berhasil...

– Saya tidak tahu bahwa tidak ada tempat di surga tanpa ini?

Film “Mengetuk Pintu Surga”

Bagaimana cara menambahkan lebih banyak

Jadi, bagian teks mana yang akan ditampilkan dalam pengumuman diatur menggunakan tag more. Tag ini membagi artikel menjadi dua bagian: pendahuluan (pengumuman) dan lanjutan.

Di editor WordPress, tag more dapat disisipkan menggunakan tombol di toolbar.

1. Modus penyunting visual:

2. Modus editor teks:

Dalam mode teks, Anda juga dapat membagi entri secara manual: tulis saja

Dan sekarang informasi penting, yang tidak semua orang tahu!

Jadi, ada cara dasar untuk memberikan setiap tautan setelah pengumuman teks uniknya sendiri!

Anda dapat melakukan ini hanya dengan menulis, teks yang diperlukan desain bagian dalam dengan lebih banyak. Seperti ini:

Anda mungkin bertanya mengapa melakukan ini? Tulis juga teksnya setiap kali.

Sejujurnya, saya sendiri juga seperti itu =) Saya sudah menerbitkan 84 artikel, dan saya baru saja “keluar dari masalah” tentang hal ini.

Bagaimana cara mengubah teks?

1. Cara pertama - cara termudah - adalah menambahkan teks Anda (biasanya dalam index.php) ke fungsi the_content

2. Metode kedua adalah menggunakan hook the_content_more_link. Cukup tambahkan kode berikut dan atur teks tautan yang Anda inginkan.

function my_more_link($more_link, $more_link_text) ( return str_replace($more_link_text, "Lanjutkan membaca...", $more_link); ) add_filter("the_content_more_link", "my_more_link", 10, 2);

Metode ini nyaman karena Anda tidak perlu menelusuri file template untuk menemukan dengan tepat di mana the_content digunakan (ini tidak harus di index.php, bisa di content.php atau apa pun.) Di sini Anda hanya bekerja dalam file fungsi.php.

3. Pada poin ketiga, saya hanya akan menyimpan metode menggunakan bidang khusus WordPress untuk riwayat.

Memasukkan teks langsung ke dalamnya tentu saja lebih sederhana dan jelas.

Di sini, cukup sesuaikan pemanggilan fungsi the_content dengan salah satu dari dua cara.

Cara menghapus #more dari tautan

Dalam kode, jangkar ini diatur dengan cara ini: