Practicamente en calquera sitio moderno en Internet hai unha icona especial na pestana do navegador despois de que o recurso estea completamente cargado. Esta imaxe é creada e instalada por cada propietario de xeito independente, aínda que non sexa obrigatoria. Como parte deste artigo, discutiremos as opcións para instalar Favicon en sitios creados por diversos medios.
Engadindo Favicon ao sitio
Para engadir este tipo de icona ao sitio web, ten que crear unha imaxe adecuada dunha forma cadrada para comezar. Isto pódese facer utilizando programas gráficos especiais, como Photoshop, así como recorrer a algúns servizos en liña. Ademais, é conveniente converter a icona preparada no formato ICO e reducila ao tamaño 512 × 512 px.
Nota: sen engadir unha imaxe personalizada, amósase unha icona de documento na pestana.
Vexa tamén:
Servizos en liña para crear favicon
Como crear unha imaxe en formato ICO
Opción 1: engadir manualmente
Esta opción de engadir unha icona ao sitio gustaralle se non está a usar unha plataforma que fornece ferramentas especiais.
Método 1: descarga Favicon
O método máis sinxelo, soportado literalmente por calquera navegador de Internet moderno, é engadir unha imaxe previamente creada ao directorio raíz do seu sitio. Isto pódese facer a través da interfaz web ou por calquera xestor de FTP conveniente.
Ás veces o directorio desexado pode ter un nome. "public_html" ou calquera outro, dependendo das súas preferencias en termos de configuración.
A eficiencia do método depende non só do formato e do tamaño, senón tamén do nome de ficheiro correcto.
Método 2: Edición de código
Ás veces pode que non fose suficiente só para engadir Favicon ao directorio raíz do sitio para que se amose no separador polos navegadores despois da descarga completa. Nesta situación, terá que editar o ficheiro principal coa etiqueta da páxina, engadindo un código especial ao seu inicio.
- Entre etiquetas "HEAD" engade a seguinte liña onde "* / favicon.ico" debe substituírse polo URL da súa imaxe.
- É mellor usar unha ligazón absoluta con prefixo en lugar de relativo.
- Nalgúns casos, o valor "rel" pódese cambiar a "icona de acceso directo", aumentando así a compatibilidade cos navegadores web.
- Significado "tipo" tamén se pode cambiar por vostede en función do formato da imaxe usada:
Nota: o máis universal é o formato ICO.
- ICO - "image / x-icon" tampouco "image / vnd.microsoft.icon";
- PNG - "imaxe / png";
- Gif - "image / gif".
- Se o teu recurso se dirixe principalmente aos navegadores máis recentes, a cadea pode reducirse.
- Para obter a maior compatibilidade, pode engadir varias liñas á vez co enlace ao sitio de favicon.
- A imaxe instalada mostrarase en todas as páxinas do sitio, pero pódese cambiar a gusto, engadindo o código anteriormente mencionado en seccións separadas.
En estes dous métodos, o icono aparecerá na pestana do navegador.
Opción 2: Ferramentas de WordPress
Ao traballar con WordPress, pode recorrer á opción anteriormente descrita engadindo o código anterior ao ficheiro "header.php" ou usando ferramentas especiais. Debido a isto, garantirase que se presente a icona na pestana do sitio, independentemente do navegador.
Método 1: Panel de control
- A través do menú principal, expanda a lista "Apariencia" e selecciona unha sección "Personalizar".
- Na páxina que se abre, use o botón "Propiedades do sitio".
- Desprácese pola sección "Configuración" ao fondo e no bloque "Icona do sitio web" prema o botón "Seleccionar imaxe". Neste caso, a imaxe debe ter permiso 512 × 512 px.
- A través da xanela "Seleccionar imaxe" Suba a imaxe desexada á galería ou selecciona o engadido anteriormente.
- Despois diso será devolto "Propiedades do sitio", e no bloque "Icona" Aparecerá a imaxe seleccionada. Aquí podes ver un exemplo, vaia a editalo ou bórrao se é necesario.
- Despois de definir a acción desexada a través do menú correspondente, faga clic en "Gardar" ou "Publicar".
- Para ver o logotipo na pestana de calquera páxina do seu sitio, incluído "Panel de control"reinicie.
Método 2: All In One Favicon
- En "Panel de control" sitio, seleccione elemento "Plugins" e vai á páxina "Engadir novo".
- Encha o campo de busca de acordo co nome do complemento que necesites - todo nun único favorito - e no bloque cunha extensión adecuada, prema o botón "Instalar".
O proceso de engadir levará algún tempo.
- Agora ten que premer no botón "Activar".
- Despois do redireccionamento automático, ten que ir á sección de configuración. Isto pódese facer a través de "Configuración"escollendo da lista "Todo nun só favicon" ou usando a ligazón "Configuración" na páxina "Plugins" no bloque coa extensión desexada.
- Na sección con parámetros de complemento, engade unha icona a unha das liñas presentadas. Isto debe repetirse como no bloque. "Configuración do frontend"así en "Configuración de backend".
- Prema o botón "Gardar os cambios"cando se engade a imaxe.
- Despois de completar a actualización da páxina, asignarase unha ligazón única á imaxe e aparecerá na pestana do navegador.
Esta opción é a máis fácil de implementar. Agardamos que conseguise instalar Favicon no sitio a través do panel de control de WordPress.
Conclusión
A elección de como engadir unha icona depende unicamente das súas preferencias, xa que en todas as opcións pode conseguir o resultado desexado. Se xorden dificultades, revise as accións realizadas e pode facer a pregunta correspondente nos comentarios.
