Personaliza tu blog: Herramientas de diseño y consejos para principiantes

En un mundo lleno de imitadores y copiones, WordPress puede ayudarte a crear un blog personalizado que destaque. La singularidad de tu sitio web te diferenciará de la competencia y te permitirá crear una narrativa que tu audiencia probablemente seguirá. En este artículo, hablaremos de cómo personalizar las páginas de tu blog puede hacer que tu sitio sea más interesante, atractivo y fiable para tus visitantes. 

Los temas incluyen:

• Diseño del blog
• Añadir Favicons
• Añadir un botón Volver arriba
• Actualizaciones automáticas de WordPress

Diseño del blog

Es probable que ya tengas una visión en mente cuando piensas en tu blog. Una vez que hayas lanzado Website Creator, el primer paso para crear tu nuevo sitio es elegir una "inspiración", o tema. Los temas controlan todo el aspecto de tu blog, y hay muchos entre los que elegir: más de 200, para ser exactos, todos desglosados en categorías sencillas para facilitarte un poco las cosas.

¿No encuentras nada que te guste? No te preocupes. También puedes elegir entre la amplia biblioteca de temas de WordPress, con miles de opciones.

Aunque el proceso es bastante autoexplicativo, tenemos tutoriales en profundidad sobre cómo instalar tu primer tema o cómo cambiar de tema en nuestro sitio, si los necesitas.

Añadir menús de navegación

Una vez que hayas instalado tu tema, querrás asegurarte de que los visitantes puedan orientarse. De hecho, una navegación fácil de usar es uno de los elementos más importantes de tu sitio web. ¿Por qué? Porque si los visitantes tienen que buscar lo que necesitan, se irán. 

Los estudios demuestran que el usuario medio de un sitio web lo abandonará en cuestión de segundos si no ve inmediatamente lo que busca. Para asegurarte de que esto no te ocurra, crea un menú de navegación sencillo para que los lectores puedan encontrar fácilmente las secciones importantes de tu sitio (como "Acerca de", "Contacto" y "Blog").

Website Creator te ofrece la posibilidad de trabajar con múltiples métodos para manipular la estructura del menú y satisfacer las necesidades de tus visitantes. La técnica más común es anidar elementos, o agrupar elementos similares, pero existen otras opciones de personalización.

Personalizar tu blog

¿Quieres que tu blog destaque de verdad? Utiliza el personalizador incluido para ir más allá de lo básico.

Hay muchas formas de añadir un toque personal o contenido de marca, pero éstas son algunas de las más populares:

• Widgets: ¿Alguna vez has visitado un sitio web y has visto los pequeños cubos en la parte inferior de la página que enlazan con el Facebook o Twitter de ese negocio? Eso son widgets. Son pequeños bloques que realizan una función específica, y son una forma divertida de personalizar tu sitio.
• Colores: Cada tema viene con un conjunto predeterminado de colores, pero puedes ajustarlos fácilmente para adaptarlos a tus necesidades. Por ejemplo, si quieres que tu blog coincida con el logotipo de tu empresa, eso es algo que puedes cambiar rápidamente.  
• Imagen de fondo: Del mismo modo, cada tema viene con una imagen de fondo preestablecida, pero puedes cambiarla fácilmente por tu propia foto o logotipo. Además, puedes personalizar la posición, la repetición y la fijación de la imagen.

Añadir plugins

Website Creator viene con un conjunto de plugins premium WordPress que ayudan a potenciar tu sitio. Desde SEO hasta copias de seguridad y galerías de imágenes, todo está ahí.

¿Quieres una función que no está ahí? También tienes acceso a los cientos de plugins gratuitos y premium disponibles a través de WordPress. Hay plugins para añadir un carrito de la compra, crear un programador online, publicar automáticamente entradas en Facebook y, en realidad, casi cualquier cosa que se te ocurra.

Añadir Favicons

¿Qué son los Favicons?

Los favicons son las pequeñas imágenes que aparecen en la parte izquierda de la barra de direcciones del navegador web cuando visitas un sitio.

Un favicon bien diseñado coincide con el logotipo o el tema de una empresa y se reconoce fácilmente como perteneciente a ella: es una forma de que los clientes actuales y potenciales identifiquen rápidamente que están en el sitio correcto antes incluso de leer nada.

Si no utilizas un favicon, ahora es el momento de empezar. Es una forma sencilla de mejorar tu imagen de marca con poco tiempo y esfuerzo.

¿Por qué utilizar un Favicon?

¿Cuántos sitios web tienes marcados en tu navegador? Seguramente docenas, ¿verdad?

Cuando navegas por esa lista, ¿lees el nombre de cada sitio web? ¿O simplemente buscas la imagen que pertenece a ese sitio?

Los usuarios de Internet suelen buscar las opciones más cómodas posibles, y detectar un icono familiar es mucho más fácil que leer una lista de nombres. A fin de cuentas, un favicon es sólo una de las muchas características intuitivas del diseño web que harán que los clientes actuales y potenciales vuelvan. 

Por desgracia, muchos empresarios no se dan cuenta de lo fácil que es añadir un favicon, y acaban por no utilizar ninguno o simplemente dejan el genérico que les proporciona su proveedor de alojamiento web. Si estás en esa misma situación, sigue estos sencillos pasos para conseguir tu propio favicon personalizado en cuestión de minutos:

Crear un Favicon

Crear un favicon es sencillo, y no necesitas ninguna experiencia especial en codificación o diseño. Sólo hay unas cuantas reglas sencillas:

• El tamaño - Los favicons son de 16×16 píxeles. Es importante utilizar las dimensiones adecuadas para tu foto o gráfico, o no se mostrará correctamente. Muchas personas optan por crear una imagen personalizada sólo para este fin, ya que puede ser difícil reducir una imagen existente a un tamaño tan pequeño sin perder detalle o claridad.
• Elegir una imagen - Como un favicon es tan pequeño, puede ser difícil saber qué utilizar. Algunas ideas comunes son
  
  • Tu logotipo (o parte de él)
  • Una versión estilizada de la primera letra del nombre de tu empresa
  • Un icono que comunique lo que haces (por ejemplo, si diriges una empresa de catering, podrías utilizar una cuchara o un gorro de cocinero).
    
• Formatear la imagen - Como es lógico, los favicons utilizan el formato de archivo de icono (.ico). Si sólo tienes imágenes .jpg o .png, no te preocupes: hay un montón de servicios fáciles y gratuitos disponibles en Internet que pueden tomar tus imágenes de 16×16 y convertirlas.

Nos gusta especialmente favicon.ico por su facilidad de uso y sencillez: Sólo tienes que subir tu imagen, elegir el tipo de archivo que quieres y hacer clic en "crear favicon". ¡No puede ser más fácil!

Cómo enlazar con tu Favicon

Now that you’ve created a favicon, if you want it to show up in browsers, you need to tell them where to find it. To do so, add this line to the <head> section of your HTML:

<link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />

La mayoría de los faviconos se colocan en el directorio raíz (el directorio que contiene la página de inicio); sin embargo, la ubicación no es realmente importante siempre que el atributo href sea correcto. Cabe señalar que si el favicon se almacena en el directorio raíz, algunos navegadores lo encontrarán y lo mostrarán, aunque no lo vincules a tu HTML. Eso no ocurrirá si lo almacenas en otro lugar.

Cómo poner un Favicon en tu CMS

Sigue estas guías para tu CMS:

WordPress	Joomla
Drupal 8	Grav
Drupal 7	PrestaShop

Añadir un botón "Volver arriba

¿Qué es un botón Volver arriba?

Todos sabemos que el contenido es el rey. Y muchos expertos dicen que el contenido de formato largo (1.200 palabras o más) te ayuda a posicionarte mejor en Google y aumenta las conversiones. Pero, ¿qué ocurre cuando un lector se adentra en ese blog de 1.500 palabras y decide que ya ha leído suficiente?

Si algo sabemos del usuario medio de Internet es que es impaciente. No van a tomarse el tiempo de desplazarse hasta la parte superior de la página para encontrar el menú de navegación; en lugar de eso, probablemente pulsarán la pequeña "x" de la parte superior de la página y la cerrarán.

Un botón "Volver al principio" les permite pulsar el botón y volver a la parte superior, sin necesidad de desplazarse ni esperar.

Añadir un botón "Volver arriba

Hay varios plugins de WordPress que añadirán un botón "Volver al principio" a tu blog, como WPFont Scroll Top y Scroll Back to Top. Para añadir uno de estos, o cualquier otro plugin "Volver al principio", a tu sitio web: ve a Plugins > Añadir nuevo. Busca el nombre del plugin y haz clic en Instalar y activar.

Una vez activado tu nuevo plugin, te llevará automáticamente a la pantalla de configuración. Hay varios ajustes que puedes personalizar, pero uno de los más importantes es elegir la imagen que vas a utilizar; encontrarás esa opción hacia la parte inferior de la página.

Cuando termines de elegir la configuración, ve a tu sitio web para probar tu nuevo botón. Tus visitantes apreciarán la mejora en la usabilidad de tu sitio y tu posicionamiento en los buscadores lo reflejará.

Actualizaciones automáticas de WordPress

La seguridad de tu sitio web es una de las responsabilidades más importantes de tener un negocio. Es imprescindible que mantengas actualizado tu sitio web y sus medidas de seguridad, ya que los tipos de ataques cambian constantemente. 

¿Por qué actualizar?

Mantén siempre actualizado tu sitio de WordPress . Es importante para la seguridad, y la actualización añade nuevas funciones que facilitan tu trabajo, aumenta la velocidad y la eficacia, y corrige errores. Las versiones menores, que forman parte de la función de actualización del núcleo, son una parte automática de WordPress 3.7 y versiones superiores. Las versiones menores cubren la seguridad y la corrección de errores.

Riesgos de las actualizaciones automáticas

¿Cuáles son los riesgos de las actualizaciones automáticas? Podrías correr el riesgo de incompatibilidad, especialmente si has adaptado plugins o temas originales a tus necesidades. ¿Sabías que las empresas de alojamiento de WordPress actualizan automáticamente tu sitio a las principales versiones, a la vez que supervisan tu sitio para asegurarse de que no se rompe nada? Es una gran ventaja.

Entonces, ¿cómo actualizas tu sitio web sin afectar a su funcionalidad? Una estrategia de actualización bien diseñada se centrará en estas áreas:

• Vulnerabilidades críticas de seguridad.
• Actualizaciones del sistema operativo.
• Actualizaciones que pueden revertirse fácilmente a una versión anterior.

Las actualizaciones manuales, en cambio, deben reservarse para:

• Actualizaciones no críticas.
• Actualizaciones de sistemas con mucho tráfico.
• Actualizaciones de firmware, conmutadores de red y mucho más que no pueden actualizarse de ninguna otra forma.

Para las actualizaciones manuales, lo mejor es crear un sandbox y procesar tus cambios en un entorno más seguro. De esta forma, puedes introducir los cambios con sólo pulsar un botón y ver un impacto mínimo en tu sitio activo.