Cómo crear un icono de sitio para su sitio de WordPress

Los expertos en marca a menudo hablarán sobre visibilidad. En otras palabras, los elementos de su sitio orientados a los usuarios deben reflejar prácticamente su marca. Sin embargo, un proyecto que no considere es crear un icono de sitio su WordPress. La buena noticia es que es más fácil para usted diseñar y cargar el icono de su sitio en WordPress. De hecho, hay varias formas de llevar a cabo la tarea, independientemente de su experiencia, tiempo y presupuesto en esta publicación, analizaremos cómo crear un icono del sitio para su sitio. Presentaremos por qué desea considerar. Creando un icono del sitio, junto con algunas consideraciones que tendrá que hacer.
¿Cuál es el icono de un sitio (y por qué necesita uno)? Probablemente viera un icono del sitio, incluso si no está seguro de cuáles son. En realidad, ya miraste uno: verifique la esquina superior izquierda de la ventana del navegador:

Es esencialmente un pequeño icono que se muestra cerca de la pestaña de la página en su navegador o en páginas con resultados del motor de búsqueda (SERP):

Considérelo un equivalente digital con la pequeña bola que se adhiere a la antena del automóvil. Sin embargo, hay una diferencia entre un ícono del sitio y las otras 5,000 bolas coloridas en el estacionamiento de Walmart: puede crear un icono específico del sitio específico.
Cuando se trata de la marca de su sitio, las primeras impresiones son importantes. Además, los consumidores miran cuán consistente es una marca como un marcador de confianza. Un ícono del sitio puede ayudar a hacer estas dos cosas. Permitido, el ícono de su sitio no admitirá todo el peso de su estrategia de marca. Sin embargo, la visibilidad adicional que aporta, especialmente si un cliente potencial navega en su sitio, podría tener un impacto positivo en la línea. Cómo crear un icono de sitio para su sitio de WordPress (en 3 pasos) Hay dos fases involucradas en esta tarea. En primer lugar, querrá crear un icono del sitio. Entonces tendrá que cargarlo a su sitio de WordPress. Aquí hay tres pasos que puede seguir para crear un icono del sitio para su sitio de WordPress: elija el tamaño de icono correcto.
Realice algunas prácticas óptimas al diseñar el icono de su sitio.
Seleccione la herramienta adecuada para el trabajo.
Luego le mostraremos tres formas de cargar su icono:
Use la funcionalidad construida de WordPress.
Instale un complemento para cargar su icono.
Codificar una solución para cargar el icono de su sitio.
¡Hay mucho que ir, así que comencemos! Paso 1: Elija primero el tamaño adecuado para el icono de su sitio, es el tamaño del icono de su sitio. Tiene razón cuando cree que estos archivos serán pequeños. Sin embargo, aunque las dimensiones son pequeñas, comprender las diferentes dimensiones puede ser compleja. Esto se debe al hecho de que diferentes plataformas tienen diferentes requisitos para las dimensiones del icono del sitio (o “favicon”).
En general, la mayoría de los navegadores aceptan un archivo de 32 x 32 píxeles, que ha sido el estándar durante décadas. Sin embargo, en la práctica, querrá usar un píxel de 512 x 512. La razón es que cubre prácticamente todas las bases, desde el tamaño predeterminado del icono del sitio de Chrome, hasta el requisito mínimo. De hecho, esta también es una recomendación explícita en el back-end de WordPress (de los cuales varios más tarde). Una vez que se establece su tamaño, es hora de pensar en el diseño. Paso 2: asegúrese de utilizar prácticas óptimas para el diseño del icono del icono. La tentación de diseñar los iconos del sitio es simplemente usar una versión baja del registro de su sitio. Sin embargo, dados nuestros consejos sobre una marca óptima, debe asignarse a trabajar en un icono de sitio personalizado, en lugar de confiar en la opción simple. Más virtual “habitación” que tiene significa que es posible que no pueda articular su marca utilizando El logotipo regular. Como tal, querrá considerar lo siguiente al ensamblar el icono del sitio:
Distrito su marca a uno o dos colores simples, que ofrece consistencia y visibilidad.
Asegure su logotipo a los elementos más esenciales y haga de este tema el icono de su sitio.
Use el contraste para concentrar sus aspectos principales del icono de su sitio.
Para proporcionar un ejemplo real de estos, mire nuevamente el ícono del sitio WPKube. Utiliza azul y blanco, que ofrece un alto contraste y contiene solo el logotipo del sitio.
Esto es todo lo que es necesario. Ofrece visibilidad, coherencia con los otros elementos de la marca y le asegura que puede localizar la pestaña en el SERP y en las pantallas del navegador. Paso 3: Seleccione la herramienta correcta para crear el icono de último paso de su sitio después de ordenar el tamaño y el diseño del icono de su sitio es crearla. Como era de esperar, hay innumerables formas de crear su icono, y si tiene un instrumento como un canal, será ideal. Las alternativas como DesignBold también son perfectas para el embarazo, especialmente si su cuenta ya almacena el logotipo del sitio: Favicon.io también es fantástico para crear rápidamente un icono del sitio solo para el texto y descargar todas las dimensiones que necesita:
Tenga en cuenta que deberá guardar el icono de su sitio como un no transparente de 8 o 24 bits. Favicon.io hace esto por usted, aunque deberá cambiar la configuración en otros editores genéricos. 3 formas de cargar el icono de su sitio en WordPress como estándar con WordPress, hay una multitud de formas de cargar el icono de su sitio. Le queda.
1. Use la funcionalidad de WordPress Built -in La excelente noticia para la mayoría de los usuarios de WordPress es que la plataforma ofrece características rápidas y simples para cargar un icono del sitio. Si está buscando un enfoque sin sentido para el embarazo, este es el método para usted. Paso 1. Acceda a la pantalla de identidad del sitio en WordPress primero, inicie sesión en WordPress. Desde el tablero, querrá ir al panel de opciones de tema. Su tema premium puede tener opciones dedicadas, aunque para los temas predeterminados de WordPress, esto estará en la pantalla de pantalla> Personalización> Identidad del sitio de identificación: una vez que esté aquí, puede ir al siguiente paso. Paso 2. Seleccione el icono de su sitio y luego, eche un vistazo a la sección ID del sitio para el cuadro de diálogo Seleccione el sitio del icono:

Aquí, haga clic y cargue como lo haría normalmente con WordPress Media Cargas. No olvide establecer “texto alternativo” adecuado para el icono de su sitio, para mejorar su accesibilidad. Paso 3. Verifique el icono de su sitio desde el front-end, eche un vistazo a la parte delantera de su sitio, especialmente para ver si el icono de su sitio se ha cargado correctamente. Notará que WordPress ofrece una gran vista previa del icono del sitio actual en un modelo de navegador:

Sin embargo, debe continuar lanzando la forma en que el ícono juega un navegador, principalmente porque se verá lo que el icono busca a otros usuarios, un factor más importante. 2. Instale un complemento de WordPress adecuado para muchos usuarios, instalar un complemento de WordPress es la solución “ir a”. Sin embargo, dado que prácticamente todos los sitios de WordPress tienen opciones personalizadas incorporadas para hacerlo, se puede exagerar un complemento. Recomendamos este enfoque si tiene requisitos específicos para el icono de su sitio o de otro modo no tiene la opción de cargar una usando sus opciones de tema. Paso 1. Elija un complemento adecuado El título de este paso es un pequeño nombre incorrecto, porque Recomendamos solo un complemento: Favicon de Realfavicongnerator: es esencialmente una versión de complemento del sitio web popular y sobrecarga la funcionalidad incorporada de WordPress. Genera todos los iconos del sitio necesarios en una sola imagen y los almacena en la biblioteca de medios. Una vez que haya instalado y activado el complemento, casi terminó. Paso 2. Cargue el icono del sitio por completo una vez que se active el complemento, notará un nuevo panel de aspecto> favicon en el tablero de WordPress. El título aquí muestra un conjunto simple de opciones:
Aunque la formulación está ligeramente confundida, cargue en esencia (o seleccione una imagen desde) la biblioteca de medios. No olvide agregar texto alternativo aquí si aún no lo ha hecho. Para iniciar el proceso de carga, haga clic en el botón Azul Genere Favicon y muévase al paso final. Paso 3. Descargue los iconos de su sitio. Una vez que el complemento comience a generar los iconos de su sitio, notará que se está moviendo a una versión de aplicación web. Aquí encontrará todos los diferentes iconos del sitio para varias plataformas y dimensiones: tenga en cuenta que puede elegir algunas opciones adicionales para la plataforma aquí, con respecto al diseño y la presentación del icono de su sitio:

Sin embargo, una vez que esté listo, haga clic en Generar favicones y códigos HTML, cuando el complemento hará su magia. Finalmente, lo traerán de regreso al tablero de WordPress, donde verá avances de los iconos de su sitio en diferentes modelos:

El icono de su sitio ahora debe estar listo para ejecutarse; nuevamente, querrá verificar el frente para asegurarse. 3. Trabaje con el código para mostrar el icono de su sitio. El enfoque final que incluiremos probablemente esté desactualizado para usuarios comunes, dadas las alternativas. Sin embargo, el uso del código para mostrar el icono de su sitio es ideal para requisitos muy precisos o incluso si crea un tema personalizado. Paso 1. Vaya al servidor de su sitio utilizando el Protocolo de transferencia de archivos (FTP) Para este enfoque, necesitará acceso al servidor a través de FTP. Además, necesitará un cliente apropiado, como Cyberduk o Filezilla, y habilidades suficientemente claras. Debido a que trabajaremos con los archivos básicos de WordPress, también se recomienda el uso de un tema para niños. Después de tenerlos en su lugar, conéctese al servidor utilizando las credenciales que se encuentran en el panel de control del host. Si no está seguro de dónde encontrarlos, debe comunicarse con los canales de asistencia del host. Estos también se pueden encontrar en un correo electrónico que recibió cuando inicialmente compró el alojamiento. Paso 2. Cargar archivos con el icono del sitio en WordPress Después de que haya accedido a su servidor, su cliente de FTP debe mostrar una lista de directorios de su sitio:


Aquí, tome el archivo con el icono del icono de su sitio y cárguelo tanto en el archivo del tema principal (que se encuentra en temas de Content> WP) como en el director raíz de su sitio en este momento, casi se han completado. El último paso es codificar el icono de su sitio en WordPress. Paso 3. Agregue el código al encabezado de su sitio web para el paso final, querrá volver a WordPress, especialmente en la página de aspecto> Editor de temas: cuando accede por primera vez a la página, aparecerá un diálogo de advertencia. Los principiantes de esta pantalla querrán leer la notificación, antes de hacer clic, lo entiendo. La pantalla correspondiente mostrará aquí el código que constituye todo el sitio de WordPress y todo es editable, así que continúe con precaución. Primero, querrá verificar si trabaja con el tema correcto en el menú Drop -down Seleccione el tema Editar:

Luego desplácese hacia abajo en la parte superior de los archivos del tema hasta que encuentre la opción de encabezado del tema (Header.php). Deberá seleccionar esto aquí, que mostrará el archivo Header.php en el editor. Deberá buscar una línea de código que inicie, . Si lo encuentra, reemplácelo con el siguiente código:

!

Si la línea no existe en absoluto, puede agregar la línea entre las etiquetas :

Finalmente, haga clic en el botón Azul Actualización del archivo, luego verifique el icono de su sitio. En conclusión brevemente, el ícono de su sitio puede ayudar a los usuarios a reconocer su marca y mejorar su visibilidad. Se debe tener en cuenta cualquier oportunidad para atraer clientes potenciales; Dado el tiempo y los recursos que necesita para crear un ícono del sitio, la decisión de hacerlo es fácil. En esta publicación, analizamos cómo crear un icono del sitio para su sitio de WordPress utilizando tres métodos. Recapitulemos rápidamente: use la funcionalidad de WordPress construida para cargar su icono.

Instale un complemento como Favicon de Realfavicongnerator.

Muestre el icono de su sitio usando el código.

¿Será un ícono del sitio parte de la estrategia de marca general de su sitio? ¡Comparta sus opiniones en la sección de comentarios a continuación!