Hello barátok! Ebben a leckében minden weboldal szerves részéről fogunk beszélni − favicon(favicon). Mielőtt azonban hozzáadnánk az oldalhoz, emlékezzünk arra, hogy mi is az a favicon kép, és miért van rá szükség.
favicon- kicsi a webhelyéhez társított 16 x 16 képpontos grafikus kép. A favicon egyik fő célja az a képesség, hogy vizuálisan azonosítani a webhelyet nagy számban webböngésző lapjai vagy könyvjelzői.
Létrehozhat egy favicont különböző utak, ehhez sok online szerkesztő és egy rakás hasonló szolgáltatás létezik.
Annyi blogon és információs források webmesterek jelezték, hogy a faviconnak csak .ico formátumban kell lennie, de ez tévhit! Létrehozhat egy gyönyörű favicon képet és .png formátum.
Saját kedvenc ikon létrehozásához nyissa meg a Photoshop programot vagy egy másikat grafikus szerkesztőés hozzon létre egy 128 × 128 pixeles négyzet alakú képet, és rajzoljon egy képet a faviconhoz (általában csak a logót vagy annak egy részét). Miután elkészítette a képet, mentse el másként PNG. Bár a legtöbb modern böngészők A webhely ikonja PNG formátumban jelenik meg, nagyon régi Internetes verziók Explorer nem.
Fontos! Miután elkészített egy favicon képet, azt nem kell 16 x 16 pixelre kicsinyíteni! A WordPress megteszi neked!
1. Töltse fel a favicont az aktuális téma (sablon) mappájának gyökerébe. Feltétlenül nevezze meg a favicont - favicon.
wp-content\themes\your_theme
2. Jelentkezzen be a WordPress adminisztrációs paneljére.
3. Nyissa meg a következőt: Kinézet-> Szerkesztő.
4. A jobb oldali listában válassza ki a fájlt a névvel Fejléc (header.php).
5. Ha a favicon benne van png formátumban – másolja ki az alábbi kódot, és illessze be címke alatt .
Ha a formátumban ico- használja a beágyazási kódot:
6. Mentse el a változtatásokat a gombra kattintva "Fájl frissítése".
Ez minden! Amint láthatja, a favicon kép telepítése a WordPressben nem nehéz vagy időigényes feladat.
A favicon hozzáadásának módja, amelyről ebben a leckében beszéltem, nem az egyetlen, de véleményem szerint a leghelyesebb és talán a legegyszerűbb.
Ha valami nem jött össze, nyugodtan írd meg kommentben! Megpróbálok segíteni a problémád megoldásában.
Hello barátok! Ebben a leckében minden weboldal szerves részéről – a faviconról – fogunk beszélni. Mielőtt azonban hozzáadnánk az oldalhoz, emlékezzünk arra, hogy mi is az a favicon kép, és miért van rá szükség. A favicon egy kis 16 x 16 pixeles grafika, amely az Ön webhelyéhez kapcsolódik. A favicon egyik fő célja, hogy képes legyen vizuálisan azonosítani egy webhelyet a webböngésző számos lapján vagy könyvjelzőjében. Favicont sokféleképpen hozhat létre, ehhez sok online szerkesztő és egy csomó hasonló szolgáltatás létezik. A webmesterek sok blogján és információs forrásán fel van tüntetve, hogy a faviconnak csak .ico formátumúnak kell lennie, de ez egy téves vélemény! Gyönyörű favicon képet készíthet...
A Joomla webhely további azonosítása egyedi ikon vagy favicon lehet. A Joomla webhelyen található Favicon megjelenik a böngészőkben a lapok címében és a könyvjelzőkben, valamint a webhely összes oldalán. Alapértelmezés szerint a CMS Joomla által kezelt összes webhely ugyanazokkal a szabványos ikonokkal rendelkezik. Csak a Joomla webhely látható részének és az adminisztrációs panelnek az ikonja különbözik. A webhely azon részének ikonja, amelyet a látogatók látnak, könnyen megváltoztatható.
A webhely ikonjának cseréje csak a webhely optimalizálás szubjektív összetevőjét érinti. A látogató, aki könyvjelzővel látta el a webhely egy oldalát, könnyen megtalálhatja azt az összes könyvjelző listájában. Ezenkívül a webhely ikonja megjelenik a keresési és alkalmazási eszközökben. például a Yandex Webmaster webhelylistájában.
Ezenkívül a szabványos Joomla ikon lecserélésével abbahagyja annak hirdetését, hogy webhelyét a Joomla kezeli, és ez az egyik lépés a webhely biztonságának növelésére.
A Favicon szó két angol szó, a kedvencek és az ikon rövidítése. A Joomla ikonoknak saját szabványuk van. Méretük 16x16 vagy 32x32 pixel legyen. Favicon készült, 256 színben kell lennie. És ami a legfontosabb, a Joomla ikon formátumának favicon .ico formátumúnak kell lennie.
A Joomla webhely ikonjának cseréje néhány egyszerű lépésben történik:
Elemezzük az egyes lépéseket részletesen.
Az interneten számos online eszköz található, amelyekkel bármely fényképből favicon .ico ikont hozhat létre. Itt a következőkre kell figyelni.
Ha azt szeretné, hogy a favicon fehér háttér nélkül legyen, akkor a forrásának átlátszó hátterűnek kell lennie létrehozáskor és formátumban PNG mentéskor. A png-től eltérő fényképformátumok használatával fehér vagy fekete háttérrel rendelkező Favicont kap. Az Interneten található ikonok kiváló tárolóit találja a webhely felső menüjében a Webmestereszközök menüpontban.
A favicon generátorokat saját maga is megtalálhatja, ha beírja a keresőmezőbe: favicon generator Itt megadom az ikongenerátorok címét.
A helykönyvtár azon helyével, ahová az oldal új ikonját (faviconját) kell feltölteni, a helyzet a következő.
Korábban a favicon .ico kötelező elhelyezése az oldal gyökérkönyvtára volt. Most egy kicsit enyhült a helyzet. A dinamikus sablonok használata lehetővé teszi, hogy egy ikont töltsön fel a webhely bármely könyvtárába, csak a kódban (lent) kell egyértelműen megadnia a könyvtár elérési útját. Ugyanakkor emlékeznie kell arra, hogy minél távolabb van az ikon a webhely gyökerétől, annál tovább tart a betöltése a böngészőben. És az oldal betöltésének sebességéért küzdeni kell, még apró dolgokban is.
class="eliadunit">
Ezért azt tanácsolom, hogy töltse fel a fő favicont a Joomla webhely gyökerébe. A letöltéshez FTP-kliensre vagy jogosultságra van szüksége a tárhely adminisztrációs paneljén. Új ikon (favicon ) feltöltése előtt ellenőrizze az összes webhelymappát, és távolítsa el vagy nevezze át a régi kedvenc ikonokat, amelyek esetleg telepítve voltak a feltöltött sablonokban. Külön ellenőrizze a mappát a sablonnal. Távolítsa el a favicon.ico fájlt a sablon almappáiból. A régi faviconok eltávolítása után töltse fel az újat a webhely gyökérkönyvtárába. Favicon a webhely könyvtárában, továbbra is be kell illeszteni a kódot a webhely főoldalának sablonjába.
Jegyzet: Ebben a szakaszban a webhely ikonja már megváltozhatott. Egyes sablonokban az ikon megjelenítésének kódja (az alábbi kódról) már be van írva a webhelysablonba, ezért a katalógusban az ikon cseréjekor a böngésző lapon is változhat. Ennek megtekintéséhez ki kell ürítenie a webhely gyorsítótárát, és esetleg újra kell indítania a böngészőt.
Jegyzet: Ez a módszer elavult, a nagyobb böngészőkben az új ikon a kód beillesztése nélkül jelenik meg. Elég, ha eltávolítja az összes régi favicont a webhely gyökeréből és a sablonból. és törölje a böngésző és a webhely gyorsítótárát is.
A kód (lent) a Joomla kezdőlap sablonjába kerül a címkék közé
(példa lentebb). Az interneten számos kódot (favicon) találhat a Joomla webhelyekhez. Csak azokra a kódokra mondok példát, amelyek az összes Joomla webhelyemen működnek.Egyes kód. Az ikon szinte azonnal megjelenik a webhely gyorsítótárának törlése után.
Kettős kód. Az űrlapelem típusának (típusának) a böngészőben való megjelenítésének hiánya miatt ez az ikon 1-2 napon belül megjelenik a böngészőben.
Három kód. Olyan ikonra (favicon), amely nem a gyökérkönyvtárban található (a patch-to a favicon mappa elérési útja).
Ha meg kell jelenítenie az ikont az IE böngészőben, próbálja meg hozzáadni ezt a kódot:
Miután beszúrta a kódot a sablonba, ne felejtse el menteni, és törölje a webhely gyorsítótárát is.
Példa a beillesztett kódra a webhely ikonjának megjelenítéséhez:
Az utasítások a következő kérdésekre vonatkoznak:
A Favicon (angolul kedvenc ikon - kedvenc ikon) egy kis kép, amely egy adott webhelyhez kapcsolódik. Valószínűleg észrevette, hogy minden webhelyen megtalálható ez az ikon:
Itt láthat egy ilyen ikont:
A webhely ikon segítségével a felhasználók gyorsan megtalálhatják a webhelyet a böngésző lapjain vagy a keresési eredmények között. A Favicon növeli a webhely ismertségét.
Alapértelmezés szerint minden uCoz webhely rendelkezik alapértelmezett kedvenc ikonnal. A webhely ikonjának megjelenítéséhez tegye a következőket:
A favicon.ico fájl létrehozásakor fontos tudni, hogy az ikonnak négyzet alakúnak kell lennie. Az ajánlott méretek: 16x16, 32x32 és 48x48 pixel.
Az .ico kiterjesztéssel együtt jelenleg .png formátumú ikonok használatosak. Az ilyen képek felbontása elérheti a 180x180 pixelt.
Ha készen vannak az ico és png kiterjesztésű ikonfájlok, töltse fel őket a webhely gyökérkönyvtárába a következő módon:
A szabványos favicon.ico ikon lecserélődik egy újra, és egy idő után már láthatja a böngésző lapjain, a könyvjelzői között és a keresőmotor eredményei között.
Az Apple Touch ikont az iOS-en kívül számos platformon használják. Ezért fontos több ikonméretet megadni, hogy minden platform kiválaszthassa a megfelelőt:
A Windows 10 olyan csempékkel rendelkezik, amelyek ikonjai a következőképpen deklarálhatók:
Valószínűleg sok felhasználó észrevette, hogy egy adott webhely megnyitásakor egy kis ikon jelenik meg a lap bal sarkában, ami minden portálra jellemző. Azonban kevesen tudják, mi ez, és hogyan módosíthatja azt a webhelyén.
Az oldalon található kis ikont faviconnak hívják, ami angolul "kedvencek ikonját" jelenti. Eredetileg a könyvjelzők gyors megtalálására és rendszerezésére használták IE böngészőkben. Aztán szinte minden internetes sétáló elkezdte mindenhol megjeleníteni, hogy különleges stílust adjon az oldalnak.
A favicon egy normál kép, általában 16 x 16 pontból áll. Tárolásra ICO, PNG és GIF formátumok használhatók. A Favicont számos népszerű böngésző támogatja. Ilyen például a Chrome, IE, Opera, Firefox. Néhányan támogatják az animált verziókat, mások nem.
Alapértelmezés szerint a böngésző megpróbálja megtalálni az ikont a webhely gyökerében. Azonban pontosan megmondhatja neki, hogy hol van. Ehhez elegendő a kódban lévő sort használni:
.
Saját ikon létrehozásához használja a hálózaton található online szerkesztők egyikét. Például a leghíresebb a favicon.ru oldalon található. Ceruzával meg kell jelölnie azokat a pontokat, amelyeket ki kell tölteni, majd mentse a képet.
Sok webfejlesztő megpróbálja megváltoztatni a szabványos CMS ikont egy webhely létrehozásakor, vagy akár hiányzik is egy megfelelőbb témában. Következő lesz egy lista azokról a módszerekről, amelyek leírják, hogyan lehet megváltoztatni a favicont különböző tartalomkezelő rendszerekben vagy anélkül.
A Joomla 1.5 a tartalomkezelő rendszer egyik első stabil verziója. Egyre ritkábban használják, de sokan még mindig támogatják egyes oldalakon. A favicon megváltoztatásához a Joomla 1.5-ben létre kell hoznia egy ikont a kész képből vagy a semmiből. Ezután lépjen a Joomla sablonokat tartalmazó mappába, amely a sablonok könyvtárában található, és másolja oda a favicont.
A tartalomkezelő rendszer legutóbbi kiadása. Továbbfejlesztett funkcionalitás és hozzáadott új funkciók.
Mielőtt megváltoztatná a favicont a Joomla 3-ban, először létre kell hoznia azt. Ennek mikéntjét fentebb leírtuk. Ezután két módszer egyikét használhatja. Az első a Joomla 1.5-től származik, és a sablonok mappában lévő fájl manuális cseréjét foglalja magában.
A második módszer megvalósításához szerkeszteni kell az index.php fájlt, amely az aktuális sablon gyökérmappájában található. Érdekel a címke
. Ahhoz, hogy minden úgy működjön, ahogy kell, a nyitó címkétől a záróig be kell írnia:.
Az index.php fájlt úgy érheti el, hogy egyszerűen átmegy a mappákon a kívánt helyre, vagy az adminisztrációs panelen keresztül. A vezérlőpulton lépjen a "Bővítmények" elemre, majd a "Sablonkezelő" elemre. A rendelkezésre álló lehetőségek közül válassza ki az aktuálisat, és kattintson a "Kezdőlapsablon módosítása" gombra. Megnyílik egy kódszerkesztő, amelyben a fenti kódot a nyitó és záró head tag közé kell beilleszteni.
Néha a favicon nem jelenik meg azonnal a keresési eredmények között. Ennek oka lehet, hogy az oldal még nincs indexelve. Érdemes egy kicsit várni, és néhány napon belül, de akár egy hónapon belül megjelenik az új favicon az oldal tetején.
A "Bitrix" egy tartalomkezelő rendszer, amely alapján egyszerű oldalakat és vállalati portálokat is létrehozhat. Az 1C-Bitrix fejlesztette.
A webhelyfájlok felépítése némileg hasonló a Joomlához, és a favicon lecserélésének folyamata pontosan ugyanaz. Vagyis el kell mennie a sablonnal rendelkező mappába, és oda kell másolnia a kívánt képet ICO formátumban. Ha nem segít, próbálja meg hozzáadni a projekt gyökérmappájához is.
Van egy másik módszer is, amely kombinálható a fent felsorolt kettővel. Ez a főfájlban már ismert sorok előírása:
.
A WordPress az egyik leghíresebb tartalomkezelő rendszer. A népszerűsége annak köszönhető, hogy ingyenes, könnyen megtanulható és funkcionális. Hogyan lehet megváltoztatni a favicont egy WordPress webhelyen? Ebben a CMS-ben ez a folyamat egyszerűbb, mint az összes többi. Lépjen a vezérlőpultra, lépjen a Cherry Options szakaszra, majd válassza ki a Logo & Favicon lapot. A meglévő fájlt az Eltávolítás gombbal kell törölni. Ezután készítsen egy új ikont, és töltse le a számítógépére. Most a médiakönyvtár használatával hozzá kell adnia a frissített ikont az adatbázishoz, és el kell mentenie a változtatásokat.
Az összes manipuláció után elegendő újratölteni az oldalt, és megnézni, hogyan változott a favicon. Előfordulhat, hogy első alkalommal nem jelenik meg, ezért frissítenie kell a böngésző gyorsítótárát, és újra kell próbálkoznia.
Van egy másik módja a favicon megváltoztatásának a WordPressben. Ehhez van egy speciális header.php fájl, amely a webhely fejlécének megjelenítéséért felelős. Van egy blokkja fejcímkékkel. Pontosan közéjük kell beillesztenie a következő kódot:
A Header.php a /wp-content/themes/theme name címen található. Érdemes odafigyelni arra, hogy a kódsorokban az ICO kiterjesztést használjuk. Ha azonban az aktuális faviconhoz más típusú, akkor a kódban megadhatja azt, amelyre szüksége van.
A cikk részletesen leírja, hogyan lehet megváltoztatni a favicont a különböző tartalomkezelő rendszerekben. Miért van szükség erre egyáltalán, és mi ennek az eljárásnak a gyakorlati érdeke? A fő ok az oldal felismerése. A favicon segítségével találhatja meg kedvenc webhelyét a keresési eredmények között. Ezen túlmenően, egy modern böngészőben nagyszámú nyitott lappal gyorsan kitalálhatja, hogy melyikük ad otthont egy adott oldalnak.
A favicon cseréje előtt elő kell készíteni. Ez megtehető egy kész rajz vagy logó konvertálásával. Vagy rajzoljon egy új favicont kézzel a semmiből. Ehhez sok online szerkesztő van, valamint konverterek a neten.
A favicon egy webhely ikon. A böngésző lapjain látható, itt van egy példa négy népszerű webhelyre. Mindegyiknek megvan a maga kedvenc képe.
Ezenkívül a Yandex keresőmotor egy favicont jelenít meg az oldal címe mellett.
Az oldalak túlnyomó többsége rendelkezik faviconnal, ez segít kiemelkedni a többi forrás közül, valamint felismerhetőbbé teszi az oldalt. Favicon használatával könnyebben nyomon követheti pozícióit a Yandex.
Favicon létrehozása online generátorral
Először el kell készítenie egy 16 x 16 pixel méretű képet. Ez a standard favicon méret. Ehhez használhatja a webhely logóját vagy a kívánt képet. A kívánt mérethez használhatja a "Paint" programot vagy más harmadik féltől származó programot.
Kérjük, vegye figyelembe, hogy a kép 16 x 16 pixelre történő tömörítésekor. Az eredeti oldalainak méreteinek meg kell egyeznie. Tegyük fel, hogy 243 x 243 pixel. Ellenkező esetben tömörítéskor egy már kicsi kép elmosódott lesz.
Ezután az online favicon-létrehozó generátort fogjuk használni. Ha követi ezt a linket favicon.ru A főoldalon a „Favikon készítése képből” menüpontban. Válasszon ki a számítógépen egy előre elkészített, 16 x 16 pixeles képet.
A következő lépés a "kép szerkesztése". Itt megnyomjuk az "Arányok megtartása" és a "Tovább" gombot.
Most a kedvencünk készen áll. Meg kell nézni, hogyan néz ki a böngészőben, és letölteni kell. A képet igény szerint szerkesztheti is. Vagy hozza létre a semmiből.
A letöltött favicon rendelkezik a szükséges formátummal (.ico) és a favicon nevével. Nem kell semmit megváltoztatnod. Csak telepíteni kell a webhelyre.
Telepítse a favicont a joomla 3-ra
Az első és egyszerűbb telepítési módszer a natív favicon cseréje. A legtöbb joomla sablonnak már van faviconja, csak módosítani kell azt az általunk készített faviconra.
Ehhez el kell mennie a webhely gyökeréhez. Ezután a "sablonok" mappában keresse meg az alapértelmezett sablont tartalmazó mappát. Megvan ez a natív "Beez3" sablonom, és lecserélem az ott elérhető favicont az általunk létrehozottra. 
Ezután lépjen a webhelyére, és frissítse a főoldalt. Ha a favicon nem változott, törölje a böngésző gyorsítótárát, zárja be, majd nyissa meg újra, és adja meg újra az oldal címét. Az ikonnak meg kell változnia.
De nem szabad azonnal várni a faviconra a Yandex keresési eredményei között. Megjelenik, miután egy speciális bot indexeli a képet, és jpg formátumba konvertálja. Ez több mint egy hónapig tarthat.
Ellenőrizheti, hogy a Yandex indexelte-e a kedvenc ikonját vagy sem, ha beírja a böngészőbe: http://favicon.yandex..ru", írja be webhelye domain nevét.
Google esetén: http://www.google.com/s2/favicons?domain=website
Ha az első telepítési módszer nem segített, és a favicon nem jelent meg a webhelyén, akkor telepítheti úgy, hogy beírja a szükséges kódot az index.php fájlba.
A favicon telepítésének második módja a joomla 3-ra
A kép telepítéséhez el kell helyezni az általunk készített favicont az oldal gyökerébe.
Ezután lépjen az alapértelmezett sablont tartalmazó mappába: sablonok / alapértelmezett sablon. Keresse meg és nyissa meg az index.php fájlt a Notepad++ segítségével. Ebben a dokumentumban a nyitás közöttcímke , és a záró címkeírja be ezt a kódot:
Marad a böngésző gyorsítótárának törlése és a webhely újratöltése. Ezt követően a faviconnak meg kell jelennie a webhelyén.
