Kuinka lisätä Favicon WordPress-sivustolle

Kuinka lisätä Favicon WordPress-sivustolle

Favicon tunnetaan myös sivustokuvakkeena, ja se on monella tapaa samanlainen kuin sovelluskuvake Windowsissa . Se on pieni kuva, joka näkyy selaimen välilehdissä sivuston nimen vieressä. Se on pieni mutta tärkeä elementti, jonka avulla voit helposti tunnistaa sivustot ja navigoida niihin selaimen välilehtipalkista. Favicon voi myös olla tehokas osa sivuston brändäystä, mutta uudet sivuston omistajat eivät välttämättä tiedä, kuinka se otetaan käyttöön.

Kuinka lisätä Favicon WordPress-sivustolle

Tämä opas käsittelee faviconin lisäämistä WordPress-verkkosivustollesi.

Kuinka lisätä Favicon WordPress-sivustolle

Voit lisätä faviconin WordPress-sivustollesi peräti neljällä eri tavalla. Yksinkertaisin tapa on käyttää WordPress-muokkaustyökalua, mutta voit harkita vaihtoehtoista lähestymistapaa, jolla voit hallita faviconin ulkoasua paremmin.

WordPress Customizerin käyttäminen

WordPress Customizerin käyttö on yleensä nopein ja helpoin tapa lisätä uusi favicon milloin haluat.

  1. Avaa WordPress-hallintapaneeli.
  2. Napsauta sivuvalikon Ulkoasu- painiketta ja valitse sitten Mukauta .
    Kuinka lisätä Favicon WordPress-sivustolle
  3. Siirry Sivuston identiteetti -välilehteen päästäksesi käyttämään erilaisia ​​sivuston mukautustyökaluja.
  4. Vieritä Sivustokuvake - osioon ja napsauta Valitse sivusto -kuvaketta .
    Kuinka lisätä Favicon WordPress-sivustolle
  5. Etsi olemassa oleva kuva WordPress-mediakirjastostasi käytettäväksi suosikkikuvaksesi tai lataa kuva laitteestasi.
  6. Kun olet valinnut kuvan, vahvista se napsauttamalla Valitse -painiketta.
    Kuinka lisätä Favicon WordPress-sivustolle
  7. Kuvan koosta riippuen saatat joutua rajaamaan sitä tai jatkamaan ilman sitä napsauttamalla Ohita rajaus .
  8. Viimeistele uusi suosikkikuvasi painamalla Valmis -painiketta.

Favicon-laajennuksen käyttäminen

WordPress on kuuluisa monista laajennuksistaan, joiden avulla voit parantaa sivustoasi useilla uusilla ominaisuuksilla ja toiminnoilla. Jotkut laajennukset voivat myös auttaa sinua lisäämään ja hallitsemaan suosikkikuvakkeita. Laajennukset antavat sinulle yleensä lisävaihtoehtoja suosikkikuvakkeiden muokkaamiseen verrattuna WordPress-muokkausohjelmaan. Näin se toimii:

  1. Siirry WordPress-hallintapaneelin Plugins- osioon ja napsauta Lisää uusi laajennus .
    Kuinka lisätä Favicon WordPress-sivustolle
  2. Etsi valitsemasi favicon-laajennus. Aluksi suosittu on RealFaviconGeneratorin Favicon . Napsauta Asenna nyt valitsemasi laajennuksen kohdalla.
    Kuinka lisätä Favicon WordPress-sivustolle
  3. Napsauta asennuksen jälkeen Aktivoi kytkeäksesi sen päälle.
  4. Kun laajennus on asennettu, voit viedä hiiren osoittimen Ulkoasu vasemmassa ruudussa ja lisätä uuden napsauttamalla Faviconia oikealla.
    Kuinka lisätä Favicon WordPress-sivustolle
  5. Napsauta Valitse mediakirjastosta joko ladataksesi tai valitaksesi suosikkikuvakkeen kirjastostasi.
    Kuinka lisätä Favicon WordPress-sivustolle
  6. Paina Luo favicon -painiketta vieraillaksesi RealFaviconGenerator -sivustolla ja muokataksesi kuvaasi, lisäämällä marginaaleja tai vaihtamalla taustaa.
    Kuinka lisätä Favicon WordPress-sivustolle
  7. Napsauta Luo Favicon- ja HTML-koodi luodaksesi ja lisätäksesi uuden kuvasi WordPress-verkkosivustollesi.
    Kuinka lisätä Favicon WordPress-sivustolle

WordPressin koko sivustoeditorin käyttäminen

Joskus saatat haluta käyttää WordPressin Full Site Editoria sivustosi kuvakkeen lisäämiseen. Tätä suositellaan erityisesti sivustoille, jotka toimivat lohkoteemalla.

  1. Napsauta järjestelmänvalvojan valikosta Ulkoasu ja editori .
    Kuinka lisätä Favicon WordPress-sivustolle
  2. Siirry Patterns- alivalikkoon ja napsauta Otsikko .
    Kuinka lisätä Favicon WordPress-sivustolle
  3. Aloita otsikkokuvion muokkaaminen painamalla kynäkuvaketta .
  4. Valitse + -painike ja etsi Site Logo -lohko, jonka voit sitten vetää ja pudottaa sivustosi otsikkoon.
    Kuinka lisätä Favicon WordPress-sivustolle
  5. Paina Lataa- painiketta ja valitse suosikkikuvasi olemassa olevasta kirjastostasi tai lähetä se laitteestasi.
  6. Etsi ja aktivoi Käytä sivustona -kuvake eston asetusten sivupalkista asettaaksesi valitsemasi kuvan suosikkikuvakkeeksi.
    Kuinka lisätä Favicon WordPress-sivustolle
  7. Vahvista muutokset painamalla Tallenna -painiketta.

Manuaalinen menetelmä

Voit myös lisätä faviconin 100 % manuaalisesti. Se vie hieman ylimääräistä aikaa ja vaatii yleensä hieman enemmän kokemusta ja WordPress-asiantuntemusta. Mutta jos tiedät mitä olet tekemässä, se voi olla hyvä tapa määrittää sivustokuvake juuri sellaiseksi kuin haluat.

  1. Siirry RealFviconGenerator -verkkosivustolle.
  2. Napsauta Valitse Favicon-kuvasi ja lataa kuva, jota haluat käyttää.
    Kuinka lisätä Favicon WordPress-sivustolle
  3. Muokkaa tarvittaessa ja napsauta Luo Favicon- ja HTML-koodi, kun olet valmis.
    Kuinka lisätä Favicon WordPress-sivustolle
  4. Lataa Favicon-paketti ja jätä tämä sivu auki, koska tarvitset silti siinä olevan koodin.
    Kuinka lisätä Favicon WordPress-sivustolle
  5. Käytä FTP:tä (File Transfer Protocol) päästäksesi käsiksi WordPress-tietoihisi.
  6. Siirry päähakemistoon ja lataa favicon-pakettisi.
  7. Avaa tiedosto header.php ja liitä aiemmin luomasi HTML-koodi suorittaaksesi sivustosi kuvakkeen asennuksen loppuun.

Miksi sinun pitäisi lisätä favicon WordPress-sivustollesi

Kuten näet, on olemassa useita tapoja lisätä suosikkikuvakkeita sivustollesi. Mutta saatat ihmetellä, miksi haluat alun perin lisätä faviconin tai tarvitsetko sellaisen. Tässä on joitain sivustokuvakkeiden käytön tärkeimmistä eduista:

Brändin identiteetti

Epäilemättä tärkein syy sivuston kuvakkeeseen on kehittää brändisi identiteettiä. Favicon on osa kuvaasi, kuten verkkosivuston nimi, logo ja tyyli. Se voi olla vain pieni kuvake, mutta sillä on suuri osa bränditietoisuuden rakentamisessa ja auttaa tekemään sivustostasi tai blogistasi helpompi tunnistaa.

Käyttäjäkokemus

Toinen kätevä syy sivustokuvakkeen luomiseen on käyttäjiesi hyödyksi. Monet ihmiset avaavat selaimessaan useita välilehtiä ja luottavat suosikkikuvakkeiden nopeaan navigointiin ja vaihtamiseen niiden välillä. Jos luot selkeän ja tunnistettavan kuvakkeen, käyttäjien on helpompi selata ja käyttää sivustoasi, vaikka monet muut sivustot avautuisivat samassa ikkunassa.

Lisää suosikkeja helposti

Mikään sivuston suunnittelu ei voi olla täydellinen ilman faviconia, ja on tärkeää varmistaa, että sivustosi kuvake on asetettu asianmukaisesti kaikkien käyttäjien nähtäville. Onneksi WordPress tarjoaa useita tapoja lisätä tai muuttaa sivustosi kuvaketta aina kun haluat, laajennuksista yksinkertaiseen WordPress Customizer -menetelmään.

Kun favicon on lisätty, saatat haluta oppia käyttämään koodilohkoja WordPressissä

UKK    

Kuinka luot faviconin?

Ennen kuin lisäät faviconin WordPress-blogiisi, sinun on luotava sellainen. Voit käyttää erilaisia ​​kuvanluontityökaluja ja favicon-generaattoreita luodaksesi kuvan nopeasti tai käyttää omaa kuvankäsittelyohjelmistoasi luodaksesi sen tyhjästä. On parasta tallentaa suosikkikuvakkeesi PNG-muodossa ongelmien välttämiseksi ja varmistaaksesi, että sen koko on joko 16 x 16 tai 32 x 32 pikseliä.

Mikä tekee hyvän faviconin?

Hyvät faviconit ovat selkeitä, yksinkertaisia ​​ja helppo muistaa ja tunnistaa. Niissä on yleensä läpinäkyvä tai yksivärinen tausta, jonka päällä on jonkinlainen symboli. Useimmat niistä käyttävät vain yhtä tai kahta väriä ja niillä on tyypillisesti jokin merkitys tai suhde edustamaansa brändiin tai blogiin. Voit etsiä suosikkisivustojesi faviconeja saadaksesi inspiraatiota.


10 parasta pikanäppäintä Windows 10:ssä ja niiden käyttö

10 parasta pikanäppäintä Windows 10:ssä ja niiden käyttö

Tutustu Windows 10:n 10 suosituimpaan pikanäppäimeen ja siihen, miten voit hyödyntää niitä tehokkaasti töissä, koulussa ja muissa asioissa.

BitLockerin käytön aloittaminen, Windows 10:n sisäänrakennettu täyden levyn salaustyökalu

BitLockerin käytön aloittaminen, Windows 10:n sisäänrakennettu täyden levyn salaustyökalu

Opas BitLockerin käyttöön, Windows 10:n tehokkaaseen salausominaisuuteen. Ota BitLocker käyttöön ja suojaa tiedostosi helposti.

Microsoft Edge -selaushistorian tarkasteleminen tai poistaminen

Microsoft Edge -selaushistorian tarkasteleminen tai poistaminen

Opas Microsoft Edge -selaushistorian tarkastelemiseen ja poistamiseen Windows 10:ssä. Saat hyödyllisiä vinkkejä ja ohjeita.

Kuinka löytää ja poistaa tallennettuja salasanoja Microsoft Edgessä

Kuinka löytää ja poistaa tallennettuja salasanoja Microsoft Edgessä

Katso, kuinka voit pitää salasanasi Microsoft Edgessä hallinnassa ja estää selainta tallentamasta tulevia salasanoja.

Discord-tekstin muotoiluopas: värit, lihavoitu, kursivoitu, yliviivattu

Discord-tekstin muotoiluopas: värit, lihavoitu, kursivoitu, yliviivattu

Kuinka eristää tekstin muotoilua Discordissa? Tässä on opas, joka kertoo, kuinka Discord-teksti värjätään, lihavoidaan, kursivoitu ja yliviivataan.

Mikä tietokone minulla on? Kuinka tietää tärkeimmät tiedot ja malli

Mikä tietokone minulla on? Kuinka tietää tärkeimmät tiedot ja malli

Tässä viestissä käsittelemme yksityiskohtaisen oppaan, joka auttaa sinua selvittämään "Mikä tietokone minulla on?" ja niiden tärkeimmät tekniset tiedot sekä mallin nimen.

Viimeisen istunnon palauttaminen Microsoft Edge Chromessa, Firefoxissa, Internet Explorerissa

Viimeisen istunnon palauttaminen Microsoft Edge Chromessa, Firefoxissa, Internet Explorerissa

Palauta viimeinen istunto helposti Microsoft Edgessä, Google Chromessa, Mozilla Firefoxissa ja Internet Explorerissa. Tämä temppu on kätevä, kun suljet vahingossa minkä tahansa välilehden selaimessa.

Kuinka saada Boogie Down Emote Fortnitessa ilmaiseksi?

Kuinka saada Boogie Down Emote Fortnitessa ilmaiseksi?

Jos haluat saada Boogie Down Emoten Fortnitessa ilmaiseksi, sinun on otettava käyttöön ylimääräinen suojakerros, eli 2F-todennus. Lue tämä saadaksesi tietää, miten se tehdään!

Kuinka muuttaa hiiren asetuksia Windows 10:ssä

Kuinka muuttaa hiiren asetuksia Windows 10:ssä

Windows 10 tarjoaa useita mukautusvaihtoehtoja hiirelle, joten voit joustaa, miten kohdistin toimii. Tässä oppaassa opastamme sinut läpi käytettävissä olevat asetukset ja niiden vaikutuksen.

Kuinka päästä eroon Instagramissa estettyjen toimien -ongelmasta

Kuinka päästä eroon Instagramissa estettyjen toimien -ongelmasta

Saatko "Toiminto estetty Instagramissa" -virheen? Katso tämä vaihe vaiheelta opas poistaaksesi tämän toiminnon, joka on estetty Instagramissa muutamalla yksinkertaisella temppulla!