Pridať komentár nad news php readmore. Odkaz na ďalšie informácie vo WordPress (značka Čítať viac)

Domovská stránka WordPress (statická alebo oznámenia)

Na začiatok chcem poznamenať, že obsah hlavnej stránky vo WordPress je možné konfigurovať prostredníctvom administračného panela. Existujú dve hlavné možnosti:

• Posledné poznámky
• Akákoľvek stránka, ktorú si vyberiete

Toto je nakonfigurované v " Parametre» -> « Čítanie»:

Tu môžete tiež určiť maximálny počet oznámení na hlavnej stránke: „Nezobrazovať viac ako na stránkach blogu“.

viac WordPress tag

Toto tlačidlo pridá značku do kódu článku. Všetok text pred touto značkou sa stane anotáciou. Uistite sa, že sú všetky značky anotácií zatvorené, inak sa môžu pri zobrazení oznámenia v kanáli RSS objaviť chyby.

Jedinečná značka viac vo WordPress

Bolo by skvelé mať pre každý príspevok jedinečnú značku. Veď potom sa po oznámení zobrazí odkaz s kotvou, ktorú potrebujete, napríklad s priamym zadaním kľúčového slova. A je to dobré na propagáciu.

V závislosti od nainštalovanej témy sa tento kód môže nachádzať v iných súboroch a potom ho hľadajte vo všetkých ostatných súboroch php danej témy.

Ako vždy uvediem niekoľko príkladov s komentármi ku kódu

1. Gombík ako ja

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

.more-link ( background : none repeat scroll 0 0 #00B37C ; /*farba pozadia */ border : 1px solid #62901E ; /*šírka a farba okrajov */ border-radius : 5px ; /* zaoblené hrany */ farba : #FFFFFF ; /*farba písma */ display : block ; font-family : verdana font-size : 12px ; line-height : 12px ; padding : 8px 14px ; text-dekorácia: žiadna text-transform : veľké písmená ; /* text veľkými písmenami */ }

More-link ( pozadie: žiadne repeat scroll 0 0 #00B37C; /* farba pozadia */ orámovanie: 1px plné #62901E; /* hrúbka a farba orámovania */ border-radius: 5px; /* zaoblené okraje */ farba: # FFFFFF; /*farba písma */ display: block; font-family: verdana; font-size: 12px; line-height: 12px; padding: 8px 14px; text-decoration: none; text-transform: veľké písmená; /*text veľkými písmenami */ )

2. Ploché tlačidlo

1 2 3 4 5 6 7 8 9 10 11

.more-link ( background : none repeat scroll 0 0 #E81D1D ; color : #FFFFFF ; display : block ; font-family : verdana; font-size : 12px ; /*veľkosť písma */ font-weight : bold ; /*tučné písmo */ line-height : 12px ; padding : 8px 14px ; /* vypchávka */ text-dekorácia: žiadna )

More-link ( pozadie: žiadne repeat scroll 0 0 #E81D1D; farba: #FFFFFF; display: block; font-family: verdana; font-size: 12px; /*font-size */ font-weight: bold; /* tučné písmo */ výška riadku: 12px; výplň: 8px 14px; /* výplň */ dekorácia textu: žiadna; )

3. Tlačidlo s tieňom a prechodom

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

.more-link ( background : linear-gradient(#DD1D1D , #A61518 ) repeat scroll 0 0 rgba (0 , 0 , 0 , 0 ) ; /*gradient */ border-radius : 4px ; box-shadow : 0 1px 2px 0 rgba (0, 0, 0, 0,7); /*tieň */ farba: #FFFFFF; veľkosť písma: 16px; hrúbka písma: tučné; výška: 40px; výška riadku: 40px; zarovnanie textu: na stred; /* zarovnanie na stred */šírka: 155px; /*šírka tlačidla */ /* krížový prehliadač: */ pozadie : -ms-linear-gradient(#DD1D1D , #A61518 ); /* IE10 */ pozadie : -webkit-gradient(linear, left top , left bottom , color-stop(0% , #DD1D1D ) , color-stop(100% , #A61518 ) ); /* Safari 4+, Chrome 2+ */ pozadie : -webkit-linear-gradient(#DD1D1D , #A61518 ) ; /* Safari 5.1+, Chrome 10+ */ pozadie : -o-linear-gradient(#DD1D1D , #A61518 ) ; /* Opera 11.10 */ filter : progid: DXImageTransform.Microsoft .gradient(startColorstr= "#DD1D1D" , endColorstr= "#A61518" ) ; /* IE6 a 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 ( pozadie: linear-gradient(#DD1D1D, #A61518) repeat scroll 0 0 rgba(0, 0, 0, 0); /*gradient */ border-radius: 4px; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0,7); /*shadow */ color: #FFFFFF; font-size: 16px; font-weight: bold; height: 40px; line-height: 40px; text-align: center; / *zarovnanie na stred */ šírka: 155px; /*šírka tlačidla */ /* krížový prehliadač: */ pozadie: -ms-linear-gradient(#DD1D1D, #A61518); /* IE10 */ pozadie: -webkit-gradient( lineárne , vľavo hore, vľavo dole, color-stop(0%, #DD1D1D), color-stop(100%, #A61518)); /* Safari 4+, Chrome 2+ */ pozadie: -webkit-linear-gradient ( #DD1D1D, #A61518); /* Safari 5.1+, Chrome 10+ */ pozadie: -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: 4 px; /* Firefox */ -webkit-border-radius: 4px; /* Safari, Chrome */ -khtml-border-radius: 4px; /* KHTML */ )

Štandardné oznámenia príspevkov WordPress (samorezné)

WordPress dokáže vytvárať oznámenia automaticky bez použitia značky more. V tomto prípade je článok jednoducho skrátený po určitom počte slov (štandardne 55). Táto možnosť sa môže zdať pohodlná, pretože všetko sa robí automaticky a nemusíte premýšľať o značke more. Takéto oznámenia však nevyzerajú pekne a neodporúčam ich používať. Oveľa pohodlnejšie je rozhodnúť sa sami, po ktorej fráze oznámenie odstrihnete.

Zodpovedný za takéto oznamovacie linkyv kóde.

Ako odstrániť predvolené oznámenia príspevkov WordPress

Ak ste si nainštalovali tému, ktorá má predvolené štandardné oznámenia a chcete sa ich zbaviť:

Nepôjde o tie citáty, ktoré sú v texte použité na citovanie myšlienok iných ľudí – o tomto.

Hneď musím povedať, že túto funkciu nepoužívam a myslím si, že je to úplný nezmysel. Niektorí SEO však veriaže oznamy na hlavnej stránke blogu musia byť jedinečné. V opačnom prípade bude obsah na hlavnej stránke duplikovaný na začiatku každého článku. Preto musí byť každý oznam napísaný samostatne, popisujúci zhrnutie článku v ňom.

Ak si to myslíte aj vy a nie ste leniví zakaždým písať jedinečné oznámenia, prečítajte si, ako to zrealizovať.

Dnes sa v drvivej väčšine blogov zobrazujú články s týmto tagom. Je pozoruhodné, že niektoré šablóny už poskytujú podobnú funkciu, keď po príprave článku na publikovanie nastavíte príslušný tag na určité miesto jediným stlačením klávesu.

Implementácia takejto funkcie na našej platforme zahŕňa iba dva kroky:

• predvedenie oznámenia o zápise (napríklad prvý odsek);
• nastavenie odkazu.

Poznámka! Je pozoruhodné, že druhý krok v zásade nie je taký dôležitý. Keďže kliknutím na názov sa dostanete na celý text článku.

Ak chcete zobraziť krátke oznámenie alebo úvod, použite jeden z dvoch spôsobov:

• použite funkciu the_content() a pridajte samotný odkaz;
• použite the_excerpt(), ktorý sa používa namiesto the_content().

Stručne vysvetlite, že funkcia the_content vám umožňuje zobraziť text s aplikovaným formátovaním. Takúto funkciu poskytuje súbor single.php, ktorý sa nachádza na stránke s príspevkami/článkami. Keď pri pridávaní článku na stránku nastavíte v textovom editore príslušný odkaz (nazýva sa to quicktag), tak sa časť textu článku automaticky skryje a návštevníkom sa zobrazí len krátke oznámenie o vstupe.

Na druhej strane funkcia the_excerpt - tá vám umožní vidieť oznámenie okamžite, ale bez formátovania.

Ako pridať ďalšie značky v textovom editore wordpress

Ak upravujete materiál vo formáte HTML, existuje aj príslušné tlačidlo. Stačí však len vložiť značkuna konkrétnom mieste vo vašom obsahu.

Poznámka! Takýto odkaz nie je potrebné nastaviť striktne na konci odseku. V skutočnosti sa dá umiestniť za akékoľvek slovo. Pamätajte, že značka sa píše striktne spolu, bez medzier.

Ako pridať odkaz Prečítajte si viac do šablóny WordPress

• obsah;
• úryvok.

Sú umiestnené v rozložení, kde sa poskytuje zobrazenie celého zoznamu článkov na vašej stránke:

• hlavný (index.php);
• archívy (archive.php);
• kategórie (category.php);
• atď.

Funkcia_content je potrebná na zobrazenie celého textu článku. Aby sa na hlavnej stránke zobrazoval iba oznam, pri formátovaní a príprave príspevku na zverejnenie nastavte v editore tag Čítať viac:

Ako vidíte, všetko je celkom jednoduché! V kóde je potrebné vykonať len malé zmeny. Okrem toho máte možnosť úplne zmeniť Prečítajte si viac nastavením dokonca úplného názvu článku / príspevku v texte svojho návrhu. A zároveň je povolené formátovanie HTML. Je totiž pravdepodobné, že takýto odkaz budú vyhľadávacie roboty hodnotiť pozitívnejšie.

ČítaťĎalej‘. the_title(", "", false)); ?>

Ak hovoríme o funkcii the_excerpt, potom neposkytuje vôbec žiadne nastavenia. Zobrazuje iba krátky náhľad článku bez použitia jeho formátovania.

Aby ste mali príslušný odkaz, musíte vložiť kód:

To znamená, že v skutočnosti neexistuje žiadne konkrétne spojenie so známou značkou More. V tejto situácii sa zobrazí iba odkaz na článok.

Mimochodom, môžete tiež konať pomocou funkcie the_content, ak chcete nastaviť odkaz nie na konkrétne miesto v texte, ale do samostatného bloku. Napríklad, pokiaľ ide o taký "čip", ako je vytvorenie neobvyklého dizajnu.

A niekoľko ďalších zaujímavých a užitočných doplnkov, ktoré vám pomôžu pracovať s opísaným štítkom. Sú prezentované na oficiálnych stránkach našej obľúbenej platformy.

Ako odstrániť posúvanie odkazu Viac

function remove_more_link_scroll($link) (

$link = preg_replace('|#more-+|', "", $link);

vrátiť $ odkaz;

add_filter('the_content_more_link', 'remove_more_link_scroll');

Najjednoduchší spôsob je prejsť na funkciu a zmeniť $more_link_text. Ak však chcete úplne zmeniť formát takéhoto odkazu, všetko, čo musíte urobiť, je pridať nasledujúci kód:

add_filter('odkaz_na_obsah', 'upraviť_odkaz na čítanie_more');

funkciamodify_read_more_link() (

vrátiť' Text vášho odkazu Čítať viac’;

Mimochodom, tento kód sa tiež zbavuje posúvania stránky opísaného vyššie.

Na vytvorenie takéhoto tlačidla budete musieť použiť štýly CSS. Štandardne je teda zabezpečené, že funkcia the_content je vložená priamo do tagu class="more-link".

Takže stačí nastaviť nasledujúci kód v sekcii style.css:

a.more-link(

displej:blok;

šírka: 151px;

výška: 24px;

padding-left:10px;

jasné:obaja;

border:none;

line-height:22px;

margin-top:10px;

font-size:12px;

a.more-link(

farba:#FFF;

background:url(images/readmore.jpg) 0 0 no-repeat;

Na začiatku sa teda nastavia parametre tlačidla a potom sa v druhom pravidle uvedie odkaz na obrázok pozadia readmore.jpg. Na to všetko je samozrejme potrebné mať aspoň základné znalosti CSS.

Parametre oznámenia pre funkciu_excerpt

Tieto riešenia budú zaujímavé pre tých, ktorí používajú funkciu the_excerpt na stránke na demonštráciu oznámení.

Na začiatok si všimneme, že pomocou tejto metódy môžete zmeniť počet zobrazených znakov. Predvolené zobrazenie je 55 znakov.

funkcia wpdocs_custom_excerpt_length($length) (

návrat 70;

add_filter('dĺžka_úryvku', 'wpdocs_custom_excerpt_length', 999);

Okrem toho je možné zmeniť štandardné ukončenie textu. Keď namiesto elipsy […] môžete nastaviť prakticky akúkoľvek možnosť, ktorá vám vyhovuje. Aj keď to, samozrejme, nebude odkaz.

funkcia wpdocs_excerpt_more($viac) (

návrat „... >>“;

add_filter('excerpt_more', 'wpdocs_excerpt_more');

O tejto funkcii sme hovorili vyššie. A teraz vám povieme, ako môžete implementovať toto riešenie pomocou functions.php:

funkcia new_excerpt_more($viac) (

globálny $post;

vrátiť' id). »> Čítať celý článok…’;

add_filter('more_excerpt', 'new_excerpt_more');

Pluginy pre značku More vo WordPress

Môžete sa tiež obmedziť na používanie špeciálnych doplnkov a rozšírení, ktoré sú k dispozícii pre . Zaznamenali sme dve podobné riešenia.

Odkazy na stránku

Toto rozšírenie vám umožňuje presmerovať článok na adresu, ktorá je úplne odlišná od hodnoty vášho príspevku.

Po nainštalovaní tohto rozšírenia sa v administračnom paneli vytvorí pole, v ktorom označíte svoj odkaz pre ďalší prechod. Súčasne sa zobrazí presmerovanie 301. Je tiež možné nainštalovať 302 Moved Temporarily.

To všetko bude potrebné, ak chcete vo všeobecnom zozname zobraziť krátke oznámenie s ďalším prechodom na ktorúkoľvek stránku vášho blogu.

Pokročilý úryvok

Toto rozšírenie vám umožňuje zobrazovať krátke ukážky článkov bez toho, aby ste museli robiť nejaké opravy v bubline s témou.

Pomocou tohto pluginu si môžete presne vybrať, koľko slov alebo znakov bude oznámenie obsahovať, ako presne sa bude oznámenie zobrazovať a mnoho ďalšieho.

Stále máte nejaké otázky týkajúce sa používania značky Čítať viac vo WordPress? Pýtajte sa a my na ne určite odpovieme!

Chcete si vytvoriť svoj vlastný web, ale neviete ako na to? Prejdite na stránku a zaregistrujte sa na bezplatné školenie a o 4 dni budete mať vlastnú webovú stránku!

Výsledok dnešného článku si môžete pozrieť na hlavnej stránke.

float:right; /* Zodpovedá za zarovnanie tlačidla vpravo alebo vľavo */

šírka: 180px /* Šírka tlačidla */

výška: 25px; /* Výška tlačidla */

orámovanie: 2px pevné #fff; /* Hmotnosť zdvihu */

okraj-polomer: 7px /* Polomer */

box-shadow: 0px 0px 5px #007dab; /* Zodpovedný za tieň tlačidla */

pozadie: #007dab; /* Farba pozadia tlačidla */

písmo: normálne 12px/25px Arial, bezpätkové; /* Nastavenia písma, veľkosť, štýl */

text-align: center; /* Zarovnanie textu */

pravý okraj: 160px; /* Shift doprava */

margin-bottom: 25px; /* Posun dole */

margin-top: -15px; /* Odsadenie hore */
}
Toto je štýl môjho tlačidla, môžete si ho upraviť, ako potrebujete, ale ak veľa nerozumiete CSS, odporúčam vám zmeniť iba farby a polohu tlačidla vzhľadom na obsah! Uložte a prejdite na ďalší krok.

A poslednou fázou je výstup samotného tlačidla v oznámeniach našich článkov, súbor otvoríme priamo v konzole v editore index.php nájsť tento kód:

Pre vás to môže byť trochu iné, ale myslím si, že je to pochopiteľné, ak sa spýtate na čokoľvek v komentároch, pomôžem vám na to prísť.

A potom pridáme náš kód s výstupom krásneho tlačidla:
”title=””>

Na úpravu súborov odporúčam používať Poznámkový blok. Poznámkový blok++, editor pre wordpress. Pretože vykonané zmeny môžete vrátiť, na rozdiel od štandardného editora. Na začiatku článku som to neodporúčal, pretože sme len pridávali kód a neupravovali existujúci, takže potreba vracať zmeny nie je taká veľká.

Aká je väčšia značka vo wordpresse?

Ak nevyužijete viac, potom celý článok prejde na . A podľa môjho názoru to bude vyzerať aspoň nie veľmi dobre.

A takto bude vyzerať príspevok rozdelený na oznamovaciu a hlavnú časť. To znamená, že na hlavnej stránke sa zobrazí iba oznámenie o príspevku.

Ako zmeniť text značky more na stránke wordpress?

Na úpravu textu. Musíte otvoriť pomocou textového editora súbor index.php a nájsť nasledujúci kód.

Môže to vyzerať aj takto:

To znamená, že môže vyzerať inak, ale výsledok jeho zobrazenia v článku môže byť rovnaký.

K tomuto kódu môžete pridať aj názov článku:

Po všetkých zmenách sa značka wordpressu začala čítať takto:

Ak chcete zmeniť, musíte nájsť nasledujúcu triedu v súbore style.css:

Viac-odkaz

Pomocou tejto triedy môžete zmeniť umiestnenie tlačidla vzhľadom na oznámenie príspevku, zmeniť veľkosť farby odkazu, pridať pozadie alebo dokonca nahradiť text obrázkom. Napríklad takto:

More-link( background: #FFFFFF; float: right; margin: 30px 10px 10px 10px; border: 1px solid #C3B17F; border-radius: 4px; box-shadow: 0px 5px 5px #C3B17F; padding: 5px; )

Výsledkom je, že som dostal taký vzhľad, ktorý mi v tejto fáze vyhovuje.

Jedinečná značka viac pre každý článok vo wordpresse

Všetky vyššie opísané spôsoby sú lenivé spôsoby. No tag je možné upraviť priamo pri písaní článku. Zároveň môže byť jedinečný pre každý jednotlivý príspevok. Najjednoduchšie to môžete urobiť takto:

Kód, ktorý oddeľuje text príspevku, v režime html vyzerá takto:

A aby ste vytvorili jedinečný text, musíte pri písaní článku na wordpresse zapnúť režim html. A vložte nasledujúci kód na správne miesto:

Namiesto „unikátneho ...“ zadajte akýkoľvek text, ktorý sa nakoniec stane odkazom na celý príspevok.

A bude to vyzerať takto:

Tak a to je na dnes všetko. Teraz, keď toto všetko viete, môžete s tagom more robiť, čo chcete. V tomto prípade nepotrebujete žiadne špeciálne úsilie. Do skorého videnia!