V tejto lekcii budem hovoriť o tom, ako to urobiť komentáre v HTML, CSS, PHP. Komentáre sú text, ktorý nie je viditeľný na webovej stránke. Používajú sa na rôzne druhy vysvetlení, pripomienok a popisov pre správcov webu, čo vám umožňuje štruktúrovať dokument. Komentáre sú nevyhnutné pri ladení kódu, umožňujú vám rýchlo sa pohybovať v označení webovej stránky a nájsť požadovaný blok. Komentáre sa často používajú na ladenie HTML kódu. Môžete napríklad dočasne zakomentovať konkrétny blok kódu, aby sa nespustil, a v prípade potreby ho ľahko obnoviť.

Komentáre v HTML

V HTML sa komentáre tvoria pomocou nasledujúcich znakov:. Akýkoľvek text medzi týmito znakmi je teda komentár. Pozrime sa na príklad:

Príklad komentárov v HTML

Komentáre v CSS

Komentáre v CSS sa vytvárajú pomocou znakov: /* a */. Ak chcete vytvoriť komentár, stačí umiestniť kód webovej stránky medzi tieto znaky:

/* Začiatok bloku so štýlmi pre Body*/ body ( pozadie: #efeded; font-family: Verdana, Helvetica, sans-serif; font-size: 12px; margin: 0px; padding: 0px; ) /* Koniec blok so štýlmi pre telo*/

Komentáre v PHP

Komentáre v PHP môžu byť jednoriadkové alebo viacriadkové:

1) Jednoriadkové komentáre v PHP sa vytvárajú pomocou znakov: //. Jednoducho vložte tento znak pred riadok a bude zakomentovaný.Táto možnosť sa používa v prípade, že komentár pozostáva len z jedného riadku.

2) Na implementáciu viacriadkových komentárov sa používajú nasledujúce symboly: /* a */. Táto možnosť je užitočná, ak komentár obsahuje niekoľko riadkov.

Tak sme sa naučili robiť

Dobrý deň, priatelia a hostia blogu! Dnes vám poviem, ako používať PHP a MySQL. A budeme tiež hovoriť o komentovacie systémy pre stránku a my vyberieme ten najlepší pre vašu stránku z tých, ktoré ponúkam.

Otázka jedna: používaním PHP a MySQL?

Aby ste to urobili, musíte najprv vy a ja vytvoriť tabuľku v databáze vašej stránky, ktorá sa bude volať - komentáre. Táto vytvorená tabuľka bude ukladať komentáre do polí s nasledujúcimi označeniami:

id je jedinečný identifikátor.
page_id— toto pole bude uchovávať identifikátor stránky lokality, na ktorej sa nachádza tento komentár.
názov- toto je meno komentátora, ktorý zanechal tento komentár.
textový_komentár— toto je teda text aktuálneho komentára.

Ďalší krok, po vytvorení tabuľky pre komentáre v databáze, musíme implementovať špeciálny kód pre naše budúce komentáre na stránke. Tento kód na stránke umožní našim komentátorom pridávať svoje komentáre k našim článkom. Tu je kód:

Tvoje meno:

Tvoj komentár:

Je to jednoduché HTML formulár komentáre pre stránku. Umiestnite ho na svoj web na miesto, kde je vhodné zanechať komentár k príspevku – prirodzene, pod samotný príspevok.

query("INSERT INTO `komentáre` (`name`, `page_id`, `text_comment`) VALUES ("$name", "$page_id", "$text_comment")");// Pridať komentár do hlavičky tabuľky (" Location: ".$_SERVER["HTTP_REFERER"]);// Presmerujeme späť?>

Posledným krokom pri vytváraní formulára komentárov pre stránku v PHP a MySQL je zobrazenie našich komentárov na stránke lokality. Tu je kód na to:

query("SELECT * FROM `komentáre` WHERE `page_id`="$page_id""); //Načítajte všetky komentáre pre túto stránku, kým ($row = $result_set->fetch_assoc()) ( print_r($row); //Výstup komentárov echo "
"; } ?>

To je všetko! Náš jednoduchý formulár komentárov pre stránku bol vytvorený a môže fungovať na stránke.

To ale určite nie je pre začiatočníka, ktorý sa nebude trápiť s tým všetkým HTML, PHP a MySQL kódom. Ani sa nenaučí vytvárať databázu. Potrebuje všetko naraz, rýchlo a bez bolesti hlavy. Mám pravdu? Samozrejme, že máš pravdu!

Potom prejdime na ďalšiu časť môjho materiálu a zistime všetko o hotových systémoch komentárov pre web a vyberte si ten najpohodlnejší, najfunkčnejší a najprijateľnejší pre váš web...

Systémy komentárov pre stránku. Ktorý si vybrať?

Ako pridávať komentáre na stránke- toto je dôležitá otázka, pretože komentáre na stránke zohrávajú dôležitú úlohu nielen pri komunikácii medzi majiteľom stránky a návštevníkom, ale komentáre sú dôležité aj pre SEO propagácia a propagáciu.

Pomocou komentárov na stránke sa pozícia stránky vo výsledkoch vyhľadávania zvyšuje a zlepšuje behaviorálne faktory, návštevnosť stránok sa zvyšuje a následne sa zvyšujú aj vaše zárobky. Vidíte, aké dôležité sú komentáre pre stránku!

Tak sa na to poďme pozrieť ako pridávať komentáre na stránke a ktorý systém pripomienkovania vybrať najlepšiu možnosť?

Vo všeobecnosti sa komentáre na webových stránkach zobrazujú mnohými spôsobmi. Ide o špeciálne pluginy pre wordpress engine a komentáre z sociálne siete všelijaké veci, ako napr V kontakte s, Facebook, Disqus. Existujú aj nezávislé služby, ktoré ponúkajú napríklad vlastné systémy komentárov pre stránku.

Teraz vám dám jeden tablet, ktorý okamžite umiestni všetko na svoje miesto a nevzniknú žiadne otázky týkajúce sa výberu systému komentárov pre stránku:

Tu jasne a prehľadne vidíte, ktorý komentárový systém je najlepší a niekoľko prezentovaných, ktoré webmasteri na svojich zdrojoch najčastejšie využívajú. Myslím, že vysvetlenia sú tu zbytočné a výber je na vás!

Krok 1 – XHTML

Najprv sa pozrime na označenie komentárov. Tento kód generované PHP s triedou Komentujte .

demo.php

div avatar obsahuje odkaz (ak používateľ pri pridávaní komentára zadal správnu URL) a obrázok avatara, ktorý získame z gravatar.com. Vrátime sa ku generovaniu značiek v kroku PHP. Nakoniec nasledujte div názov div čas a text komentára.

Ďalším dôležitým prvkom v XHTML je formulár komentárov. Je poslaná s POST. Všetky polia okrem URL musia byť vyplnené.

demo.php

Formulár sa odosiela pomocou AJAX. Kontrola prebieha na pozadí odoslať.php. Každé pole má zodpovedajúci prvok štítok s nastaveným atribútom pre .

Krok 2 - PHP

Komunikáciu s databázou zabezpečuje PHP údaje MySQL a vygeneruje označenie pre komentár. Tiež dostane semeno Žiadosť AJAX a vloží údaje komentára do tabuľky komentáre.

demo.php

/* / Vyberte všetky komentáre a vyplňte pole $komentárov objektmi */ $komentáre = pole(); $vysledok = mysql_query("VYBERTE * Z komentárov ORDER BY id ASC"); while($row = mysql_fetch_assoc($result)) ( $comments = new Comment($row); )

Dotaz MySQL vyberie všetky záznamy z tabuľky a vyplní pole $komentárov objekty triedy komentovať. Toto pole sa pri spustení skriptu zobrazí ďalej.

demo.php

/* / Tlač komentárov jeden po druhom: */ foreach($comments as $c)( echo $c->markup(); )

Každý komentár má svoju metódu značka(), ktorý generuje správne HTML kód pripravený na zobrazenie na stránke. Nižšie sú uvedené definície tried a metód.

Trieda získa riadok z databázy (získaný pomocou mysql_fetch_assoc()) a uloží ho do premennej $data. Je k dispozícii iba pre metódu triedy.

comment.class.php - 1. časť

class Comment ( private $data = array(); public function __construct($row) ( /* / Constructor */ $this->data = $row; ) public function markup() ( /* / Táto metóda vypíše XHTML značku pre komentár */ // Nastavíme alias, aby sme nemuseli zakaždým zapisovať $this->data: $d = &$this->data; $link_open = ""; $link_close = ""; if($d["url"])( // Ak bola adresa URL zadaná pri pridávaní komentára, // určenie otváracích a zatváracích značiek odkazu $link_open = ""; $link_close = ""; ) // Konvertovať čas do formátu UNIX: $d["dt"] = strtotime($d["dt"]); // Potrebné na nastavenie predvoleného obrázka: $url = "http://".dirname($_SERVER["SERVER_NAME"].$_SERVER["REQUEST_URI"])."/img/default_avatar.gif"; vrátiť sa" "; }

Skript používa gravatar na znázornenie avatara v komentároch. Gravatar je veľmi užitočná služba, ktorá spája avatara s e-mailovou adresou. Obrázok avatara možno ľahko získať odovzdaním zakódovanej funkcie md5() svoju e-mailovú adresu na gravatar.com.

Skript určí URL, kde sa vykoná, a určí presnú adresu obrázka default_avatar.gif. Tento obrázok sa prenáša paralelne s hashom md5 a ak sa pre prenášanú e-mailovú adresu nenašiel žiadny avatar, zobrazí sa alternatívny obrázok.

comment.class.php – 2. časť

verejná statická funkcia validate(&$arr) ( /* / Táto metóda sa používa na overenie údajov odoslaných cez AJAX. / / V závislosti od správnosti údajov vracia hodnotu true/false a vyplní / pole $arr, ktoré je odovzdané ako parameter s údajmi alebo chybovou správou. */ $errors = array(); $data = array(); // Použite funkciu filter_input zavedenú v PHP 5.2.0 if(!($data["email"] = filter_input(INPUT_POST,"email ",FILTER_VALIDATE_EMAIL))) ( $errors["email"] = "Zadajte platný e-mail."; ) if(!($data["url"] = filter_input(INPUT_POST,"url" ,FILTER_VALIDATE_URL))) ( // Ak bola do poľa URL zadaná nesprávna adresa URL, // správajte sa, ako keby adresa URL nebola zadaná: $url = ""; ) // Použite filter s funkciou spätného volania: if(! ($data["body"] = filter_input(INPUT_POST,"body",FILTER_CALLBACK,array("options"=>"Komentár::validate_text")))) ( $errors["body"] = "Zadajte komentár text."; ) if(!( $data["name"] = filter_input(INPUT_POST,"name",FILTER_CALLBACK,array("options"=>"Comment::validate_text")))) ( $errors["name "] = "Zadajte meno."; ) if(!empty($errors))( // Ak sa vyskytnú chyby, skopírujte pole $errors do $arr: $arr = $errors; return false; ) // Ak sú údaje zadané správne, vymažte údaje a skopírujte to do $arr : foreach($data as $k=>$v)( $arr[$k] = mysql_real_escape_string($v); ) // email musí byť v malými písmenami: $arr["e-mail"] = strtolower(trim($arr["e-mail"])); vrátiť true; )

Metóda potvrdiť()(tiež súčasť triedy) definovaná ako statické. To znamená, že ho možno volať priamo pomocou konštruktu Komentár::validate(), bez vytvorenia objektu triedy. Táto metóda kontroluje údaje odosielané cez AJAX.

Metóda používa Nová funkcia filter, ktorý sa stal dostupným v PHP 5.2.0. Takto môžeme jednoducho kontrolovať a filtrovať dáta, ktoré sa prenášajú do skriptu. Napríklad, filter_input(INPUT_POST,’url’,FILTER_VALIDATE_URL) znamená, že kontrolujeme, či $_POST["url"] správne URL adresa. Ak áno, potom funkcia vráti hodnotu premennej, inak vráti hodnotu falošný.

Pred použitím takejto funkcie bolo potrebné použiť regulárne výrazy na overenie údajov (pomocou série konštruktov ak). Ďalšia výhoda je, že údaje dostaneme pred vykonaním akýchkoľvek špecifických transformácií.

Je tiež možné zadať funkciu, ktorá vykoná dodatočné úpravy údajov.

comment.class.php – 3. časť

súkromná statická funkcia validate_text($str) ( /* / Táto metóda sa používa ako FILTER_CALLBACK */ if(mb_strlen($str,"utf8")<1) return false; // Кодируем все специальные символы html (<, >, ", & .. atď) a skonvertujte // znak nového riadku na značku
: $str = nl2br(htmlspecialchars($str)); // Odstráňte všetky zostávajúce nové riadky $str = str_replace(array(chr(10),chr(13)),"",$str); return $str; )

Posledná metóda validate_text odovzdané ako návratová funkcia v dvoch hovoroch filter_input. Prevádza všetky špeciálne znaky HTML, čím efektívne blokuje XSS útoky. Tiež nahrádza nové riadky značkami
.

odoslať.php

/* / Toto pole bude vyplnené buď údajmi /, ktoré sa prenesú do skriptu, / alebo chybovými hláseniami. /*/ $arr = pole(); $validates = Comment::validate($arr); if($validates) ( /* Všetko je v poriadku, vložte údaje do databázy: */ mysql_query(" INSERT INTO comments(name,url,email,body) VALUES ("".$arr["name"]." ", "".$arr["url"].", "".$arr["e-mail"].", ".$arr["body"]."")"); $arr["dt "] = date("r",time()); $arr["id"] = mysql_insert_id(); /* / Údaje v $arr sú pripravené pre dopyt mysql, / ale potrebujeme výstup na obrazovku , takže / pripravte všetky prvky v poli: /*/ $arr = array_map("stripslashes",$arr); $insertedComment = new Comment($arr); /* Vypíše označenie novo vloženého komentára: */ echo json_encode(array("status "=>1,"html"=>$insertedComment->markup())); ) else ( /* Zobrazenie chybových hlásení */ echo "("status":0,"errors":" .json_encode($arr )")"; )

odoslať.php dostane komentár z údajov prostredníctvom požiadavky AJAX. Overí ho a vypíše objekt JSON obsahujúci buď označenie XHTML s vloženým komentárom, alebo zoznam chýb. jQuery používa vlastnosť postavenie určiť, čo sa má vytlačiť – buď chybové hlásenie, alebo pridanie komentára na stránku.

Nižšie sú uvedené dva príklady.

Úspešná odpoveď

( "status": 1, "html": "Html kód komentára prichádza sem..." )

Nehnuteľnosť html obsahuje kód komentára.

Chybová odpoveď

( "stav": 0, "chyby": ( "e-mail": "Zadajte platný e-mail.", "body": "Zadajte telo komentára.", "meno": "Zadajte meno." ) )

Ak sa vyskytne chyba, jQuery prechádza objektom chýb a zobrazuje správy vedľa polí, ktoré obsahujú chyby.

Krok 3 – CSS

Teraz, keď je označenie správne vygenerované a zobrazené na stránke, môžeme prejsť k nastaveniu štýlov.

styles.css - 1. časť

.comment, #addCommentContainer( /* Štýl pre komentáre */ padding:12px; width:400px; position:relative; background-color:#fcfcfc; border:1px solid white; color:#888; margin-bottom:25px; / * CSS3 zaoblené rohy a tiene */ -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; -moz-box-shadow:2px 2px 0 #c2c2c2; -webkit-box- shadow:2px 2px 0 #c2c2c2; box-shadow:2px 2px 0 #c2c2c2; ) .comment .avatar( /* / Avatar je umiestnený absolútne. / Vonkajšie odsadenie pre div komentára /*/ výška:50px; vľavo:- 70px; pozícia:absolútna; šírka:50px; background:url("img/default_avatar.gif") no-repeat #fcfcfc; /* Zvisle na stred: */ okraj-vrchol:-25px; hore:50%; -moz- box-shadow :1px 1px 0 #c2c2c2; -webkit-box-shadow:1px 1px 0 #c2c2c2; box-shadow:1px 1px 0 #c2c2c2; )

div .komentár A #addCommentContainer mať rovnaký štýl. Používa niekoľko pravidiel CSS3 na zaoblenie rohov a odrazenie tieňov.

styles.css – 2. časť

.comment .avatar img( display:block; ) .comment .name( font-size:20px; padding-bottom:10px; color:#ccc; ) .comment .date( font-size:10px; padding:6px 0; position:absolute; right:15px; top:10px; color:#bbb; ) .comment p, #addCommentContainer p( font-size:18px; line-height:1.5; overflow-x:hidden; ) #addCommentContainer input, # addCommentContainer textarea( /* Štýl vstupu */ display:block; border:1px solid #ccc; margin:5px 0 5px; padding:3px; font-size:12px; color:#555; font-family:Arial, Helvetica, sans -serif; ) #addCommentContainer textarea( width:300px; ) label( font-size:10px; ) label span.error( color:red; position:relative; right:-10px; ) #submit( /* Tlačidlo Odoslať " * / background-color:#58B9EB; border:1px solid #40A2D4; color:#FFFFFF; kurzor:pointer; font-family:"Myriad Pro",Arial,Helvetica,sans-serif; font-size:14px; font -weight :bold; padding:4px; margin-top:5px; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; ) #submit:hover( background-color:# 80cdf5; border-color:#52b1e2; )

V druhej časti nastavujeme štýly komentárov a formulárových prvkov. Všimnite si volič vstup ktorý zvýrazňuje prvky na základe atribútu typu.

Krok 4 - jQuery

Teraz prejdime k jQuery.

script.js

$(document).ready(function())( /* Nasledujúci kód sa spustí až po načítaní modelu DOM */ /* Tento príznak zabraňuje odoslaniu viacerých komentárov: */ var working = false; /* Zachytenie formulára udalosť odoslania: */ $(" #addCommentForm").submit(function(e)( e.preventDefault(); if(working) return false; working = true; $("#submit").val("Working. ."); $("span .error").remove(); /* Odoslať polia formulára na odoslanie.php: */ $.post("submit.php",$(this).serialize(),function( msg)( working = false; $ ("#submit").val("Submit"); if(msg.status)( /* / Ak bolo vloženie úspešné, pridajte komentár / pod posledný na stránke s efekt slideDown /*/ $(msg.html).hide ().insertBefore("#addCommentContainer").slideDown(); $("#body").val(""); ) else ( /* / Ak vyskytli sa chyby, prejdite cez objekt / msg.errors a zobrazte ich na stránke /*/ $.each(msg.errors,function(k,v)( $("label").append(" "+v+""); )); ) ),"json"); )); ));

Používame volanie funkcie $(document).ready(), ktorý viaže funkciu na udalosť. Variabilné pracovné funguje ako príznak, ktorý signalizuje, že prebieha požiadavka AJAX (čím sa zabráni duplikáciám toho istého komentára).

Vo funkcii návratu pre požiadavku AJAX POST skontrolujeme vlastnosť postavenie zistiť, či bol komentár úspešne vložený. Ak áno, výsledné označenie pridáme na stránku za posledný komentár s animáciou zošmyknúť sa.

Ak sa vyskytli problémy, zobrazíme chybové hlásenia pridaním rozpätie chyba na príslušný prvok štítok(atribút prvku štítok obsahuje id vstup, ktorý má chybu).

Pripravený!

Záver

Ak chcete spustiť skript na vašom serveri, musíte vytvoriť tabuľku komentáre vo vašej databáze MySQL. Môžete to urobiť pomocou kódu SQL zo súboru table.sql, ktorý je potrebné zadať na záložke SQL v phpMyAdmin. Potom je potrebné v súbore nastaviť parametre pripojenia k databáze MySQL pripojiť.php .

Čas čítania: 55 min

Pekný deň všetkým.

Teraz nastal čas na dlho očakávaný materiál o mikroznačkách.

Okamžite poviem, že tento článok bude spočiatku dosť ťažké pochopiť, najmä pre začiatočníkov, pretože existuje veľa možností pre mikroznačky a je ťažké dostať to všetko do hlavy naraz. Ale pokúsim sa opísať celkový obraz a zároveň sa zamerať na to najdôležitejšie a bežné.

Materiál je pomerne objemný, ale dúfam, že vám pomôže vytvoriť mikroznačky na stránke.

V poslednej dobe som si všimol, že veľa ľudí je posadnutých mikroúdajmi. Stalo sa tak po tom, čo o tom začali energicky diskutovať rôzni SEO blogeri. Poďme však na to, prečo sa to vôbec používa a či je potrebné tomu venovať toľko pozornosti. Stojí hra za sviečku?

Čo je mikroznačka a prečo je potrebná?

Ak počujete mikroznačenie alebo sémantické označenie stránky (stránky), vedzte, že to znamená označenie stránky pomocou doplnkových atribútov (tagov), ktoré dávajú vyhľadávačom predstavu o jednotlivých prvkoch stránky a označujú ich obsah.

Musíte pochopiť, že bežná stránka je už označená, ale používajú sa obvyklé všeobecne akceptované značky a atribúty. To je celkom dosť pre vyhľadávače a mnohé stránky stále existujú týmto spôsobom a celkom úspešne prosperujú.

Ak však chceme pomôcť vyhľadávačom porozumieť našej stránke, nasmerovať ich na dôležité oblasti stránky, pochopiť jej štruktúru, poukázať na obsah tých oblastí, ktorým je potrebné najprv venovať pozornosť, potom je potrebné implementovať mikro- markup, to znamená pridať určité značky a atribúty, ktoré budú všetko označovať.

Pomôžeme tým nielen vyhľadávačom, ale aj našej stránke, keďže mikroznačenie sa používa nielen na pochopenie štruktúry a obsahu stránky, ale aj na vytváranie výsledkov vyhľadávania, tvoriacich funkčné a atraktívne úryvky, ktoré ovplyvňujú klikateľnosť. miera prekliknutia (CTR) vydávanej stránky. A to je nárast celkovej návštevnosti stránky.

Pozoruhodný príklad takýchto úryvkov si môžete pozrieť nižšie.

Na tomto obrázku môžete vidieť, čo ho dopĺňa a robí výraznejším medzi sivou masou iných stránok vo výsledkoch vyhľadávania. Použil som tiež šípky na zvýraznenie cesty v strúhanke, ktorá zobrazuje jasnú štruktúrovanú cestu k materiálu na stránke, a nie jednoduchú nejasnú adresu URL.

Tento navigačný reťazec je celkom jednoduchý. Jediné, čo musíte urobiť, je nainštalovať ich na stránku.

Tu je ďalšia možnosť pre bohaté úryvky.

Tá istá možnosť umožňuje návštevníkovi okamžite pochopiť, o čom stránka je a čo mu môže dať. Ak je úryvok v tomto prípade zostavený správne, používateľ môže okamžite vykonať požadovanú akciu a ako vieme, každá stránka musí vykonávať svoje vlastné úlohy (predplatné, nákup atď.).

Súhlaste s tým, že takýto úryvok bude vo výsledkoch vyhľadávania zreteľnejší ako bežný popis stránky, pretože je oveľa väčší. Áno, a vyzerá to pevnejšie.

Poďme si teraz odpovedať na otázku, ktorá sa môže týkať tých, ktorí si myslia, že mikroznačka pomáha pri zvyšovaní pozícií a je jedným z faktorov hodnotenia.

Má mikroznačka vplyv na hodnotenie? Máme po jeho realizácii očakávať nárast pozícií?

Aby sme nepísali naše zdôvodnenie, obráťme sa na pomoc vyhľadávacieho nástroja Yandex. Takže, čo nám o tom hovorí samotný Yandex? citujem:

Bude moja stránka hodnotiť lepšie, ak použijem značky?

Odpoveď: Značky môžu zviditeľniť vašu stránku vo vyhľadávaní Yandex a prilákať tak viac návštevníkov z vašej cieľovej skupiny. Yandex má záujem o to, aby používatelia riešili svoje problémy pomocou vyhľadávania. Jedna z metrík kvality vyhľadávania sa nazýva „šťastie používateľa“. Webové stránky, ktoré zvyšujú „šťastie“, majú vyššie hodnotenie.

Môžeme dospieť k záveru, že značenie neovplyvňuje pozície priamo, ale iba nepriamo, pretože môžeme vytvoriť atraktívnejší úryvok, ktorý sám o sebe privedie k zdroju viac návštevníkov. Potom je to už otázka techniky. Viac návštevníkov znamená viac nahromadených dobrých ukazovateľov o stránkach (ak je obsah kvalitný) a pozície budú postupne pribúdať.

Za zmienku tiež stojí, že tým, že pomáhame vyhľadávačom porozumieť povahe obsahu, jeho typu (informácie, stretnutie, produkt atď.), robíme obsah relevantnejším pre vyhľadávací dopyt a mal by mať vyššie hodnotenie. Možno nie priamo, ale nepriamo - to je isté. Yandex nám to potvrdil (pozri vyššie).

Urobme si teda krátky kontrolný zoznam výhod mikroznačenia na stránke. Sú to tie body, ktoré nepriamo alebo priamo naznačujú kvalitu stránky, zvyšujú jej pozíciu a pomáhajú vyhľadávačom.

1. Po prvé, môžeme konštatovať, že dôvera vyhľadávacích nástrojov k stránke sa zvyšuje, pretože vyhľadávacieho robota nasmerujeme na hlavné prvky stránky bez toho, aby sme sa báli, že s nami niečo nie je v poriadku a bez toho, aby sme sa snažili niečo pred vyhľadávacím robotom skryť. V dôsledku toho je logické, že vyhľadávače si myslia, že im pomáhame a odhaľujeme im „dušu stránky“, čo určite ovplyvní kvalitu indexovania stránky a v konečnom dôsledku aj jej pozície;
2. Po druhé, pri správnom nastavení môžeme zvýrazniť náš úryvok vo výsledkoch vyhľadávania, čo povedie k okamžitému zvýšeniu návštevnosti zdrojových stránok bez zmeny pozície. V konečnom dôsledku zvýšenie návštevnosti povedie k zvýšeniu počtu jednotlivých stránok vo výsledkoch vyhľadávania a stránky ako celku;
3. Do tretice zvyšujeme faktor správania – CTR vo výsledkoch vyhľadávania (mieru prekliknutia). Tento bod veľmi úzko súvisí s predchádzajúcim. Keďže na našu webovú stránku kliká viac ľudí, znamená to, že sme presnejšie pomohli návštevníkovi pochopiť, že naša stránka je kvalitnejšia ako na iných stránkach. To znamená, že web musí byť vo výsledkoch vyhľadávania mierne zdvihnutý.

Takže si myslím, že odpoveď na otázku bola daná.

Je označenie vôbec potrebné? - Áno, potrebujem to.

Samozrejme, ak existuje voľba medzi bolestivou implementáciou značiek na webe a prácou na iných aspektoch, potom by ste sa, samozrejme, nemali sústrediť len na sémantické značky. Je lepšie pracovať na obsahu, ktorý je oveľa dôležitejší ako nejaké technické detaily medzi stovkami či tisíckami iných vecí. Okrem toho teraz môžete zvýrazniť svoj úryvok vo výsledkoch vyhľadávania bez toho, aby ste do šablóny vložili označenie, ale iba nainštalovaním , ktorý už poskytuje označenie hodnotenia.

Keď poznáme hlavné výhody, môžeme prejsť na zváženie hlavných typov sémantických značiek.

Hlavné typy mikroznačiek

Všetko je tu dosť komplikované. Najprv musíte pochopiť, že existujú slovníky mikro značiek a ich syntaxe.

Slovník možno chápať ako mikroznačkový jazyk, ktorý zahŕňa množinu tried a vlastností, ktoré označujú podstatu obsahu stránky. V každom slovníku je každý prvok na stránke identifikovaný pomocou rôznych značiek. Napríklad v slovníku Schema.org je názov dokumentu uvedený pomocou značky „name“, ale mikroformáty používajú triedu CSS vo vnútri bloku prvku, ktorý stojí za to označiť ( Harmanček, kde fn org je v tomto prípade značka názvu).

Každý slovník a syntax má svoje vlastné značky a atribúty, vďaka čomu sú formáty mikroznačiek takzvané vinaigrette. Je naozaj ťažké prísť na všetko.

Syntax sa chápe ako spôsob používania konkrétneho jazyka (slovníka) sémantického značkovania. Syntax určuje, ktoré značky sa použijú na označenie podstaty objektov a ich vlastností na stránke.

Z predchádzajúcej definície o syntaxi bol zavedený pojem esencia. Čo to znamená aplikovateľné na daný problém?

Esencia – zjednodušene povedané, ide o typ informácie (jednotka obsahu, informácie), na ktorú odkazujeme vyhľadávače. Napríklad musíme ukazovať na oznamy na hlavnej stránke blogu, to znamená zvýrazniť podstatu tejto oblasti nejakým tagom a definovať ju ako oblasť oznamov. To isté je potrebné urobiť so stránkou príspevku, kde je potrebné uviesť podstatu oblasti, kde sa obsah (článok) nachádza, to znamená zvýrazniť text ako oblasť obsahu.

Takmer pre každý prvok stránky môžete definovať podstatu, teda uviesť, čo to je: obsah alebo hodnotenie, prípadne komentáre vo všeobecnosti. Na takýchto stránkach teda môžu byť špecifikované entity (ako príklad uvediem jednoduchú šablónu blogu, ako je tá moja):

• Domov - zoznam oznámení;
• Stránka s príspevkami – komentáre, obsah, hodnotenie (ak je k dispozícii), strúhanka;
• Bežná statická stránka – obsah, komentáre (ak existujú).

Okrem toho môžete na každom type stránky označiť rovnaký prvok - hlavičku stránky, pätu (pätu), bočný panel (bočný stĺpec), hlavné menu.

Každá entita má svoje vlastné vlastnosti, napr.

• Oblasť obsahu na stránke s príspevkami – názov článku, text článku, popis, meno autora článku, dátum vydania, kategória, obrázky, videá a iné;
• Plocha pre zoznam oznamov na hlavnej stránke, rubriky a archívy je rovnaká;
• Oblasť komentárov – meno komentátora, dátum, text komentára;
• Oblasť obsahu na bežnej statickej stránke je v podstate rovnaká ako v príspevkoch;
• Oblasť hlavičky stránky – názov, popis;
• Oblasť hodnotenia na stránkach - maximálne hodnotenie, aktuálne hodnotenie, počet hodnotení.
• Oblasť päty (päta stránky) - rok autorského práva;
• Oblasť bočného panela (bočný stĺpec) - názov widgetov;
• Oblasť hlavného menu - odkazy.

Existujú aj ďalšie oblasti s vlastnosťami, ale nebudem ich brať do úvahy, pretože v každom značkovacom slovníku je ich niekoľko desiatok a v označení schema.org sa ich počet spravidla pohybuje v stovkách.

Na to, aké značky a atribúty použiť na označenie entít a vlastností každého z nich, sa pozrieme v praktickej časti tohto článku.

Teraz prejdime k hlavnej myšlienke odseku a zvážme hlavné formáty sémantického označenia. Krátky zoznam základných slovníkov a syntaxí si môžete pozrieť v myšlienkovej mape nižšie.

Nebudeme brať do úvahy všetky slovníky a syntaxe, pretože je to zbytočné. Nebudeš ich potrebovať. Poďme stručne diskutovať o hlavných formátoch značiek:

• Schema.org;
• Otvoriť graf;
• Mikroformáty.

Niektorých ostatných sa trochu dotkneme.

Posledný krok stojí za zmienku ďalší slovník, a to Data Vocabulary, ktorý vyvinula spoločnosť Google a teraz je jeho vývoj pozastavený. Všetka pozornosť sa presunula na Schema.org. Môžeme povedať, že všetky vlastnosti a entity, ktoré boli v tomto značkovacom jazyku, sa stali prototypmi pre značkovanie zo schema.org.

Pokiaľ tomu dobre rozumiem, slovník Data Vocabulary dokáže pracovať so syntaxami: mikroúdajmi a jazykom RDF, čo je veľmi jasne vidieť v pomocníkovi Google k materiálu s mikroznačkami v strúhanke. Existujú 2 možnosti označenia:

1. Označovanie slovníka údajov pomocou mikroúdajov;
2. Označenie slovníka údajov pomocou RDFa.

Trochu predbehnem. Na prvom obrázku môžete vidieť, že mikroúdaje zo Schema.org sa používajú spolu s Data Vocabulary. Faktom je, že strúhanka so schémou zatiaľ nie je podporovaná. Preto sa používa kombinovaná možnosť.

Ktorý značkovací formát je najlepšie použiť?

Myslím, že odpoveď na túto otázku už poznáte, pretože v popise každého typu značiek som uviedol nepopierateľný argument, že samotné vyhľadávače odporúčajú slovník značiek Schema.org. To je presne to, čo musíte použiť. Môže však existovať veľa možností na implementáciu tohto mikroznačenia, a to ako z doplnkov, tak aj zo zavedenia entít a vlastností do šablón dizajnu.

Posledná možnosť je najoptimálnejšia, pretože ide o jednorazovú prácu a mikroznačenie bude úplne na každej stránke. Uvidia ho všetky vyhľadávače, pretože bude zabudovaný do šablóny. Začiatočníci však môžu mať problémy s implementáciou, pretože potrebujú porozumieť kódu svojej šablóny aspoň na minimálnej základnej úrovni a zistiť, ktorá značka zobrazuje názov článku, kde je kód na zobrazenie textu atď. Všetky tieto momenty bude potrebné zabaliť do mikroznačiek.

Tento bod tiež nastoľuje problém kombinovania rôznych slovníkov na jednej stránke. To je prijateľné a v niektorých prípadoch sa tomu nedá vyhnúť. Je to jasne vidieť na príklade označenia v strúhanke, keď sa skombinuje variant označenia Data Vocabulary a označenia mikroúdajov zo Schema.org. Na tom nie je nič zlé. Samotný Yandex o tom hovorí.

Je to na vašom uvážení. Ak sa vám zdá jednoduchšie používať mikroformáty, tak smelo do toho. Ja osobne celý proces ukážem na micro-markup Schema.org, keďže som ho sám implementoval a všetko funguje s napätím bez jedinej chyby.

Ako skontrolovať prítomnosť značiek na webovej stránke

Našou úlohou v tejto fáze je zistiť, či má naša šablóna nejaký formát označenia. Je to celkom možné, pretože väčšina použitých šablón sú preložené témy v anglickom jazyku, ktoré už obsahujú nejaký formát sémantického značkovania. Spravidla ide o značenie v mikroformátoch, ktoré je nám vôbec nanič. Je lepšie, ak tam spočiatku nie je, pretože nás to po odstránení ušetrí od bolesti hlavy.

Ak chcete skontrolovať prítomnosť značiek, môžete použiť validátor mikro značiek od spoločnosti Yandex a nástroj na overenie štruktúrovaných údajov Google. Uprednostňujem a dôrazne odporúčam, aby ste používali validátor Yandex, pretože je oveľa jednoduchší.

Po prechode do validátora Yandex zadáme adresu stránky a klikneme na „Skontrolovať“.

Ak sa zobrazuje „Micro markup not found“, znamená to, že v šablóne nie je žiadne označenie tretej strany. To je veľmi dobré, pretože nemusíte strácať úsilie na jeho odstránenie. Buďte však opatrní, pretože na jednom type stránky nemusia byť žiadne značky, ale na inom budú prítomné (napríklad na stránke s článkom).

Analyzujem teda stránku s príspevkami a ukázalo sa, že komentáre šablóny sú označené mikroformátmi (je prítomný vcard). Dôkazom toho sú rôzne kódy vo výsledkoch skenovania.

Nepotrebujeme mikroformáty, preto by sme ich mali vymazať. Môže sa stať, že vaša šablóna bude označená v iných značkovacích formátoch. Potom by sa mali tiež odstrániť. A je možné, že značky zo Schema.org budú okamžite implementované. To sa tiež stáva, ale veľmi zriedkavo, pretože prakticky neexistujú bezplatné šablóny, ktoré by sa oplatili. Ale tých zlých je tucet.

Teraz sa pozrime na proces odstraňovania značiek tretích strán.

Odstraňuje sa označenie tretej strany

Keďže v mojom prípade sa ukázalo, že ide o značenie tretích strán pomocou mikroformátov, použijem jeho príklad na znázornenie tohto procesu. Ak máte nejaké iné označenie, princíp odstránenia bude podobný.

Všetko spočíva v odstránení značiek a ich atribútov zo značiek, ktoré máte. Jediný rozdiel medzi mikroformátmi a inými typmi mikroznačenia bude v tom, že všetky typy okrem mikroformátov pridávajú nové značky a atribúty. Mikroformáty nič nepridávajú, ale sú zapísané v atribúte class konkrétneho prvku html šablóny (napríklad nadpis článku), ako som písal v odseku o hlavných typoch.

Mimochodom, v bode č. 6 tohto článku uvádzam značkovací kód komentára, ktorý je potrebné vložiť do súboru funkcie šablóny functions.php. Tento kód by mal odstrániť tieto chyby zo značkovania mikroformátov tretích strán. Preto, ak máte tento problém, odporúčam najprv skontrolovať tento kód vo vašej šablóne. Mal by pomôcť. Ušetríte si tak zbytočnú prácu s manuálnou likvidáciou. Ak nič nevyjde, tak všetko robíme ručne, ako popisujem nižšie.

Teraz prejdime k samotnému procesu. Takže skôr bolo jasné, že som mal extra značenie z mikroformátov. Pri kontrole vo validátore sme dostali značku vcard, ktorá vytvára chyby.

Teraz musíme otvoriť priečinok so šablónou, aby sme videli všetky jeho súbory a potom sa obrátime na tie súbory, ktoré sú zodpovedné za zobrazenie tých prvkov, kde sa nachádzajú mikroformáty. Ako to urobiť, pozrite si zoznam nižšie:

Dúfam, že som to vysvetlil celkom jednoducho. Aj keď začiatočník môže mať v hlave väčší zmätok.

Takto pôvodne vyzeral tento kus kódu s vcard v mojom súbore šablóny.

Po zmene to dopadlo takto.

Urobil som aj zmeny v štýloch.

Teraz neexistujú žiadne mikroformáty a dizajn zostal zachovaný v pôvodnom stave.

Takže, keď sme odstránili štandardné označenie (ak bolo prítomné), môžeme vložiť nové zo Schema.org. Začíname tento proces.

Implementácia mikro značenia Schema.org

Začnime malým vysvetlením a teóriou, keďže pred praxou sa treba vždy pripraviť.

Po prvé, stojí za to zistiť, aké súbory musíme poukázať na potrebné entity a ich vlastnosti. Teraz hovorím o súboroch pre motor WordPress. O iných motoroch nepoviem nič, keďže s nimi nepracujem. Princíp označovania zostáva rovnaký. Musíte len určiť súbory, kde sa nachádzajú požadované oblasti na označenie.

• Single.php súbor (súbor záznamu): entita - obsahová oblasť (článok), vlastnosti - dátum vydania, autor, kategória, názov článku, obrázky;
• Súbor Functions.php (v mojom prípade - označenie kódu komentára): entita - komentár, vlastnosti - text komentára, dátum a meno komentátora;
• Súbory so zoznamom oznamov index.php, category.php, archive.php (hlavné, kategórie, resp. archívy): entita - zoznam oznamov, vlastnosti - dátum zverejnenia, autor, kategória, názov článku;
• Súbor page.php (bežná statická stránka - voliteľné): entita - oblasť obsahu, vlastnosti - názov textu a ak je k dispozícii, dátum, autor a iné;
• V súbore header.php označte aj hlavičku - entita bude hlavička a vlastnosti budú názov stránky + popis;
• Súbor sidebar.php (bočný stĺpec): entita - celý bočný panel, vlastnosť - názov každého widgetu;
• Súbor footer.php (päta stránky): entita - celá päta, vlastnosť - dátum autorských práv + názov stránky (názov som si neoznačil);
• Súbor header.php (horná časť zdroja): entita - hlavné navigačné menu, vlastnosť - odkazy + ich kotvy.

Teraz o značkách a atribútoch, ktoré zodpovedajú každému typu entity a ich zodpovedajúcich vlastnostiach. Najprv o entitách.

/***Zoznam oznámení***/ itemscope itemtype="http://schema.org/BlogPosting" /***Obsah stránky príspevku***/ itemscope itemtype="http://schema.org/Article" / ***Komentáre***/ itemprop="comment" itemscope itemtype="http://schema.org/Comment" /***Bežná statická stránka***/ itemscope itemtype="http://schema.org / Článok" /***Bočný panel (bočný panel)***/ itemscope itemtype="http://schema.org/WPSideBar"> /***Päta (päta stránky)***/ itemscope itemtype="http:/ /schema.org/WPFooter"> /***Navigácia na stránke (hlavná ponuka)***/ itemscope itemtype="http://schema.org/SiteNavigationElement"> /***Obrázky***/ itemscope="" itemtype="https://schema.org/ImageObject" /***Trvalý odkaz na stránku***/ itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" /***Organizácia * **/ itemscope itemtype="https://schema.org/Organization" /***Adresa***/ itemscope itemtype="http://schema.org/PostalAddress"

Teraz značky vlastností.

• Názov stránky (textu) - itemprop="headline"
• Vstupný text - itemprop="articleBody" (možno použiť aj na popis, ak je tvorený ako súčasť úplného textu)
• Dátum zverejnenia - itemprop="datePublished"
• Autor - itemprop="author"
• Kategória článku - itemprop="articleSection"
• Obrázok - itemprop="image"
• Text komentára - itemprop="text"
• Meno komentátora - itemprop="creator"
• Dátum komentára - itemprop="datePublished"
• Odkaz (platí pre hlavné menu a obrázok) - itemprop="url"
• Rok autorských práv v päte - itemprop="copyrightYear"
• dátum posledná zmena stránky - itemprop="dateModified"
• Adresa - itemprop="address"
• Ulica - itemprop="streetAddress"
• Index - itemprop="postalCode"
• Umiestnenie adresy - itemprop="addressLocality"
• Telefón - itemprop="telefón"
• Dĺžka obrázka - itemprop="width"
• Šírka obrázka - itemprop="height"
• Logo - itemprop="logo"

Toto sú hlavné vlastnosti, ktoré teraz využijeme.

Ďalšie kroky na označenie šablóny sú pomerne jednoduché.

Každá oblasť, ktorá potrebuje definovať entitu a vlastnosť pomocou vyššie uvedených značiek, je zabalená do nejakého bežného štítku. Môže to byť značka bloku div, značka článku, značka span, hlavička H1 a ďalšie. Aby to bolo lepšie pochopiteľné, názov je takmer vždy zabalený do značky H1, tak to má byť. K dispozícii budú 2 značky: otváracia a zatváracia. A tak s každým prvkom stránky, nielen s hlavičkami.

Myšlienka je taká, že každému požadovanému prvku bude potrebné priradiť značku entity (špecifikujte typ obsahu: článok alebo komentár, alebo zoznam oznámení atď.) a vlastnosti v úvodnej značke.

Teraz cvičte. Napríklad existuje jeden súbor príspevku (článku) single.php. Začnime s jeho označením.

Mikrooznačenie príspevku (článku)

Začnime definovaním entity. Šablóna má spoločnú značku, ktorá zalamuje celú oblasť obsahu príspevku (text článku aj nadpis a komentáre) a pre každého je iná. Pre niekoho to môže byť blok div. Mám tento článok. Prirodzene, táto značka sa otvára na samom začiatku, kde všetok obsah začína, a niekde končí, keď obsah končí.

A práve na začiatku, do značky úvodného článku, musím vložiť značku entity oblasti obsahu na stránke príspevku (kódy som dal trochu vyššie). Dám vám obrázok (na kliknutie) konečného označenia nahrávacieho súboru single.php a potom vysvetlím, čo sa stalo a čo sa nakoniec stalo, ak to niekomu nie je jasné. Obrázok je veľký, no klikateľný, takže naň môžete kliknúť a zobraziť si ho vo väčšej veľkosti, alebo ho otvoriť na novej karte a zobraziť v plnej veľkosti.

Na začiatku sa celá oblasť obsahu príspevku otvorí pomocou značky článku. Bolo to takto:

A stalo sa to takto:

Ako vidíte, značka entity príspevku je súčasťou značky úvodného článku. Teraz vyhľadávací robot pochopí, že toto je oblasť, ktorá obsahuje obsah. Bude túto oblasť vnímať ako objekt. Je to veľmi dôležité.

Mimochodom. Mnoho ľudí nastavuje hodnotenia článkov bez doplnku a po skontrolovaní stránky vo validátore Yandex alebo Google sa im povie, že predmet kontroly nie je špecifikovaný. Je to spôsobené tým, že hodnotenie je zverejnené samostatne. Musíte ho umiestniť do tejto oblasti, ktorá musí byť definovaná značkovacou značkou ako oblasť obsahu (alebo objekt recenzie). Potom bude hodnotenie patriť objektu, teda článku. Potom už nebudú žiadne chyby.

Vráťme sa k procesu. Najprv sme umiestnili podstatu objektu (celú hlavnú plochu sme obalili spoločným tagom) a následne sme označili jeho vlastnosti, teda sekundárne údaje: dátum vydania, autora, telo článku (samotný text) , informácie o vydavateľovi (adresa, organizácia, logo), dátum poslednej zmeny stránky, adresa domovskej stránky a pod. Všetko je úplne rovnaké - vo vnútri každej otváracej značky požadovaného prvku uvádzame zodpovedajúce parametre. Nižšie uvádzam vysvetlenie toho, čo sa stalo pred vykonaním zmien a čo sa stalo potom.

Spočiatku skopírujeme 2 riadky kódu hneď za úvodnú značku, ktorá zalomí celú oblasť obsahu. Pre mňa je to značka článku s entitou vo vnútri, ktorá bola umiestnená skôr v texte.

"/>

• Prvý riadok je zodpovedný za výstup riadku, ktorý ukazuje na adresu stránky a hovorí, že táto konkrétna stránka je hlavná.
• 2. riadok - dátum poslednej úpravy stránky.

Potom v ďalšom riadku uvádzame údaje o vydavateľovi, t.j. o tom, kto materiály zverejňuje. To zahŕňa niekoľko subjektov naraz (Organizácia - adresa v nej, obrázok - logo). Dám vám kód, stačí nahradiť rady v ňom vašimi údajmi. Či dáte skutočné alebo nie, je na vás, ale ak to Google stále robí, aby zlepšil výsledky a ukázal vaše údaje, aby sa zvýšila vaša dôveryhodnosť, potom by som označil tie skutočné. Vo všeobecnosti je to každého vec. Tu je kód.

názov ulice index krajina, región, mesto telefón

Ak si všimnete, vo vyššie uvedených kódoch je značka štýlu display:none, ktorá hovorí, že tieto údaje nie je potrebné zobrazovať na stránke, ale iba v zdrojovom kóde, aby ich videl vyhľadávač. V skutočnosti toto potrebujem. Tento štítok sa nachádza na riadkoch 2 a 9 a skrýva zobrazenie loga a adresy. Ak chcete zobraziť, odstráňte tieto štýly. V budúcnosti to urobím, keď blog radikálne prerobím, navrhnem ho na kompaktný, krásny blog, ktorý bude dobre zapadať do dizajnu a poskytne informácie o mne.

Čo sa týka loga, mnohí ho jednoducho nemajú. Navrhujem urobiť nasledovné - buď vytvorte malý obrázok a napíšte naň názov stránky s adresou (najjednoduchšia možnosť loga) alebo nahrajte svoju fotografiu (najlenivejšia možnosť). Mám logo, tak som si ho zaregistroval.

Takže teraz označíme nasledujúce informácie. Tu to bude jednoduchšie. Musíte len nájsť všetky ostatné potrebné kódy, ktoré zobrazujú tú alebo onú informáciu (názov, kategória, dátum vydania, autor) a vložiť potrebné značky vlastností značky schema.org do ich otváracích značiek, v ktorých sú uzavreté.

Názov príspevku. bol:

Dátum publikácie. bol:

Konstantin Chmelev

Konstantin Chmelev

".$current_category_name."

".$current_category_name."

Text článku. bol:

tu je kód tretej strany

tu je kód tretej strany

Takmer to isté by ste mali urobiť sami. Rozdiely budú len v tagoch, do ktorých je potrebné umiestniť tagy entity a property. Ich poradie môže byť tiež odlišné. Alebo sa môže stať, že tam niečo nebude vôbec, napríklad tam nebude dátum zverejnenia alebo odkaz na kategóriu. Potom budete musieť tieto údaje pridať do šablóny.

V predposlednom odseku článku vám dám kódy, ktoré môžete použiť, ak vám zrazu niečo chýba.

Takže teraz musíme skontrolovať našu stránku v nástrojoch Yandex a Google.

Vo validátore Google to bude takmer rovnaké. V týchto údajoch by nemali byť žiadne chyby. Jediná nuansa sa týka mikrooznačovania obrázkov, k čomu sa posúvame ďalej.

Každý obrázok môžete ručne označiť, zabaliť do podstaty obrázkov a špecifikovať potrebné vlastnosti, čo je však dosť nepohodlné, keď je v každom príspevku niekoľko desiatok obrázkov. Použime nasledujúci kód.

Funkcia micro_images_captions ($a , $attr, $content = null)( extract(shortcode_atts(array("id" => "", "align" => "alignnone", "width" => "", "caption" = > ""), $attr)); if (1 > (int) $width || empty($caption)) return $content; $caption = html_entity_decode($caption); if ($id) $id = "id ="" . esc_attr($id) . "" "; return "

" . do_shortcode($content) ."

". $caption."

";) funkcia micro_image($content) ( $ar_mk = "! !si"; $br_mk = " "; $obsah = preg_replace($ar_mk, $br_mk, $obsah); return $obsah; ) add_filter("obsah", "micro_image"); add_filter("img_caption_shortcode", "micro_images_captions", 10, 3);

Teraz už nemusíte pridávať značku na označenie obrázka do každého článku. Ideme do validátora, skontrolujeme stránku s aspoň jedným obrázkom a uvidíme ďalší obrázok.

Nemali by tam byť žiadne chyby. Všetko je čisté. Každý obrázok by mal byť zabalený so značkami, rovnako ako na obrázku vyššie.

Mikroznačka hlavnej stránky

Tu musíte zabaliť kód, ktorý zobrazuje zoznam oznámení, so značkou entity zoznamu oznámení. To sa robí presne rovnakým spôsobom. Vnútri všeobecnej značky, ktorá obalí všetok kód v šablóne, umiestnime požadovanú značku (podstatou zoznamu blogových príspevkov je blogpostovanie, alebo to môžete urobiť analogicky so stránkou príspevku -článok). Pozrite si obrázok (na kliknutie).

Ako vidíte, môj zoznam oznámení sa zobrazuje pomocou značky li list, to znamená, že každý oznam je v ňom uzavretý. Vnútri zoznamu je takmer rovnaký ako vo vnútri samotného záznamu – sú tam dátumy, meno autora, názvy sekcií, adresa, logo, vydavateľ a pod. Môžete to jasne vidieť na stránkach blogu. Štruktúra je podobná, len text článku nie je úplný. Vo všeobecnosti je označenie úplne rovnaké ako na stránke s príspevkami, s výnimkou značky entity oznámenia blogpostu.

Pre stránku s oznámeniami je tiež potrebné použiť mierne odlišný kód na označenie obrázkov, pretože nezobrazuje len obrázky, ale aj miniatúry. Mikrooznačenie miniatúr sa bude vykonávať pomocou takmer podobného kódu. Ak sa predtým museli označovať ručne, teraz to nemá zmysel. Tu je kód (umiestňujeme ho aj do súboru functions.php).

Funkcia micro_thumbnail($content) ( $ar = "!!si"; $br = ""; $content = preg_replace($ar, $br, $content); return $content; ) add_filter("post_thumbnail_html", "micro_thumbnail ");

Kontaktujeme validátora a skontrolujeme domovskej stránke. Ukázal som vám len 2 oznámenia, pretože... celá obrazovka bude veľmi veľká.

Takýchto príspevkov na blog bude toľko, koľko je oznámení na tejto stránke. Ak ste namiesto blogpostu použili článok, potom budete mať niekoľko článkov v závislosti od počtu oznámení.

Pretože domovskej stránke Keďže je štruktúrou podobná stránkam sekcií a archívov, ich mikroznačenie je totožné. Zoznamy oznámení sa zobrazujú na všetkých typoch stránok.

Zostáva teda už len analyzovať označenie komentárov, čo je pre začiatočníka pomerne komplikovaný proces. Zostali aj bežné statické stránky. Princíp ich označenia je podobný záznamom, takže to nebudem ukazovať.

Takže komentáre. Zjednodušme si úlohu na vloženie jedného kódu do súboru functions.php a úpravu funkcie, ktorá zobrazuje komentáre na stránkach webu. Najprv vezmite nasledujúci kód a umiestnite ho do súboru functions.php na úplný začiatok, tesne pred úvodnú značku< ?php. Если будет выдавать ошибку, можно попробовать его разместить после закрывающего тега?>na samom konci súboru.

Existuje aj možnosť umiestnenia, keď potrebujete odstrániť otvor v tomto kóde na samom začiatku php kód(vymazať< ?php) и в самом конце его закрытие (удалить?>). Potom musíte kód umiestniť nie pred alebo za úvodný (záverečný) php tag, ale do týchto tagov vedľa všetkých ostatných funkcií. Niekedy som narazil na problém, keď táto konkrétna možnosť umiestnenia funguje.

Kód nefunguje na všetkých šablónach!

< id="komentár-">

%s:

"), get_comment_author_link()); ?>comment_approved) : ?>

$add_below, "depth" => $depth, "max_depth" => $args["max_depth"]))); ?>

$add_below, "depth" => $depth, "max_depth" => $args["max_depth"]))); ?>