Kako s lakoćom dodati WordPress Favicon

Trebate saznati kako s lakoćom dodati WordPress Favicon? Saznajte slijedeći ovaj vodič

Favicon je mala kvadratna ikona koja predstavlja vašu web stranicu. Obično se pojavljuje pored naslova web stranice na kartici preglednika. Favicon se također pojavljuje u povijesti vašeg preglednika, oznakama i svugdje gdje vašoj web stranici treba vizualni identitet.

Ovaj mali detalj bitan je za vaš online identitet. Razgovarat ćemo o WordPress faviconu i kako ga dodati na svoju WordPress web stranicu.

No, prije nego što započnemo, saznajte ako nikada niste instalirali WordPress Kako instalirati 7 korake WordPress blog et Kako pronaći, instalirati i aktivirati WordPress temu na svoj blog 

Onda se vratimo zašto smo ovdje.

Zašto je važno dodati Favicon na svoju web stranicu

Favicon je u osnovi ID vaše web stranice; stoga bi se vjerojatnije da će se vaš logo pojaviti gore. Zanemarivanje njegove prisutnosti na vašoj web stranici doista je pogreška.

Evo nekoliko razloga zašto je favicon ključan za vašu web stranicu.

• Ističe se kao priznanje za marque
  Većina korisnika ima tendenciju otvaranja više kartica u svom pregledniku. Bez ikone ikona možete vidjeti samo naziv stranice ili objave na kartici preglednika. Također, ako otvorite više od 20 kartica, one postaju kraće i teško je prepoznati koja kartica predstavlja koju web stranicu.
  Favicon korisnicima pomaže da lakše uoče svaku karticu. Ako se vaš favicon ističe, ne samo da će poboljšati vašu vidljivost već i vašu korisničko iskustvo.
• Izgradite povjerenje
  Svojim ćete korisnicima ostaviti loš prvi dojam ako nemate favicon. Web stranica bez favicona ne izgleda profesionalno.
  Ako gradite web stranicu samo za svakodnevno bloganje, nedostatak favicona može biti nevažno. No, to postaje bitno kada upravljate poslovnom web-stranicom ili internetskom trgovinom.
  vaš posjetitelji neće vjerovati nijednoj transakciji na web stranici koja ne izgleda profesionalno.
• Poboljšanje mobilnog iskustva
  Ovo je doba mobilnog iskustva. Posjedovanje responzivne web stranice možda neće biti dovoljno da oduševi korisnike mobilnih uređaja, uglavnom zato što su web aplikacije trenutno u porastu.
  Korisnici mogu jednostavno označiti web stranicu na početnom zaslonu svog telefona. Nema više upisivanja URL-ova!
  U ovoj situaciji, posjedovanje dobro napravljenog favikona poslužit će vam na dva različita načina. Prvo, favicon će se koristiti kao ikona aplikacije, a drugo, ljudi koji koriste vašu web-aplikaciju zapamtit će vašu ikonu. Stoga će vaš favicon biti povezan s vašom web lokacijom.

Izrada Favicon za WordPress

Obično je vaš favicon logo vašeg brenda. Za sliku, WordPress preporučuje da koristite i kvadrat 512px x 512px.

Možete koristiti veću sliku, ali WordPress će najvjerojatnije zahtijevati da je izrežete kako bi odgovarala veličini.

Za izradu slike točne veličine 512 piksela x 512 piksela, možete koristiti bilo koji softver za uređivanje slika kao što je nego Adobe Photoshop (plaćeno) i širit (besplatno) ili favicon generatori

Iako možete odabrati boju pozadine za svoj WordPress favicon, poželjna je transparentnost. Možete koristiti formate . JPEG,.ico, . GIF ou . PNG (samo pazite da koristite format . PNG ako koristite prozirnu pozadinu).

Nakon što je slika spremna, možete je dodati na svoju WordPress web stranicu na jedan od ova tri načina:

1. Dodavanje WordPress Favicona putem WordPress Customizer-a

Iz WordPress verzije 4.3, možete jednostavno dodati WordPress favicon iz svog administrativnog područja. Da biste to učinili, slijedite dolje navedene korake:

1. Pristup Vaš administratorska nadzorna ploča
2. Zadržite pokazivač miša iznad Izgled -> Prilagodi
3. izabrati identitet web stranice
4. Kliknite gumb Odaberi slika ispod odjeljak s ikonama web-mjesta
5. Prenesite svoj favicon koji je pripremljen
6. Kliknite gumb Objavi za spremanje promjene.

Ako postupak obavite ispravno, vaš favicon će se pojaviti pored naslova vaše web stranice. Da biste to postavili na mobilnom uređaju, posjetite svoju web stranicu s telefona i odaberite Dodaj na početni zaslon.

Vaš favicon će se sada pojaviti na vašem početnom zaslonu.

2. Dodajte Favicon na web stranicu pomoću WordPress dodatka

Također možete dodati favicon u WordPress pomoću dodatka pod nazivom Favicon od strane RealFaviconGenerator. Jednostavan je za korištenje i nudi više značajki. Ovdje su potrebni koraci:

1. Pristupite svom administratorska nadzorna ploča
2. Izabrati Proširenja -> Dodaj
3. Tip Favicon od strane RealFaviconGenerator u okviru za pretraživanje
4. Instalirajte i aktivirajte WordPress plugin
5. Nakon aktivacije idite na Izgled -> Favicon
6. Prenesite sliku koju želite postaviti kao favicon. Ne morate uređivati ​​svoju sliku pomoću softvera za uređivanje slika. Dodatak će to učiniti umjesto vas. Samo pazite da vaša slika ima veličinu od najmanje 70 x 70px. Još je bolje ako je veći od 260 x 260 px.
7. Nakon što ste učitali sliku, pritisnite gumb Generirajte favicon.
8. Nakon što kliknete na gumb, dodatak će vas odvesti na web stranicu RealFaviconGenerator.
9. Na web stranici pronađite i kliknite Generirajte svoje Favicons i HTML kod.
10. Dodatak će vas vratiti na vašu web stranicu. Primit ćete obavijest da je vaš favicon konfiguriran.
11. Provjerite kako izgleda vaš favicon u vašem pregledniku i mobilnom uređaju.

3. Ručno dodajte WordPress Favicon na web stranicu

Preporučujemo da ovo testirate na svojoj web-lokaciji za lokalni razvoj prije nego što se objavi.

1. Pristupite datotekama teme putem klijenta FTP ili upravitelj datoteka
2. Pronađite mapu /wp-content/themes/votre-theme
3. Prenesite svoju favicon u svoju mapu teme. Preporuča se preuzeti u podmapi kao što je Imovina
4. Zapamtite ovu putanju datoteke
5. Potražite datoteku pod nazivom functions.php i dodajte sljedeći kôd:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.png" />';
}
 
add_action('wp_head', 'add_favicon');

6. Red nakon href="'.get_template_directory_uri() mora biti put do vašeg favicona. Također provjerite imate li točan naziv datoteke. Ako koristite format .ico datoteka, bit će ovo:

function add_favicon() {
  echo '<link rel="shortcut icon" type="image/png" href="'.get_template_directory_uri().'/assets/favicon.ico" />';
}
 
add_action('wp_head', 'add_favicon');

Imati favicon je obavezno! Pogotovo kada je tako lako stvoriti. Favicon predstavlja identitet vaše web stranice. Možda zauzima samo mali prostor na vašoj web stranici, ali ovaj mali detalj ima posebnu ulogu u poboljšanju prepoznatljivosti vašeg brenda i korisničkog iskustva.

Ostali preporučeni resursi

Također vas pozivamo da se posavjetujete s sredstva ispod kako biste preuzeli više vlasništva i kontrole nad svojom web stranicom i blogom.

• Kako dodati Gmail autentifikaciju na WordPress
• Kako ukloniti WordPress temu s web stranice
• Kako postaviti svoju početnu stranicu u WordPressu
• Elementor: Kako dodati zvučni efekt gumba
• Kako stvoriti prilagođene predloške WordPress

Zaključak

To je sve za ovaj vodič koji objašnjava kako dodati Favicon na WordPress. Ako imate bilo kakvih nedoumica ili prijedloga, javite nam unutar Komentari.

Međutim, također ćete moći konzultirati naše sredstva, ako vam treba više elemenata za provođenje projekata kreiranja internetskih stranica, savjetujući se s našim vodičem na internetu Izrada bloga WordPress ili onaj koji je uključen Divi: najbolja WordPress tema svih vremena.

U međuvremenu, ovaj članak podijelite na svojim različitim društvenim mrežama.   

...