Trikovi s linkom "pročitajte više". Promjena „više“ ili „pročitaj više“ u WordPress-u Potpuna upotreba oznake More

09.10.2023

Dobar dan

Krenimo od početka ako neko ne zna ništa više.

Nisam bio na moru.

- Dobro, nemoj da ga poplaviš, nikad nisam bio na moru!

- Nisam imao priliku, nisam bio...

– Već smo pokucali na vrata raja, napumpali se tekilom, bukvalno se ispratili na poslednje putovanje, a vi niste bili na moru?!

- Nisam imao vremena, nije išlo...

– Nisam znao da nema nigde na nebu bez ovoga?

Film "Knockin' on Heaven's Door"

Kako dodati još

Dakle, koji dio teksta za prikaz u najavi se postavlja pomoću oznake više. Ova oznaka dijeli članak na dva dijela: uvod (najava) i nastavak.

IN WordPress editor Više oznaka se može umetnuti pomoću dugmeta na traci sa alatkama.

1. Način rada vizualnog uređivača:

2. Način rada za uređivanje teksta:

U tekstualnom modu, možete i ručno podijeliti unos: samo napišite

I sada važne informacije, što ne znaju svi!

Dakle, postoji elementarni način dajte svakom linku svoj jedinstveni tekst nakon objave!

To se može učiniti jednostavnim pisanjem željenog teksta unutar strukture s više. ovako:

Možete pitati zašto ovo radite? Također svaki put zapišite tekst.

Da budem iskren, i sam sam takav =) Objavio sam već 84 članka, i tek "izlazim iz šume" o ovome.

Kako promijeniti tekst?

1. Prvi - najlakši način - je da dodate svoj tekst (obično u index.php) funkciji_content

2. Druga metoda pomoću kuke the_content_more_link. Samo dodajte sljedeći kod i postavite željeni tekst veze.

function my_more_link($more_link, $more_link_text) ( return str_replace($more_link_text, "Nastavi čitati...", $more_link); ) add_filter("the_content_more_link", "my_more_link", 10, 2);

Ovaj metod je zgodan jer ne morate da pretražujete datoteke šablona da biste pronašli tačno gde se koristi the_content (ovo ne mora da bude u index.php, može biti content.php ili bilo šta drugo.) Ovde radite samo. u datoteci functions.php.

3. U trećoj tački, jednostavno ću sačuvati za istoriju metodu koristeći prilagođeno polje WordPress.

ID, "custom_more_text", istina);

if(!$custom_more) ( $custom_more = "Nastavite čitati članak"; ) the_content($custom_more); ?>Unos teksta direktno u

, naravno, jednostavnije i jasnije. Ovdje samo prilagodite poziv funkcije the_content

na jedan od dva načina.

Kako ukloniti #more sa veze

Prednosti korištenja sljedeće oznake u odnosu na citate

Možete dodati citat bilo kojoj objavi koristeći odgovarajući obrazac na stranici za uređivanje postova. Ako ne vidite ovaj blok, kliknite na "Postavke ekrana" u gornjem desnom uglu i označite traženi okvir.

Blok meta citata će se pojaviti ispod vašeg urednika objava.

Citati mogu izgledati lakši za korištenje, ali postoji nekoliko nedostataka u njihovom korištenju.

Prvi je da citati u potpunosti zavise od teme. Ako vaša tema ne podržava oznaku the_excerpt, onda bez obzira na to što napišete u bloku citata, vaša tema će prikazati cijeli sadržaj članka početna stranica i arhivske stranice.

Drugi nedostatak upotrebe navodnika je to što ne prikazuju slike ili bilo koje drugo formatiranje. Prikazuju se kao običan tekst.

U isto vrijeme, Next Tag je potpuno nezavisan od teme, što znači da će raditi na svim dobro napisanim WordPress temama. Također, omogućava vam da prikažete slike i sve opcije oblikovanja kao što su veze, podebljani tekst, kurziv itd.

Nedostaci korištenja oznake "Sljedeće".

Najveći nedostatak upotrebe oznake "Next" u WordPress-u je to što je morate ručno specificirati u svim svojim objavama, dok su citati automatizirani u tom smislu.

WordPress vam omogućava da navedete sopstvene izvode (navodnike) u odgovarajućem bloku i može ga automatski generisati u zavisnosti od navedenog broja znakova.

Morate sagledati svoje zadatke, jer to može biti nedostatak u upotrebi.

Još jedan nedostatak upotrebe oznake "Next" je da ako koristite temu koja koristi navodnike, ona će "prepisati" oznaku "Next" i ispisati citat dužine koja je određena vašom temom.

Bez obzira da li koristite oznaku "Sljedeće" ili citate, važno je da na početnoj stranici i arhivi bude prikazan samo dio članka, a ne cijela priča.

Mogući problemi sa oznakom "Sljedeće".

Većina veliki problem Ono o čemu smo čuli u smislu korištenja oznake "Sljedeće" je da ona ne radi za stranice.

Podrazumevano, ne možete koristiti oznaku "Dalje". WordPress stranice međutim, ovo se može lako popraviti jednostavnim dodavanjem sljedećeg koda unutar petlje:

Još jedan problem s korištenjem oznake je taj što se ne pokreće na početnoj stranici. Ako koristite statičnu stranicu kao prilagođenu početnu stranicu, gornji kod bi trebao pomoći u rješavanju vašeg problema.

Nadamo se da vam je ovaj članak pomogao da naučite kako pravilno koristiti oznaku Next u WordPressu.

Ako tek počinjete s WordPress-om, ne zaboravite posjetiti naš odjeljak, gdje objavljujemo materijale posebno za nove korisnike WordPress-a.

Za sva pitanja i povratne informacije pišite u komentarima ispod.

Kako promijeniti "više" ili "Pročitajte više?"

Neki blogeri su potpuno odustali od klasičnog „ispod ruba“ i objavljuju članke na web stranicama svog bloga u potpunosti, kao da niste bloger, već kreirate web stranicu. Ovaj sistem je viđen na mnogim američkim blogovima. Koje su, kako se uobičajeno vjeruje, uvijek pioniri na polju bloganja.

Primjer za blog na CMS WordPress-u

Otvorite WordPress administratorsko sučelje. Nadalje, prema stavkama menija:

  1. Izgled.
  2. Urednik.
  3. Glavni šablon/index.php.
  4. Pronađite oznaku.
  5. Odaberite sidro i umetnite ono koje želite.
  6. Pronađite i kliknite na dugme „Ažuriraj datoteku“.
  7. Izgled.
  8. Urednik.
  9. Archives/archive.php.
  10. Promijenite tekst.
  11. Kliknite na "Ažuriraj datoteku".

Ako vaše profesionalne obaveze uključuju promociju web stranice, zadatak promjene teksta „ispod reza“ varira, ovisno o specifičnom sistemu za upravljanje sadržajem ili korišćenom kreatoru web stranice. U profesionalnom dizajneru ne morate da radite nikakve manipulacije sa kodom; Vaš zadatak je da pronađete željenu stavku menija i jednostavno unesete željeni novi tekst.

Kao što je već spomenuto, opcija sa desetak najava na web stranici nije uvijek najbolji izbor. Često je za čitaoce mnogo korisnije da naprave zgodnu strukturu i meni za navigaciju koji omogućava lak pristup informacijama koje traže.

Mnogi vrhunski SEO blogeri na Runetu ne koriste oznaku. Novi članak je u cijelosti objavljen na prvoj stranici. Čitaoci ne moraju da gaze kroz džunglu veza. Da biste pronašli relevantne materijale, nakon članka postavlja se pet ili šest linkova na slične stranice. Pod-cut više nije moderan. Dakle, promjena oznake "više" u WordPress-u više nije relevantna.

Ako imate vlastitu WordPress stranicu, na kojoj su postovi prikazani u obliku citata, tada ćete najvjerovatnije uz tekst sadržaja vidjeti i link sa tekstom Read More.

Svrha prikazivanja takvog linka je da se korisniku pruži kratak citat objave kako bi mogao brzo pregledati sve najnovije objave na vašem blogu. Ovo omogućava veću slobodu izbora za korisnike i također omogućava naprednije korisničko iskustvo.

Danas ću vam reći o tag-u Read More u WordPress-u i naučiti vas kako da ga promijenite prema vašim željama.

Osnove

Najčešće se oznaka Read More koristi zajedno s funkcijom citata u WordPressu, koja prikazuje broj znakova/riječi koje navedete. WordPress podrazumevano ograničava navodnike na određeni broj reči, ali kasnije ću vam pokazati kako da promenite ovu postavku.

Oznaka citata u WordPress-u je kratka linija PHP koda koja izgleda ovako:

Može se zamijeniti oznakom šablona_content() gdje je prikladno. Obično ćete imati stranicu indeksa bloga koja prikazuje vaše najnovije postove. Ovi unosi se mogu pretvoriti u navodnike jednostavnom primjenom nekoliko parametara ili zamjenom oznake predloška the_content() sa the_excerpt().

Tekst je mali citat sa završnom elipsom, nakon čega slijedi dugme pod nazivom Prikaži cijeli post.

Promjena oznake Read More

Prvo, morate biti sigurni da su citati omogućeni u vašem WordPress admin panelu.

Prijavite se na konzolu, idite na Postavke - Čitanje.

Vidjet ćete listu postavki, ali nas zanima samo parametar: “Za svaki članak u feedu, prikaži”. Također možete podesiti broj postova za prikaz u feedu bloga.

Odaberimo Sažetak umjesto punog teksta. Nakon toga kliknite na dugme Sačuvaj promene.

Prema zadanim postavkama, neke teme su već optimizirane za prikaz citata umjesto puni tekst, kao što je navedeno u panelu postavki. Naša Divi 2.0 tema je odličan primjer ovakvog pristupa.

Ispod je primjer instalirana tema Divi. Napravio sam testni sadržaj da pokažem kako bi izgledao aktivan blog na ovu temu. Vaš blog može biti malo drugačiji, posebno ako koristite drugu temu.

Sviđa mi se kako postovi izgledaju, ali mislim da bi na kraju svake objave trebalo biti dugme koje vam omogućava da pročitate cijeli sadržaj.

Da bismo to učinili, moramo dublje zaroniti u kod naše stranice. Otvorite aktivnu temu u uređivaču koda. Koristim uzvišeni tekst 2 u Divi temi kao u nastavku:

Imam otvoren fajl index.php. Ima neki kod koji ispisuje ono što vidite na stranici bloga. U temi Divi, ovaj kod je malo poboljšan, ali osnove su i dalje iste. Sljedeći odjeljak bi trebao privući našu pažnju:

Ako nikada niste radili sa Divi kodom, onda možete koristiti numerisanje redova - ovaj kod će se pojaviti u redovima 50-57 (ovo važi samo za Divi temu!)

Promijenimo kod uklanjanjem proizvoljne funkcije i zamjenom the_content() sa izlazom_excerpt().

Evo kako će izgledati ažurirani blok koda. Da sve pojednostavim i učinim jasnijim, odlučio sam da prokomentarišem kod koji je bio tamo ranije.

Ako sačuvate promjene i vratite se na stranicu, najvjerovatnije nećete vidjeti ništa novo. Još uvijek moramo nadjačati WordPress standarde sa prilagođenom funkcijom.

/* Izmijenite vezu za više informacija na the_excerpt() */ funkcija et_excerpt_length($length) (vrat 220; ) add_filter("excerpt_length", "et_excerpt_length"); /* Dodajte vezu na kraj našeg izvoda sadržanog u div za potrebe stilizovanja i za prelazak na novi red na stranici.*/ function et_excerpt_more($more) ( globalni $post; return "

ID). "" class="view-full-post-btn">Pogledajte cijelu objavu
;"; ) add_filter("excerpt_more", "et_excerpt_more");

Prva 4 reda definiraju prilagođenu funkciju koja kontrolira broj riječi prikazanih u citatu svakog blog posta. Zatim se dodaje filter koji omogućava izvršavanje funkcije. Ulančamo se s funkcijom excerpt_length da bismo postavili ograničenje na 220 znakova.

Druga funkcija mijenja vezu Read More, zamenjujući standard WordPress vrijednosti. IN u ovom primjeru Dodao sam vezu umotanu u div da bih je kasnije mogao stilizirati. Stajling ću pogledati malo kasnije; Sada možete otići na stranicu gdje ćete vidjeti sljedeće:

Standardni CSS stil veza i postova se automatski koristi u temi Divi 2.0; Moramo samo da uradimo neki posao u vezi sa pretvaranjem linka u dugme.

Dodijelili smo sidro veze u datoteci functions.php klasu view-full-post-btn. Koristit ću ga da dodam neki CSS kod na link. Postavite CSS kod ispod u svoju datoteku style.css da prilagodite našu vezu. Nije bitno gdje tačno dodajete kod - važno je da zapamtite područje na kojem se nalazi, bit će korisno za budućnost.

View-full-post-btn( display:inline-block; /*border-radius*/ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; padding:8px 16px; margin-top:1px solid #d8dcdc: font-size:#454545 -webkit-transition; all .3s ease:sve .3s ease #000000;

Nakon dodavanja stilova, imam prekrasno dugme koje ima lep efekat lebdenja.

Umjesto da poravnamo naše dugme ulijevo, uradimo još jednu stvar: dodijelimo float: desno tako da veza bude poravnata s desnom ivicom kontejnera u kojem se nalazi. trenutno nalazi. Također moramo podesiti rubove za svaki naš unos. Dodajmo sljedeći kod u style.css datoteku:

Et_pb_post ( margin-bottom: 100px; border-top: 1px solid #e1e1e1; ) .et_pb_post:first-of-type ( border-top: none; ) .view-full-post (float: right; )

Sada kada smo postavili sve potrebne stilove, možemo vidjeti konačni rezultat. Svako dugme će se povezati sa vašom objavom, omogućavajući korisnicima da vide celu objavu.

Napomena: Imajte na umu da stilovi ne reagiraju.

Zaključak

Dodavanje poboljšanja poput oznake Read More pomoći će vašim korisnicima da se lakše i brže kreću po vašem blogu. Organizirane i strukturirane informacije učinit će vaš blog razumljivijim. Sa funkcijom citata ugrađenom u WordPress, možete učiniti svoj sadržaj zanimljivijim i to za kratko vrijeme.