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 se prikazati izgled samo dugme. 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:

.čitaj više( 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 sledeća faza. 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="!}">

Pročitajte članak

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.

OK, sve je gotovo. 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 ti
S poštovanjem,

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:

Izgled.
Urednik.
Glavni šablon/index.php.
Pronađite oznaku.
Odaberite sidro i umetnite ono koje želite.
Pronađite i kliknite na dugme „Ažuriraj datoteku“.
Izgled.
Urednik.
Archives/archive.php.
Promijenite tekst.
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 se postavlja pet ili šest linkova na slične stranice. Pod-cut više nije moderan. Dakle, promjena oznake "više" u WordPressu više nije relevantna.

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 se implementira 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 the_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 dopunu 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.

WordPress početna stranica (statična ili najave)

Prvo, želim napomenuti da se sadržaj glavne stranice u WordPress-u može konfigurirati preko admin panela. Postoje dvije glavne opcije:

Poslednje beleške
Bilo koju stranicu koju odaberete

Ovo je konfigurirano u odjeljku " Opcije» -> « Čitanje»:

Ovdje možete odrediti maksimalan broj objava na glavnoj stranici: "Prikaži ne više nego na stranicama bloga."

više WordPress oznake

Ovo dugme će dodati oznaku kodu artikla. Sav tekst koji se nalazi prije ove oznake postat će bilješka. Uvjerite se da su sve oznake za napomene zatvorene, inače se mogu pojaviti greške prilikom prikazivanja najave u RSS feedu.

Jedinstvena oznaka više u WordPressu

Bilo bi sjajno imati jedinstvenu oznaku više za svaki post. Uostalom, tada će se nakon objave prikazati veza sa sidrom koje vam je potrebno, na primjer, s direktnim unosom ključne riječi. I ovo je korisno za promociju.

Ovisno o instaliranoj temi, ovaj kod se može nalaziti u drugim datotekama, a zatim ga potražite u svim drugim PHP datotekama teme.

Kao i uvijek, dat ću nekoliko primjera s komentarima na kod

1. Dugme kao moje

1 2 3 4 5 6 7 8 9 10 11 12 13

.more-link (pozadina: nema ponavljanja skrolovanja 0 0 #00B37C ; /*boja pozadine */ granica: 1px čvrsta #62901E ; /*debljina i boja ivica */ radijus granice: 5px; /*zaobljeni rubovi*/ boja : #FFFFFF ; /*boja fonta */ display : block ; font-family: verdana; veličina fonta: 12px; visina linije: 12px; padding: 8px 14px; tekst-dekoracija: nema; text-transform: velika slova; /*tekst velikim slovima */ }

More-link (pozadina: nema ponavljanja skrolovanja 0 0 #00B37C; /*boja pozadine */ granica: 1px čvrsta #62901E; /*debljina i boja ivice */ radijus granice: 5px; /*zaobljene ivice */ boja: # FFFFFF /*boja fonta */ display: font-size: font-decoration: nema velikih slova;

2. Ravno dugme

1 2 3 4 5 6 7 8 9 10 11

.more-link (pozadina: nema ponavljanja pomicanja 0 0 #E81D1D ; boja : #FFFFFF ; display : block ; font-family : verdana; font-size : 12px ; /*veličina slova */ font-weight: bold; /*podebljano */ visina linije: 12px; padding: 8px 14px; /*uvlačenje */ tekst-dekoracija: nema; )

Više-link (pozadina: nema ponavljanja pomicanja 0 0 #E81D1D; boja: #FFFFFF; ekran: blok; porodica fontova: verdana; veličina fonta: 12px; /*veličina fonta */ težina fonta: bold; /*bold font */ line-height: 12px padding: 8px 14px /* padding */ text-decoration: none )

3. Dugme sa sjenom i gradijentom

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22

.more-link (pozadina: linear-gradient(#DD1D1D, #A61518) ponovi pomicanje 0 0 rgba (0, 0, 0, 0) ; /*gradient */ border-radius: 4px; box-shadow: 0 1px 2px 0 rgba (0, 0, 0,7) /*shadow */ color: #FFFFFF: bold ; /*centralno poravnanje */širina: 155px; /*širina dugmeta */ /* kompatibilnost sa različitim pretraživačima: */ pozadina: -ms-linear-gradient(#DD1D1D, #A61518) ; /* IE10 */ pozadina: -webkit-gradient(linear, lijevo gore, lijevo dolje, color-stop(0% , #DD1D1D) , color-stop(100% , #A61518 )) ; /* Safari 4+, Chrome 2+ */ background : -webkit-linear-gradient(#DD1D1D , #A61518 ) ; /* Safari 5.1+, Chrome 10+ */ background : -o-linear-gradient(#DD1D1D , #A61518 ) ; /* Opera 11.10 */ filter : progid: DXImageTransform.Microsoft .gradient(startColorstr= "#DD1D1D" , endColorstr= "#A61518" ) ; /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#DD1D1D", endColorstr="#A61518")"; /* IE8+ */ -moz-border-radius: 4px ; /* Firefox */ -webkit-border-radius: 4px ; /* Safari, Chrome */ -khtml-border-radius: 4px ; /* KHTML */ )

More-link (pozadina: linear-gradient(#DD1D1D, #A61518) ponovi pomicanje 0 0 rgba(0, 0, 0, 0); /*gradient */ border-radius: 4px; box-shadow: 0 1px 2px 0 rgba (0, 0, 0,7) color: #FFFFFF: font-weight: 40px; kompatibilnost pretraživača: */ background: -ms-linear-gradient(#DD1D1D, #A61518) /* IE10 */ background: -webkit-gradient( linear, lijevo gore, lijevo dolje, color-stop(0%, #DD1D1D); ), color-stop(100%, #A61518) /* Safari 4+, Chrome 2+ */ background: -webkit-linear-gradient (#DD1D1D, #A61518) /* Safari 5.1+; */ background: -o-linear-gradient(#DD1D1D, #A61518 /* Opera 11.10 */ filter: progid:DXImageTransform.Microsoft.gradient (startColorstr="#DD1D1D", endColorstr="#A61518"); * IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr="#DD1D1D", endColorstr="#A61518" )" /* IE8+ */ -moz-border-radius: 4px; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ -khtml-border-radius: 4px; /* KHTML */ )

Standardna WordPress objava (samorezivanje)

WordPress može automatski kreirati najave, bez korištenja oznake more. U ovom slučaju, članak se jednostavno odsiječe nakon određenog broja riječi (55 po defaultu). Ova opcija može izgledati zgodna jer se sve radi automatski i ne morate razmišljati o više oznaka. Međutim, takve najave ne izgledaju lijepo i ne preporučujem ih koristiti. Mnogo je zgodnije da sami odlučite nakon koje fraze ćete prekinuti najavu.

Linija je odgovorna za takve najaveu kodu.

Kako ukloniti standardne objave u WordPressu

Ako ste instalirali temu koja standardno koristi standardne najave i želite ih se riješiti:

Nećemo govoriti o onim citatima koji se u tekstu koriste za citiranje tuđih misli - o ovome.

Odmah ću reći da ne koristim ovu funkciju i mislim da je to potpuna glupost. Međutim, neki SEO-ovi misle t da objave na glavnoj stranici bloga moraju biti jedinstvene. U suprotnom, sadržaj na glavnoj stranici će se duplirati na početku svakog članka. Stoga, svako saopštenje mora biti napisano zasebno, opisujući kratak sadržaj članka.

Ako tako mislite i niste previše lijeni da svaki put pišete jedinstvene objave, pročitajte kako to implementirati.

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

Analizirajući webmasterske stranice prema različitim parametrima (promet, PR, TIC, pozicije u tražilicama, autoritet na Internetu), otkrio sam da su mnogi uspješni projekti napravljeni na besplatnim šablonima (temama), modificiranim da sami sebi odgovaraju (npr. modificirano više, itd.).

Neki majstori toliko mijenjaju izgled teme da od stare verzije ne ostaje gotovo nikakav trag.

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 svojih proizvoda, obuku, popunjavanje sadržaja i promociju. A šablon za web stranicu - unikatan, vlastiti, izrađen s ljubavlju po narudžbi - uvijek se može napraviti.

Ako dobrom sadržaju dodate vlastite 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.