HTML: Vytvorenie a pridanie favicon. Prečo sa favicon nezobrazuje?

Favicon (favicon je skratka pre Favorite icon, v preklade z angličtiny znamená obľúbená ikona) je ikona, známa aj ako skratka, ikona webovej stránky alebo ikona záložky. Favicon je bežný grafický obrázok(obrázok) spojený s konkrétnou webovou stránkou alebo webom. Prehliadače, ktoré podporujú pridanie favicon, ju zvyčajne zobrazujú v paneli s adresou a na kartách vedľa názvu stránky, niektoré prehliadače ju používajú ako ikonu pre skratku uloženú na ploche. Vyhľadávací nástroj Yandex pripisuje favicon veľký význam a zobrazuje ho spolu s výsledkami vyhľadávania.

Tvorba

Na vytvorenie favicon môžete použiť takmer akýkoľvek editor obrázkov, ale zvolený formát obrázka musí byť 16 x 16, 32 x 32 alebo 64 x 64 pixelov s použitím 8-bitovej alebo 24-bitovej farby. Obrázok musí mať príponu PNG (štandard W3C), GIF alebo ICO.

Pri vytváraní obrázka by ste mali venovať pozornosť nasledujúcim nuansám:

  • Favicon by mal byť vyrobený v rovnakom štýle ako stránka, pretože je akousi vizitkou vášho projektu.
  • Obrázok, ktorý chcete použiť ako favicon, by mal byť čo najjednoduchší na pochopenie, je lepšie použiť len niekoľko prvkov.
  • Uistite sa, že favicon čo najviac vyjadruje podstatu vašej stránky, podnikania, projektu.
  • Je lepšie vytvoriť obrázok tak, aby vyvolával asociácie medzi návštevníkmi vašej stránky. Napríklad ikona telefónu pre salón mobilných telefónov.

Príkladom programu, ktorý vám umožňuje vytvárať ikony, je Favicon Create (stiahnutie) – ide o najjednoduchší program. Na zhotovenie ikony vám postačí obyčajný obrázok vo formáte *.jpg alebo *.bmp, ktorý je možné vyrobiť v akomkoľvek grafickom editore aj v rovnakom nátere. Načítame obrázok do programu, potom vyberieme veľkosť, farebnú hĺbku a stlačíme tlačidlo štart. Všetko je pripravené.

Pridáva sa favicon

Ak chcete pridať favicon na webovú stránku na začiatok dokumentu HTML, musíte zadať iba jeden riadok so značkou , v ktorom musíte zadať atribút rel, ktorý prehliadaču indikuje, že pridávame ikonu, atribút href obsahujúci adresu nášho obrázka a atribút type označujúci, aký formát obrázka používame:



Poznámka: Upozorňujeme, že pre každú webovú stránku alebo pre každú časť lokality môžete zadať svoju vlastnú favicon.

Tabuľka ukazuje rôzne možnosti pridanie favicon a poskytovanie podpory prehliadača:

Google Chrome internet ExplorerFirefoxOperasafari
href="http://mysite.ru/myicon.ico">ÁnoÁnoÁnoÁnoÁno
ÁnoÁno (od IE 11)ÁnoÁnoÁno
ÁnoÁno (od IE 9)ÁnoÁnoÁno
ÁnoÁno (od IE 11)ÁnoÁnoÁno
ÁnoÁno (od IE 11)ÁnoÁnoÁno
ÁnoÁno (od IE 9)ÁnoÁnoÁno

Nepodceňujte dôležitosť favicon, najmä v dnešnej dobe, keď sú na internete miliardy stránok a stránok, z ktorých niektoré sú vašimi konkurentmi. Ikona stránky, podobne ako logo, prispieva k jej zapamätateľnosti a rozpoznaniu. Nemalo by chýbať dodatočná príležitosť, vylepšite svoj zdroj.

Favicon je malý obrázok na karte prehliadača, ktorý identifikuje vašu stránku. Slúži tiež na pridanie vašej stránky na plochu. mobilné zariadenie Pre rýchly prístup. Absencia favicon na stránke je jedným z 25 najpopulárnejších problémov pri vytváraní stránky.

Ak používate prémiové témy, tieto pokyny pravdepodobne nebudete potrebovať. vo väčšine tém, ktoré som videl, bolo nastavenie favicon dostupné z nastavení samotnej témy. Pozrite sa pozorne, s najväčšou pravdepodobnosťou nájdete príslušnú sekciu a ušetríte sa od čítania materiálu.

Prečo by ste mali pridať favicon na svoju stránku?

Ako už bolo spomenuté vyššie, táto ikona vám umožňuje identifikovať vašu stránku medzi všetkými ostatnými otvorenými v okne prehliadača. Chcem poznamenať, že nie všetky prehliadače zobrazujú ikony stránok, napríklad Safari nie, takže ich jednoducho neuvidíte.

Pozrite sa na obrázok a okamžite pochopíte, ako vyzerajú ikony stránok v prehliadači Google Chrome, napríklad:

Alebo tu je príklad z iného prehliadača - Vivaldi:

Každá z týchto stránok má svoju jedinečnú ikonu a požadovanú stránku si bez problémov otvoríte (s vedomím, kde ktorá) je, bez toho, aby ste prechádzali jednotlivými záložkami a presúvali myš na nadpis. Všetko je na prvý pohľad – stačí si zapamätať ikony stránok, ktoré často používate. Ak ty aktívny používateľ Internet, potom máte s najväčšou pravdepodobnosťou otvorených 30-40 kariet v každom prehliadači. Bez ikon by to bolo veľmi ťažké... :-)

Ako vytvoriť favicon

V najjednoduchšej verzii ide o ikonu štvorcovej veľkosti, ideálne 32x32 alebo 16x16 pixelov, ktorú je možné jednoducho vyrobiť vo Photoshope alebo v akomkoľvek inom grafickom editore. Pre jednoduchosť vytvorte obrázok s veľkosťou 128 x 128 pixelov a potom ho zmenšite na 32 x 32 alebo 16 x 16, kvalita by tým nemala výrazne utrpieť. Potom uložte obrázok vo formáte PNG.

Vytvorte si favicon pomocou online generátora LOGASTER

Vytvorenie favicon online si nevyžaduje žiadne ďalšie úsilie ani špeciálne dizajnérske zručnosti. Medzi rusky hovoriacimi chcem upriamiť vašu pozornosť na službu Logaster.

Najprv musíte vytvoriť logo. Už v tejto fáze si vyberáte ikonu, písmo a farebnú schému loga, ktoré bude slúžiť aj ako základ pre budúcu favicon. Proces je jednoduchý a zaberie len pár minút.

Keď je logo hotové, vyberte možnosť „Vytvoriť favicon s týmto logom“:

Vyberte ikonu, ktorá sa vám páči. Editor tiež ukazuje, ako bude vyzerať v zmenšenej verzii. Uloženú favicon je možné stiahnuť vo formátoch PNG a ICO v rôznych veľkostiach.

Nakreslite ikonu ručne

Ak nevlastníte grafický editor a nechcete kontaktovať dizajnérov na burzách práce, potom je tu druhá možnosť - nakresliť ikonu pomocou online služby. Existuje niekoľko možností: favicon.cc , Faviconer , DynamicDrive . Tam si môžete vybrať aj z hotových možností nahraných inými používateľmi.

Takto vyzerá proces manuálneho vytvorenia ikony v službe Favicon.cc:

Inštalácia favicon na WordPress

Existuje niekoľko možností pripojenia ikony. Prvý je najjednoduchší a prístupný takmer pre každého Nová verzia WordPress – používajte nástroje nášho enginu. Ak máte v nastaveniach motívu možnosť nastaviť ikonu favicon, použite ju.

Tretím spôsobom je pridať dva riadky do súboru témy; štvrtým je použitie pluginov pre túto úlohu. Odporúčam najskôr vyskúšať prvú možnosť, pretože ponechať si ďalšie pluginy nie je to najlepšie. Najlepšie rozhodnutie, najmä na takú jednorazovú operáciu, akou je favicon pre stránku.

Mnohé neštandardné voľné témy hardcode cestu k ikone v kóde súboru header.php. A ak žiadna z navrhovaných možností nefunguje, musíte otvoriť súbor header.php v adresári témy a odstrániť všetky zmienky v texte so slovom „favicon“. Pomáha - vyskúšajte! :-)

Metóda 1: Použitie sily WordPress

Na druhej strane, ak máte verziu WordPress 4.3 a novšiu, stačí si stiahnuť grafický súbor 512 x 512 pixelov a cez rozhranie " Vzhľad- "Nastavenia" prejdite do časti "Vlastnosti lokality". Potom nahrajte svoj súbor cez WordPress uploader a automaticky sa upraví na všetky požadované veľkosti.

Metóda 2: Použitie nastavení témy

Mnohé témy (prémiové alebo bezplatné) majú nastavenia, ktoré nájdete v časti Vzhľad > Možnosti motívu. V prvom rade by som odporučil prezrieť si všetky dostupné nastavenia a nájsť to, čo platí pre favicon.

Napríklad táto možnosť vyzerá v mojej téme takto:

Rozbaľte tento blok a uvidíte nasledovné:

Teraz už zostáva len nahrať obrázok a uložiť nastavenia. Neprepisujte naslepo adresu mojej ikony z obrázku vyššie – budete mať svoju vlastnú adresu obrázka a s najväčšou pravdepodobnosťou bude vyzerať takto: http://your-site-address.ru/wp-content/uploads/2016/file-name.png.

Toto je najviac rýchly spôsob pripojte favicon k svojej stránke!

Metóda 3: Zahrnutie do súboru header.php

Nahrajte ikonu, ktorú ste vytvorili, na svoj hosting pripojením k FTP, SSH alebo cez Správca súborov váš hostingový panel. Súbor musí byť umiestnený v koreňovom adresári, aby bol k nemu prístupný http://your-site-address.ru/favicon.ico, alebo favicon.png, v závislosti od typu ikony.

Teraz prejdite do hostiteľského adresára s vašou témou (/wp-content/themes/your_theme/) a otvorte súbor header.php na úpravu. Po úvodnom štítku vložte nasledujúci kód:

Alebo zmeňte rozlíšenie na .png, ak máte ikonu tohto typu.

Metóda 4: Plugin "Vložiť hlavičky a päty"

Prejdite do sekcie "Pluginy" - "Pridať nové", vo vyhľadávaní sa pohybujeme v Vložiť hlavičky a päty, nainštalujte nájdený doplnok a aktivujte ho.

Ak ho nenájdete, použite odkaz na oficiálny WordPress repozitár: Vložte hlavičky a päty . Uložte si ho do počítača a nainštalujte cez odkaz „Stiahnuť“, časť „Pluginy“ – „Pridať nový“.

Potom prejdite na položku ponuky "Parametre" - "Vložiť hlavičky a päty" a do oblasti Hlavička vložte kód HTML uvedený v odseku vyššie, aby ste favicon pripojili manuálne.

Nezabudnite kliknúť na tlačidlo „Uložiť nastavenia“, aby ste svoje nastavenia uložili.

Metóda 5: All In One Favicon Plugin

Ak pre vás s predchádzajúcou možnosťou nič nefungovalo, zostáva posledná možnosť - pripojte doplnok s názvom All In One Favicon, inštaluje sa presne rovnakým spôsobom ako všetky ostatné doplnky, takže nebudem písať krok za krokom. Nuansou je, že tento doplnok nebol aktualizovaný viac ako tri roky.

Po inštalácii a aktivácii doplnku prejdite do časti ponuky „Možnosti“ - „Všetko v jednom Favicon“ a pozrite si nasledujúcu obrazovku s nastaveniami:

Nastavenia frontendu – slúži na zobrazenie ikony pri prezeraní stránky od návštevníka; Backend Settings je administratívna časť, môžete ju nechať prázdnu. Zostáva vybrať príslušné ikony a kliknúť na "Uložiť zmeny".

Záver

Ak vám inštalácia ikony nefungovala s niektorou z metód, ktoré som navrhol - napíšte do komentárov, prediskutujeme, ako vyriešiť váš problém. malicherný problém. Ale ako sa mi osobne zdá, tieto možnosti sú viac než dostatočné na vyriešenie takýchto problémov jednoduchý problém. ;-)

Ak sa mi chcete poďakovať za materiál - môžete to urobiť tu :-)

Alebo ma pohostite kávou ;-)

kúp mi kávu

Ak nájdete chybu, zvýraznite časť textu a kliknite Ctrl+Enter.

Ahojte všetci! V tomto článku sa dozviete, čo je favicon, na čo slúži, ako si ho vytvoriť a ako nainštalovať favicon na svoj web. Ako to povedať maličkosť, ale milá.

Čo je favicon a na čo slúži?

Favicon je ikona našej stránky, ktorá je viditeľná na karte prehliadača a zobrazuje sa v úryvku (vo výsledkoch vyhľadávania) niektorých vyhľadávacích nástrojov. Je to ako logo na guľôčkovom pere, nikto tomu nevenuje pozornosť, ale podvedome ho vníma ako znak rozlišovania. Napríklad v Yandex sa favicon zobrazuje, ale nie v Google, a mne osobne to spôsobuje určité nepríjemnosti.


Ako vidíte, v Yandex je jednoduchšie nájsť stránku v zozname so zameraním na favicony ako v Google, pri pohľade na obyčajný text a nejakú rozmanitosť. Ďalším dôvodom, prečo web potrebuje favicon, je možný faktor hodnotenia od spoločnosti Yandex. Na jeho zozname sú stovky faktorov a možno favicon nejakým spôsobom ovplyvňuje problém. V každom prípade, každý rešpektovaný a slušný zdroj na internete by mal mať svoj vlastný štýl, svoje logo a v dôsledku toho aj vlastné insígnie, ako favicon.

Ako vytvoriť favicon pre webovú stránku?

Teraz, keď sme na to prišli a rozhodli sme sa, že potrebujeme favicon, musíme ho vytvoriť. Favicon je ICO obrázok. Nepoviem vám, aký je to formát. Favicon je povolený aj vo formátoch GIF a PNG, ale nie všetky prehliadače podporujú favicon v týchto formátoch, preto vytvoríme obrázok vo formáte ICO, ktorému každý rozumie.

Obrázok musí mať veľkosť 16 x 16 pixelov. Vytvoríme ho vo Photoshope. Obrázok môžete vytvoriť v akomkoľvek inom grafickom editore, na tom nezáleží, pretože aj tak vytvorený obrázok prevedieme do formátu ICO, pretože Photoshop tento formát nepodporuje.

Tvoríme nový súbor 16x16 a prilepte tam obrázok. Obrázok by mal byť jednoduchý a s jasnými obrysmi, aby bolo jasné, čo je zobrazené v malej forme. Uložte súbor vo formáte PNG.

Teraz musíme previesť obrázok do formátu ICO. Urobíme to s online službu favicon.ru Poďme na to a domovskej stránke kliknite na tlačidlo "Vybrať súbor".

Vyberieme obrázok, ktorý sme vytvorili v počítači, počkáme pár sekúnd, stlačíme tlačidlo „Ďalej“ a uvidíme, čo máme. Tu môžete trochu doladiť, ak sa vám niečo nepáči, sprehľadniť niektoré sekcie a ak vám všetko vyhovuje, kliknite na tlačidlo „stiahnuť favicon“ - „stiahnuť“.

Nevýhodou tejto služby je, že je priehľadné pozadie vypĺňa čiernou farbou. Pre každý prípad je tu pre vás ďalšia služba http://tools.dynamicdrive.com/favicon/. Aj tu je všetko jednoduché. Vyberte súbor, kliknite na tlačidlo „Vytvoriť ikonu“ a po niekoľkých sekundách kliknite na „Stiahnuť FavIcon“. Tu však nemôžete upravovať, ale priehľadné pozadie zostáva priehľadné.

Favicon si nemôžete vytvoriť sami, ale stiahnite si hotové obrázky. Na internete je veľa stránok, kde sú zbierky favicon, treba nájsť tú správnu a už len stiahnuť.

Ako nainštalovať favicon na webovú stránku?

Teraz, keď máme súbor, musíme ho nahrať na našu webovú stránku. Pre každý prípad skontrolujeme, že názov súboru je "favicon.ico". Ideme na náš server a nahráme súbor do koreňového adresára stránky. Nie je potrebné nahrávať do koreňového adresára, ale v kóde uvedieme odkaz na koreňový adresár stránky.

Teraz musíte tento kód vložiť sem.

Musíte ho vložiť medzi značky . Ukážem vám príklad obľúbenej worpdress každého z nás. Hľadá sa značka (ctrl+f) v súbore header.php a hneď za ním vložte kód, ako je znázornené na obrázku nižšie.

V iných motoroch je všetko individuálne, ale význam je rovnaký, musíte ho vložiť do hlavičky stránky medzi značky . Teraz viete, ako vytvoriť favicon a ako ju pridať na svoju stránku. Týmto končím tento článok. Dúfam, že som všetko vysvetlil jasne a zrozumiteľne. Ak máte nejaké otázky, opýtajte sa ich v komentároch, pomôžem, ako budem môcť.


Pekný deň všetkým. Ako som sľúbil v lekcii, dnes budem hovoriť o tom, čo je favicon a ako ho nainštalovať na stránku.

Poďme si najprv definovať, čo to je – favicon? favicon- ide o malý obrázok, ikonu, ikonu stránky alebo blogu alebo aj samostatnú webovú stránku, ktorá sa zobrazuje v paneli s adresou prehliadača:


v záložkách, v denníku, na kartách prehliadača:


namiesto štandardnej, spoločnej ikony pre všetkých.

Mnoho prehliadačov automaticky požaduje súbor favicon.ico pre každú stránku, takže ak vaša stránka takýto súbor nemá, je lepšie si ho vytvoriť.

Základný formát obrazu pre favicon.ico- 16x16 pixelov, toto je obrázok, ktorý sa zobrazí v paneli s adresou prehliadača a na ďalších miestach uvedených vyššie. Formát ICO však umožňuje zahrnúť do súboru viacero obrázkov rôznych veľkostí a veľkostí. rôzna kvalita. Okrem štandardnej veľkosti 16x16 sú povolené obrázky s rozmermi 24x24, 32x32, 48x48 a 64x64 pixelov a všetky sú zahrnuté v jednom súbore. favicon.ico, čo znamená, že ovplyvňujú jeho veľkosť a rýchlosť načítania stránky. Preto vám odporúčam, aby ste to v tejto veci nepreháňali.

okrem toho favicon- toto je logo vašej stránky, váš rozlišovací znak, podľa ktorého používatelia vašu stránku ľahko rozpoznajú, takže na vašu stránku tiež priťahuje dodatočnú pozornosť.

Vo výstupe sa teda zobrazujú napríklad ikony vyhľadávač Yandex:



Yandex má tiež špeciálneho robota, ktorý vyhľadáva ikony favicon na webových stránkach. Svoju favicon si môžete pozrieť na: , samozrejme, nahradíte vašou adresou.

Vytvorte favicon Môžete použiť desktopové programy aj online služby.

Tu sú len dve z nich:

favicon.ru

Do favicon.ico v tejto službe môžete zadať cestu k obrázku v počítači alebo na internete, môžete tiež povoliť dve ďalšie veľkosti 32x32 a 48x48 pixelov, ako aj orezať obrázok.



Po nahraní obrázka služba ukáže, ako bude ikona vyzerať



a ponúkne jej stiahnutie alebo úpravu hotovej ikony v existujúcom grafickom editore.



Poznamenám len, že na úpravu alebo ešte viac na kreslenie existujú špeciálne programy v ktorom musíte pracovať také veci. Avšak chuť a farba, ako sa hovorí ...

favicon.cc

Na rozdiel od favicon.ru na favicon.cc budete okamžite vyzvaní na použitie grafického editora. V strede je plátno pozostávajúce z 16x16 štvorcov, ktoré symbolizujú pixely.

Na pravej strane je paleta farieb a niektoré nástroje. V spodnej časti je okno náhľadu, v ktorom sa ikona zobrazuje v reálnom čase počas úprav:



A naľavo od plátna je hlavné menu, v ktorom nás primárne zaujíma položka "importovať obrázok":



Po zadaní cesty k obrázku (stlačením tlačidla "Preskúmanie") a vyberte jednu z dvoch dostupných možností spracovania odovzdaného obrázka. Prvá je pre obrázok s proporcionálnou veľkosťou strán, druhá je pre obrázok s rôznymi veľkosťami. Ak zvolíte druhú možnosť, obrázok sa zdeformuje. Po odovzdaní obrázka (tlačidlo Nahrať) na plátne je už načítaný obrázok pixelovaný. Ak vám výsledok vyhovuje, môžete si ikonu stiahnuť.

Môžete využiť ďalšie podobné služby, ktorých je na internete veľké množstvo. Voľba je samozrejme na vás!

Takže ikona favicon vytvorené! Teraz je čas nainštalovať ho na vaše stránky.
Za týmto účelom nahráme ikonu do koreňového adresára lokality (tu ju hľadajú vyhľadávacie roboty). To znamená, že ikona by mala byť umiestnená na http://website/favicon.ico. A druhým krokom je napísanie špeciálnych značiek medzi značky :


alebo

Komu favicon Nezabudnite vymazať vyrovnávaciu pamäť prehliadača a obnoviť stránku. No to je všetko. Pripravený!

A na záver ešte jedna rada. Ikona sa v prehliadači zobrazí ako obrázok s rozmermi 16 x 16 pixelov. Žiaľ, netreba očakávať, že s takýmto rozlíšením je možné vykresliť niečo komplikované. Ak chcete nakresliť rozoznateľnú ľudskú tvár, musíte začať s veľkosťou obrázka aspoň 48 x 48 pixelov. Preto pri vytváraní ikony favicon pre stránku by ste si mali vybrať dobre rozpoznateľný objekt s jasnými hranicami a kontrastným pozadím. Optimálna voľba pre ikonu favicon- firemné logo alebo jednoduchý obrázok.

Dátum: 2011-06-22

Páči sa mi to

Internet sa prestavuje mobilné siete, prehliadače získavajú nové funkcie - to všetko viedlo k tomu, že dnes sa pojem favicon výrazne rozšíril. V tomto článku sa pozrieme na všetky inovácie a výhody, ktoré vytvorenie a inštalácia ikony pre vašu stránku poskytuje.

Štandardný spôsob

Moderné prehliadače oni sami hľadajú favicon, takže niekedy si vystačíte aj s html kódom. Stačí nahrať favicon.ico do koreňového adresára stránky, aby bol dostupný na https://yoursite/favicon.ico

Ale kvôli spoľahlivosti môžete pridať takúto značku do kódu stránky (medzi )


Toto je tradičný spôsob, ktorý je zodpovedný za zobrazenie ikony na karte prehliadača a vo výsledkoch vyhľadávania Yandex.

rozšírená favicon

Funkcie ikony lokality sa však dnes používajú na mnohých ďalších miestach:

generátor favicon

Väčšinu je možné vykonať iba s jedným online generátorom ikon - https://realfavicongenerator.net

Minimálny povolený obrázok na nahranie je 70 x 70 pixelov, ale ak ho chcete použiť pre každého možné prípady, potom nahrajte vo veľkostiach väčších ako 256 × 256.

Potom môžete vidieť, ako bude vaša favicon vyzerať v dlaždiciach iOS, Android a Windows 8, a zároveň zmeniť nastavenia pre každý prípad: nastaviť individuálny obrázok, zmeniť farbu pozadia, zmeniť mierku ikony.

V možnostiach nechajte všetko tak, ako je: generátor štandardne vytvorí obrázky, ktoré bude potrebné umiestniť presne do koreňového adresára webu (zvyčajne na hostingu sú adresáre /home/, /www/, /public_html/ nazývaný koreň stránky).

Na karte "Kompresia" môžete znížiť hmotnosť ikon (kompresia sa vyskytuje v rozsahu 20-80%, v závislosti od kvality).

Stlačíme Generovať a na výstupe dostaneme archív, ktorého obsah nahráme na už spomenuté miesto a kód, ktorý vložíme do stránky.

Po ich pridaní na stránku môžete skontrolovať výkon tej istej služby.

Obrázok sociálnych médií

Fungujú na podobnom princípe, no hlavný háčik je v tom, že ak používate CMS, môžete hľadať pluginy, ktoré každému článku automaticky pridelia jedinečný náhľadový obrázok (ak nejaký existuje). Ak však CMS neexistuje alebo preň neexistuje vhodný doplnok, budete musieť použiť jeden útržkový obrázok pre všetky príspevky.

WordPress a Facebook (pomocou ukážok príspevkov)

Ak používate doplnok WordPressSEObyYoast, prejdite na stránku „ Sociálne médiá» → «Facebook» a aktivujte položku «Pridať otvorený graf».

Vo všetkých ostatných prípadoch postupujte takto:

  1. Otvorte súbor header.php vašej témy.
  2. Úplne prvý tag zmeniť na
  3. Do sekcie head vložte kód:

$dom = simplexml_load_string(get_the_post_thumbnail());
$src = $dom->attributes()->src;
echo "content="".$src.""";
?>/>

WordPress a VKontakte

Do functions.php pridajte funkciu:

funkcia vk_meta() (
if (has_post_thumbnail())
{
$thumb = wp_get_attachment_image_src(get_post_thumbnail_id($post->ID), pole (600 600));
$url = $palec["0"];
ozvena" " . "\n";
}
}
add_action("wp_head", "vk_meta");

Všeobecný obrázok pre všetky materiály

Ak sa takéto riešenie nenašlo alebo sa vám jednoducho nepáči pridávať ukážky do materiálov stránok, existuje len jedna cesta: vytvoriť jeden obrázok pre všetkých.

Aby sociálne siete „vyzdvihli“ obrázok, pridajte do sekcie hlavy nasledujúci kód:

Akceptované sú formáty .jpg a .png.

Záver

Potrebujete iba štandardnú favicon alebo máte v úmysle využiť jej výhody na maximum, ak už máte hotové logo, premeniť ho na ikonu stránky je otázkou pár minút. Za to vďaka online generátorom. Výsledkom je pridanie niekoľkých riadkov kódu a nahranie niekoľkých súborov – to je všetko, čo sa vyžaduje.



Načítava...
Hore