Cum să creați o pictogramă de site pentru site-ul dvs. WordPress

Publicat: 2022-08-19

Majoritatea experților în branding sau marketing le place să-și împărtășească părerile despre vizibilitate. Pe scurt, poți spune că elementele utilizatorului utilizate în site-ul tău trebuie să reflecte gândurile tale. Sarcina de a crea pictograme de site nu trebuie niciodată luată în considerare pentru site-ul dvs. WordPress.

Dar acum sarcina de a crea pictograme de site și de a încărca pe site-ul dvs. WordPress este mai ușoară. Cu toate acestea, există atât de multe metode diferite pentru a simplifica această sarcină

Pe internet, veți găsi o serie de modalități de a face această sarcină posibilă cu buget minim, expertiză și timp.

În acest blog, vom afla câteva metode de a crea o pictogramă de site pentru site-ul dvs. WordPress. În primul rând, familiarizați-vă cu motivul pentru care trebuie să creați o pictogramă de site pentru WordPress . Împreună cu aceasta, vom afla despre câteva fapte pe care trebuie să le luați în considerare atunci când creați o pictogramă de site.

Ce înțelegeți prin pictogramă site și de ce este important să o aveți pe site-ul dvs. WordPress?

S-ar putea să fi văzut pictogramele site-ului de atâtea ori. Dar încă nu ați recunoscut că aceasta este pictograma site-ului. Adevărul este că acum, de asemenea, puteți vedea pictograma site-ului în partea stângă sus a ferestrei browserului.

Pictogramele site-ului sunt considerate o pictogramă mică crucială care se afișează în paginile cu rezultate ale motorului de căutare sau lângă fila paginii din browser.

Cu toate acestea, puteți crea propriile pictograme de site care vă specifică marca.

Creați o pictogramă de site pentru WordPress

Când vorbim despre branding-ul site-ului dvs., atunci este important ca site-ul dvs. să poată impresiona vizitatorii dvs. de la prima vedere.

Un client nou va putea avea încredere în marca dvs. dacă arată grozav și profesionist. Iar o pictogramă de site vă poate ajuta să obțineți încredere și să vă impresionați vizitatorii doar la prima impresie.

De fapt, o strategie completă de branding nu va depinde de modul în care va arăta pictograma site-ului dvs. Cu toate acestea, dacă sunteți utilizatori potențiali, vă navigați pe site-ul dvs. pentru o perioadă mai lungă de timp, aceasta va avea un impact pozitiv și va spori vizibilitatea unui site web.

3 pași simpli pentru a crea o pictogramă pentru site-ul tău

În această sarcină, trebuie luate în considerare cele două scenarii diferite implicate. Primul este că trebuie să construiți o pictogramă de site. Apoi va trebui să încărcați pictograma site-ului creat pe site-ul dvs. WordPress.

Cei trei pași de bază pentru a crea o pictogramă de site pentru WordPress sunt

  • Selectați o dimensiune corectă a pictogramei
  • Când proiectați o pictogramă de site, urmați câteva practici optime
  • Pentru muncă, alegeți un instrument perfect

După aceasta vom învăța câțiva trei pași de bază pentru a încărca pictograma:

  • Utilizați funcționalitatea prefabricată a WordPress
  • Pentru a încărca pictograma, utilizați pluginul
  • Pentru a încărca pictograme de site, scrieți un cod

Acum să vedem toți acești pași în detaliu

Pasul 1: Pentru pictograma site-ului dvs. selectați dimensiunea potrivită

Cel mai important lucru este dimensiunea pictogramei site-ului dvs. Da, este adevărat că dimensiunea unor astfel de fișiere este de fapt mică, dar trebuie să verificați diferitele dimensiuni implicate în această pictogramă. Acest lucru este important de luat în considerare deoarece fiecare platformă are cerințe diferite pentru pictograma site-ului.

Veți descoperi că unele dintre browsere acceptă fișierul .ico de 32*32 pixeli. Această dimensiune a dimensiunii pictogramei este cunoscută a fi dimensiunea standard.

Dar, în practică, trebuie să utilizați fișierul .png care are dimensiunea 512* 512-pixel size. În mare parte, fișierul .png este folosit deoarece aproape fiecare browser implicit are această dimensiune pentru pictograma site-ului.

Pasul 2: Asigurați-vă că utilizați practici optime pentru designul pictogramei site-ului dvs

În loc să alegeți o opțiune simplă, vă recomandăm să vă concentrați pe branding optim și să lucrați mai degrabă pe pictograme personalizate pentru site.

Folosind logo-ul dvs. existent, nu vă puteți marca site-ul. Cu toate acestea, va trebui să urmați unele tendințe pentru a crea o pictogramă de site pentru WordPress.

  • Alegeți una sau două culori simple pentru pictograma site-ului dvs. pentru a vă asigura că arată consecventă și este clar vizibilă.
  • Minimizați-vă logo-ul
  • Folosiți puțină luminozitate pentru a vă concentra asupra principalelor aspecte ale pictogramei site-ului dvs.

Să vedem un exemplu din lumea reală. Consultați pictograma site-ului SKT Themes. Utilizează culoarea portocalie care oferă un contrast ridicat și se concentrează mai mult pe logo-ul site-ului său.

Acesta este tot ce ai nevoie. Împreună cu brandingul unui alt element, oferă consistență și vizibilitate și se asigură că este vizibil în fila ecranelor browserului.

Pasul 3: pentru a crea pictograma site-ului, alegeți instrumentul corect

Odată ce ați finalizat dimensiunea și designul pictogramei site-ului dvs. pentru a o crea, următorul pas ar fi să alegeți un instrument corect. După cum am menționat mai sus, veți găsi o serie de moduri de a crea o pictogramă de site pentru WordPress pe WordPress.

Dar dacă știi cum să folosești CANVA, atunci ai cea mai ideală modalitate de a crea o pictogramă de site. Veți găsi mai multe opțiuni alternative la CANVA. una dintre cele mai bune alternative este designBold .

O altă alternativă la crearea foarte rapidă a unei pictograme de site numai text este https://favicon.io/favicon-generator/. Acest instrument vă va ajuta, de asemenea, să descărcați pictograme de site de diferite dimensiuni.

Nu uitați că este important să salvați pictograma site-ului dvs. între fișierul .PNG netransparent pe 8 sau 24 de biți. Acesta este cel mai optim format. Cu toate acestea, favicon.io vă va ajuta să faceți acest lucru posibil.

3 metode diferite de a încărca pictograma site-ului pe site-ul dvs. sunt:

În WordPress, veți găsi diferite metode de încărcare a pictogramelor site-ului. Mai jos veți găsi cel mai potrivit mod de a încărca pictogramele site-ului.

1. Utilizați funcționalitatea încorporată a WordPress

WordPress oferă cea mai bună modalitate posibilă și cea mai simplă modalitate de a încărca pictograma site-ului pe site-ul dvs. WordPress
Dacă căutați cea mai simplă și rapidă abordare, atunci trebuie să alegeți această opțiune.

Pasul 1: În WordPress accesați ecranul de identitate al site-ului dvs. web

Pentru aceasta, mai întâi va trebui să vă conectați la WordPress prin tabloul de bord WordPress. Acum accesați panoul de opțiuni ale temei. Tema premium constă din atât de multe opțiuni.

Luați în considerare un exemplu că mergeți cu temele implicite WordPress, atunci trebuie să mergeți la aspect, apoi să faceți clic pe personalizați ecranul de identitate pe site-ul personalizatorului.

Odată ce ați făcut acum, trebuie să treceți la un alt pas

Pasul 2: alegeți pictograma site-ului dvs

Acum verificați o altă secțiune, adică identitatea site-ului pentru a selecta pictograma site-ului.

Faceți clic pe „pictograma de selectare a site-ului” și încărcați fișierul. Asigurați-vă că adăugați „text alternativ” pentru îmbunătățirea accesibilității.

Pasul 3: pe partea frontală, verificați pictograma site-ului dvs

Acum, pe site-ul dvs., verificați front-end-ul, pentru a ști dacă pictograma site-ului a fost încărcată pe site-ul dvs. cu succes sau nu. Veți descoperi că o previzualizare mare a pictogramei site-ului existent va fi oferită de WordPress într-o machetă a browserului.

Cu toate acestea, trebuie să verificați cum arată pictograma site-ului dvs. sau cum arată în browserele web. Acesta este cel mai important factor care trebuie luat în considerare.

2. Adăugați pluginul WordPress

Pentru un începător sau o persoană netehnică, cea mai bună soluție pentru a încărca o pictogramă de site este integrarea unui plugin WordPress. Clientul care utilizează site-uri WordPress primește acces la opțiunea de personalizare încorporată.

Dacă aveți cerințe speciale pentru pictograma site-ului dvs. WordPress, vă recomandăm această abordare, altfel trebuie să încărcați pictograma site-ului cu ajutorul opțiunii temei.

Pasul 1: Selectați un plugin care este potrivit

Unul dintre cele mai bune plugin-uri pe care am dori să le sugerăm este Favicon de la RealFaviconGenerator

Unul dintre cele mai populare site-uri web care vă ajută să generați favicon este RealFaviconGenerator.net. Cu toate acestea, Favicon de la RealFaviconGenerator este o versiune de plugin populară a RealFaviconGenerator.net.

Acest plugin va genera diferite pictograme de site doar dintr-o singură imagine, iar pictograma site-ului va fi stocată în biblioteca media.

Pasul 2: Încărcați o pictogramă de site de dimensiune completă

Odată ce ați instalat și activat pluginul, următorul pas va fi să vă conectați la tabloul de bord WordPress și să faceți clic pe aspect și să faceți clic pe panoul favicon. Aici veți găsi o mulțime de opțiuni de personalizare care se vor simți simple.

Veți găsi câteva cuvinte confuze, dar nu vă faceți griji, trebuie doar să încărcați fișierul din biblioteca media. Aici trebuie să adăugați text alternativ, nu uitați să-l adăugați.

Acum, pentru a începe, faceți clic pe butonul albastru care spune „generați favicon” și acum trece la un alt pas.

Pasul 3: Descărcați pictogramele site-ului

Odată ce ați încărcat fișierul, pluginul va începe să genereze pictogramele site-ului. Veți descoperi că pluginul va converti versiunea site-ului dezvoltatorului în versiunea aplicației web. Aici veți găsi pictograme de site ale diferitelor site-uri pentru diferite dimensiuni și platforme.

De aici puteți selecta câteva dintre opțiunile specifice platformei care aparțin prezentării pictogramelor și designului site-ului dvs.

Acum trebuie să faceți clic pe „generați favicon-urile și codul HTML”. Acum veți descoperi cât de magic va începe să funcționeze pluginul dvs.

Veți găsi acum opțiunea pentru o previzualizare a pictogramelor site-ului dvs. în tabloul de bord WordPress.

Postare asociată: Un ghid rapid pentru adăugarea unei favicon pe site-ul dvs. WordPress

3. Pentru a afișa pictograma site-ului dvs., lucrați cu cod

Ultimul pas pe care am dori să-l sugerăm este practic o soluție învechită pentru utilizatorii medii. Dar puteți folosi codul pentru a prezenta pictograma site-ului pentru a îndeplini orice tip de cerință. Această opțiune este, de asemenea, o alternativă mai bună dacă construiți o temă personalizată.

Pasul 1: Folosind protocolul de transfer de fișiere, puteți accesa serverul site-ului dvs. WordPress

Pentru a urma această abordare, va trebui să aveți acces la server prin FTP. În plus, veți avea nevoie de niște cunoștințe de bază despre codificare, deoarece vom lucra la fișierele de bază ale WordPress, vă recomandăm să utilizați o temă copil.

Vă puteți conecta la server, odată ce aveți acces la toate aceste lucruri. Puteți obține acces la acreditările dvs. prin intermediul panoului de control al găzduirii.

Dacă vă întrebați unde puteți găsi toate aceste acreditări, atunci vă puteți conecta la canalele de asistență ale gazdei.

Pasul 2: pe site-ul dvs. WordPress, încărcați pictograma site-ului

Când vă conectați la server, vi se va afișa lista de directoare a site-ului dvs. de către clientul FTP.

Aici încărcați fișierul cu pictograma site-ului în directorul rădăcină și în folderul temei principale al site-ului dvs.

Acum aproape ai terminat. Acum, ultimul pas este să codificați pictograma site-ului dvs. în WordPress.

Pasul 3: la antetul WordPress, adăugați codul

Acesta este pasul final și este ultima dată când vă veți conecta la tabloul de bord WordPress. Acum mergeți la apariție, apoi faceți clic pe pagina editorului de teme:

O fereastră de dialog de avertizare va fi generată atunci când încercați să accesați pagina. Înainte de a da clic pe am înțeles să mă asigur că ați citit tot conținutul.

Acum va fi afișat codul care poate fi editat cu ușurință. Aici selectați tema din opțiunile meniului drop drop. Acum aici căutați linia de cod care spune

Acum codul care este menționat mai jos adaugă-l între

 <cap>

Etichete

 <link rel="pictogramă de comandă rapidă" href="<?php echo get_stylesheet_directory_uri(); ?>/favicon.ico" />

Acum faceți clic pe butonul de actualizare a fișierului.

Concluzie:
Pașii de bază pentru a crea o pictogramă de site pentru WordPress sunt menționați în acest blog.