Link za čitanje više u WordPress-u (tag read more). Trikovi sa linkom “pročitaj više” Povećaj vesti php readmore dodaj komentar

Radi se o oznaci, koji se pojavljuje na kraju najave svakog članka u feedu bloga (može izgledati drugačije u različitim predlošcima: „pročitajte cijeli post“ itd.).

Analiziranje webmasterskih stranica po različiti parametri(promet, PR, TIC, pozicije u pretraživačima, autoritet na Internetu), otkrio sam da se mnogi uspješni projekti rade na besplatnim šablonima (temama), modificiranim da odgovaraju sebi (npr. sa modificiranim više itd.).

Neki majstori se toliko mijenjaju izgled teme da od stare verzije gotovo da nema traga.

Ovo ima nekog smisla: prema mnogim poslovnim stručnjacima, posjetiteljima je prije svega važna jednostavnost navigacije po stranici i sadržaj sadržaja – na kraju krajeva, oni su došli po informacije. I tek tada se procjenjuje izgled. Ne slažem se u potpunosti sa ovim i smatram da treba obratiti pažnju i na izgled.

Pa ipak, ostaje neosporna činjenica da je ono što posjetitelje zadržava na stranici vrijednost informacija, zbog čega su stranice koje nisu preopterećene blještavim dizajnom veoma popularne na internetu.

Mnogi uspješni webmasteri ne gube vrijeme tražeći idealan ili jedinstven (čak je i plaćena tema daleko od jedinstvene) šablone (iz vlastitog iskustva znam da se ova priča može povući na beskonačno vrijeme), već se usmjeravaju na brzo pokretanje projekta, kreiranje vlastitih proizvoda, obuka, popunjavanje sadržaja i promocija. A šablon za web stranicu - unikatan, vlastiti, s ljubavlju napravljen po narudžbi - uvijek se može napraviti.

Ako dobrom sadržaju dodate svoje karakteristike i lijep dizajn koji prenosi opći duh bloga, dobit ćete potpunu harmoniju. Čak i ako imate besplatni predložak, svojoj web stranici možete dati ličnu auru i jedinstvenost unoseći čak i manje izmjene.

Kako promijeniti "pročitaj više" ili "više" u svoje

• Idemo na admin panel stranice.
• Izgled - Urednik.
• U desnoj koloni uređivača nalazimo “Glavni šablon (index.php)” - to je ono što nam treba.
• Koristeći Ctrl+F pronalazimo riječi “pročitaj više” ili, u nekim slučajevima, “više” i umjesto toga unosimo ono što bismo željeli vidjeti.
• Ne zaboravite napraviti kopiju sadržaja datoteke prije nego što je promijenite kako biste je mogli vratiti ako nešto pođe po zlu, a zatim ažurirati datoteku nakon promjena.
• Idemo na web stranicu i divimo se kreativnosti.

Drago mi je da vas ponovo vidim! Ovim člankom nastavljam temu.

Ne tako davno sam malo petljao po svom Internet resursu.

Kliknite na njega i odmah ćete razumjeti njegovu glavnu funkciju. Nije li istina, ovako lijepo dugme izgleda mnogo bolje od standardnog linka

Ne volim dodatke jer su nepotrebni i neki se ne ažuriraju često.

Svidjela mi se tema kreiranja dugmeta na jednom od blogova. Međutim, nakon primjene informacija u praksi, bio sam neugodno iznenađen što se ovo dugme jednostavno nije pojavilo.

Nakon što ga pročitate, možete brzo kreirati isti na svom Internet resursu.

Da biste to učinili, idite na administrativnu ploču svog resursa i idite na kartice Izgled—>Uređivač. Iz predložaka koji se nudi na desnoj strani za uređivanje, izaberite functions.php. Sada kopirajte ovaj kod:

Funkcija remove_more_link() (vrati ""; ) add_filter("the_content_more_link", "remove_more_link");

Zalijepite ovaj kod na sam kraj datoteke functions.php prije završne oznake ?>

Zatim kliknite na dugme „Ažuriraj“ na dnu da sačuvate kod u datoteci.

Nakon toga morate dodati poseban kod koji će prikazati izgled samog gumba. Da biste to učinili, u istom uređivaču datoteka šablona kliknite na drugu datoteku - style.css.

Nakon što ga otvorite, dodajte kod koji ću napisati ispod na mjestu gdje se prikazuju stilovi sadržaja. Odnosno, nakon ovog natpisa u fajlu:

/* SADRŽAJ */

Možete to nazvati malo drugačije, ali suština je ista. A evo i samog koda:

.read_more( float: desno; /* Odgovoran za poravnavanje dugmeta desno ili lijevo */ širina: 130px; /* Širina dugmeta */ visina: 25px; /* Visina dugmeta */ granica: 2px čvrsta #fff; /* Debljina poteza */ radijus granice: 7px; /* Radijus */ box-shadow: 0px 0px 15px #007dab; /* Odgovoran za senku dugmeta */ pozadina: #FFFFFF; /* Boja pozadine dugmeta */ font: normalan 16px/25px Arial, sans-serif; /* Postavke fonta, veličina, stil */ text-align: centar; /* Poravnanje teksta */ boja: #ffffff; margin-desno: 10px; /* Pomak udesno */ margin-bottom: 25px; /* Pomak prema dolje */ margin-top: -15px; /* Pomak prema gore */ }

Nakon svih promjena u datoteci, ne zaboravite da kliknete na dugme „Ažuriraj“ da biste sačuvali promene.

Zatim prelazimo na sljedeću fazu. Sada moramo unijeti poseban kod koji će prikazati vaše dugme na glavnoj stranici bloga.

Da biste to učinili, u istom uređivaču vaše teme kliknite na datoteku index.php da biste je otvorili. Morate pronaći liniju poput ove:

Odmah nakon ove linije koda morate dodati kod za prikaz samog gumba:

" title="!}">

Ne zaboravite ažurirati fajl kako bi promjene stupile na snagu.

Sada možete osvježiti početnu stranicu svog bloga i vidjeti poboljšanja.

Pa, to je to. Rezultat je, kao što vidite, očigledan.

Ako imate bilo kakvih poteškoća, postavite mi pitanja u komentarima. I ne zaboravi pretplatite se na ažuriranja moj blog da primam najnovije članke na svoju e-poštu.

Vidimo se ponovo, prijatelji! Nadam se da vam je bilo korisno. ćao.

Sretno vam bilo
S poštovanjem,

Mnogi korisnici WordPress-a znaju ili su barem čuli za oznaku Više. Ova veza vam omogućava ne samo da dizajnirate izgled publikacije, već i da kreirate najavu najrazličitijih vrsta. Ova oznaka se može i treba ispraviti ili modernizirati, ali nije uvijek jasno kako.

Označite Pročitajte više služi za odvajanje sadržaja i pregled publikacije da opiše njen opšti sadržaj. IN WordPress Ova oznaka je uključena u svaku temu i jednostavna je za korištenje. Međutim, ovisno o vašim idejama i planovima, njegov prikaz može zahtijevati promjene koje nisu uvijek jednostavne.

WordPress Read More ima ne samo ulogu da ga prikaže i percipira korisniku, već obavlja i prilično važnu funkciju kao što je prikazivanje pregleda članka, što se uzima u obzir takvom vrstom mikro-označavanja kao što je OpenGraph. Stoga ga je važno razumjeti i pravilno koristiti u svojim projektima kako biste izbjegli moguće probleme.

Kako postaviti oznaku Read More

Instalacija Više oznaka nije teško, ali ga nije uvijek moguće pronaći i iskoristiti na vrijeme. Nalazi se u našem interfejsu za uređivanje postova:

Morate postaviti kursor na željenu lokaciju i kliknuti na ikonu prikazanu na snimku ekrana. Nakon toga će se pojaviti separator sa natpisom „VIŠE“, što znači da je primijenjena oznaka More i sadržaj je podijeljen na pregled i sam članak.

Ali šta će se desiti sa ovim delom iznad separatora: da li će biti prikazan u pregledu i u samom članku ili će biti izrezan iz sadržaja (prilikom otvaranja članka) ili šta će se dogoditi s njim? Ovo je možda najčešće i zabrinjavajuće pitanje svakog webmastera početnika u WordPress CMS-u.

Općenito, mogu istaknuti 3 glavne opcije koje se koriste u 90% slučajeva:

1. standardna opcija;
2. puna verzija;
3. zasebna opcija.

Standardna upotreba oznake More

Standardna opcija je "tradicionalna" upotreba funkcije WordPress stock u odnosu na tag More. To znači da će naš pregled biti prikazan u članku koji još nije otvoren (na zidu):

A kada otvorite post, već skrolovani članak će biti dostupan do kraja pregleda. Odnosno, po logici ove opcije, već smo pročitali pregled i nema smisla čitati ga u općem tekstu. Zato se otvara članak koji nam je već skrolovan do kraja pregleda i izgleda otprilike ovako:

Kao što vidite, imamo stranicu koja počinje odmah nakon pregleda. Za mene ova opcija uopće nije bila prikladna, jer najčešće dolazi do situacije kada se traže informacije otprilike ovako:

1. unesite upit u tražilicu;
2. otvarate sve stranice koje su manje-više prikladne za naslov;
3. Nakon toga ih pregledavate jednu po jednu i sortirate.

Ako korisnik postupi na ovaj način, neće biti sasvim jasno zašto članak ne počinje ispočetka i dodatno pomicanje može samo uplašiti - a to je nepotrebno.

Potpuna upotreba oznake More

U kombinaciji, to je rješenje problema standardne metode. Po mom mišljenju, ovo je najbolja opcija ako za projekat nisu potrebna nestandardna rješenja. U tom slučaju, pregled će biti prikazan i na zidu i u članku. Istovremeno, članak se otvara od samog početka, zapravo, kako to najčešće vidimo na kvalitetnim resursima.

Da biste implementirali ovu opciju, morat ćete unijeti izmjene u naš predložak functions.php i umetnuti red na kraj dokumenta, nakon što ga uvučete u nekoliko redova (kao što je tradicionalno):

funkcija remove_more_jump_link($link) ( $offset = strpos($link, "#more-"); if ($offset) ($end = strpos($link, """,$offset); ) if ($end) ( $link = substr_replace($link, "", $offset, $end-$offset); ) return $link ) add_filter("the_content_more_link", "remove_more_jump_link");

funkcija remove_more_jump_link($link) ( $offset = strpos($link, "#more-"); if ($offset) ( $end = strpos($link, """, $offset); if ($end) ( $link = substr_replace($link, "", $offset, $end - $offset); return $link; add_filter ("the_content_more_link" , "remove_more_jump_link") ; add_theme_support ("sličice nakon sličica");

Ako vam je teško pronaći ovu datoteku predloška, ​​nije važno. Idite na WordPress meni:

Izgled > Urednik. Odaberite Funkcije teme (functions.php) i izvršite promjene, a zatim kliknite na "Ažuriraj datoteku":

Danas se u većini modernih WordPress šablona može naći prikaz postova sa oznakom više, iako to zavisi od dizajna vaše stranice. Najčešće se ova implementacija nalazi u temama časopisa, gdje se koriste mnogi informativni blokovi sa kratkim najavama vijesti. Također sličan stil karaktera za bloganje. Prednosti su očigledne - možete staviti više postova na stranicu, a korisnik ne mora da skroluje kroz mnogo nepotrebnog teksta.

Implementacija mehanizma read more u WordPressu se u suštini sastoji od dva dijela:

Drugi detalj, u principu, nije potreban, jer korisnik i dalje može otići na cijeli tekst objave klikom na njen naslov. U nekim predlošcima (na primjer, časopisima), kako bi uštedjeli prostor na stranici, autori izgleda mogu posebno ukloniti više veza.

Prikaz najave bilješke implementira se na 2 načina:

2. Umetnite link za čitanje više u WordPress šablon

Sada malo o korištenju oznake more u predlošku i, zapravo, kako se može prikazati na vašoj web stranici. Za ovaj zadatak možete koristiti funkcije_content ili the_excerpt. Morate ih potražiti u onim datotekama izgleda u kojima ste postavili prikaz liste blog postova: glavni (index.php), arhivi (archive.php), sekcije kategorija (category.php) itd.

the_content funkcija prikazuje puni tekst posta. Najava se prikazuje ako je u uređivaču teksta podešeno pročitajte više. Njegova sintaksa je sljedeća.

Štaviše, možete promijeniti read more dodavanjem naslova posta u tekst fraze (+ HTML formatiranje je dozvoljeno). Možda će se pretraživačima ovaj link malo više svidjeti:

Na službenoj web stranici wordpress.org možete pronaći nekoliko zanimljivih hakova o funkcijama the_content i the_excerpt koji će vam biti korisni u radu.

Uklonite pomicanje za više linkova

funkcija remove_more_link_scroll( $link ) ( $link = preg_replace ( "|#more-+|" , "" , $link ) ; vrati $link ; ) add_filter( "the_content_more_link" , "remove_more_link_scroll" ) ;

funkcija remove_more_link_scroll($link) ( $link = preg_replace("|#more-+|", "", $link); return $link; ) add_filter("the_content_more_link", "remove_more_link_scroll");

add_filter("the_content_more_link", "modify_read_more_link"); funkcija modify_read_more_link() (vrati "Vaš tekst veze za čitanje više"; )

Uz nju ćete se, inače, osloboditi i skrolovanja (sa sidrom #more), jer link je kreiran preko get_permalink.

a.more-link ( display:block; width:151px; height:24px; padding-left:10px; clear:both; border:none; line-height:22px; margin-top:10px; font-size:12px; ) a.more-link ( boja:#FFF; background:url(images/readmore.jpg) 0 0 bez ponavljanja; )

Prvo pravilo određuje veličinu i padding dugmeta, dok drugo sadrži vezu do pozadinske slike readmore.jpg. Da biste razumjeli kod, morate, naravno, barem malo razumjeti CSS.

Parametri najave za funkciju_excerpt

Ako koristite funkciju_excerpt za prikazivanje objava na vašoj web stranici, sljedeći hakovi mogu vam biti korisni. Prvo, možete promijeniti broj prikazanih znakova (podrazumevano = 55).

funkcija wpdocs_excerpt_more($more) (vrati "... >>"; ) add_filter("excerpt_more", "wpdocs_excerpt_more");

Neposredno iznad, kada sam opisivao funkciju the_excerpt, dao sam primjer koda koji vam omogućava da postavite link na post nakon objave. Isti trik se može implementirati koristeći hak u functions.php:

funkcija new_excerpt_more($more) ( globalni $post; vrati "ID) . ""> Pročitajte cijeli članak..."; ) add_filter("excerpt_more", "new_excerpt_more");

Dodaci za više u WordPressu

Ako i dalje imate pitanja o čitanju više u WordPress-u, pišite u komentarima, a mi ćemo ih riješiti.

Dodavanje oznake “Next” u WordPress

Primijetit ćete da se pojavila linija s 'Još' u centru u tijelu unosa. Oznaku „Sljedeće“ možete umetnuti bilo gdje na liniji, bilo usred rečenice, u sredinu pasusa ili odmah iza prvog.

Ako koristite uređivač teksta, možete koristiti i dugme "Dalje" na alatnoj traci ili ga ručno odrediti na sljedeći način:

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 uređivača postova.

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 što napišete u bloku citata, vaša tema će prikazati cijeli sadržaj članka na početnoj stranici i stranicama arhive.

Drugi nedostatak upotrebe navodnika je to što ne prikazuju slike ili bilo koje drugo formatiranje. Oni se izlaze 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".

Najveći problem koji smo čuli o korištenju oznake Next je to što ona ne radi za stranice.

Prema zadanim postavkama, ne možete koristiti oznaku "Next" na WordPress stranicama, međutim, ovo se može lako popraviti jednostavnim dodavanjem sljedećeg koda unutar petlje:

Drugi 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.