Inspiración.

Ese es mi objetivo para ti.

Muchos usuarios de WP aún no se han dado cuenta de lo poderoso que es WordPress, así que deja que este post sea una fuente de inspiración mientras descubres nuevas herramientas y tácticas para personalizar tu sitio web de WordPress.

Pondrás tu marca a tu sitio, personalizarás tu contenido e incluso harás cambios en el panel de administración.

Para cuando termines de leer, tendrás un sitio web más bonito y con toda la marca.

Hay mucho que aprender aquí, así que marca esta página para que puedas volver y terminar si necesitas más tiempo.

Comencemos con la mayor táctica de personalización de todas…

Elige un nuevo tema

La forma más rápida de hacer un cambio drástico en tu sitio es cambiar de tema de WordPress.

Cambiar de tema cambiará instantáneamente todo el diseño de tu sitio.

Pero hay un problema…

¡Hay más de 10.000 temas de WordPress para elegir! De hecho, ¡mucha gente lo hace!

Cada semana, la gente me envía un correo electrónico diciendo que han mirado cientos de temas antes de elegir uno de los míos.

Si quieres ahorrarte algo de tiempo, sigue mi guía sobre cómo elegir el tema perfecto para tu sitio.

Por supuesto, si quieres probar un nuevo diseño de inmediato, tenemos 19 temas de WordPress gratuitos que puedes previsualizar directamente desde tu panel de control de WP.

La siguiente manera fácil de hacer un gran cambio en el diseño de su sitio es cambiar de sus últimas publicaciones a una página estática en la página de inicio.

Cambiar a una página de inicio estática

Aquí hay un consejo de información privilegiada:

Todo sitio de WordPress debe utilizar una página de inicio estática.

Sí, incluso si eres un blogger. De hecho, ¡especialmente si eres un blogger!

Conseguirás más suscriptores y ganarás más dinero con tu sitio web si haces algo más que enumerar tus últimas publicaciones.

Por ejemplo, tu página de inicio puede incluir un formulario de suscripción por correo electrónico para aumentar tus suscriptores y luego promocionar algunas de tus mejores publicaciones en lugar de mostrar simplemente tus últimas publicaciones.

Este cambio es fácil de hacer desde el panel de control de WordPress. Sólo tienes que cambiar esta configuración a una página estática:

O bien, puedes seguir este sencillo video tutorial:

Por supuesto, ahora probablemente te estés preguntando cómo crear una página de inicio personalizada. Eso también es fácil de hacer con la herramienta adecuada.

Crear una página de inicio personalizada

Puedes usar Elementor para diseñar una página de inicio personalizada.

En caso de que no estés familiarizado con él, Elementor es un plugin de construcción de páginas, y como la parte de «constructor de páginas» implica, puedes usarlo para crear páginas totalmente personalizadas.

Este video tutorial en profundidad te enseñará a usar Elementor:

Suscríbete a Compete Themes en Youtube

Para empezar, puedes instalar Elementor en tu sitio buscándolo en el menú de plugins o descargándolo desde wordpress.org.

Después de instalar Elementor en tu sitio, puedes visitar cualquier página y hacer clic en el botón «Editar con Elementor» para lanzar el editor.

En la parte izquierda de la pantalla están todos los widgets disponibles que puedes arrastrar y soltar en el área de contenido de la página.

Para hacer una página personalizada, todo lo que tienes que hacer es añadir los widgets que quieras en el contenido de la página. Cada uno tiene una tonelada de opciones personalizables incluidas, como esta:

Gutenberg tiene bloques similares, pero los widgets en Elementor son mucho más personalizables.

Pero añadir y personalizar cada widget uno por uno puede parecer mucho trabajo. Para facilitar las cosas, Elementor cuenta con elegantes bloques prefabricados que puedes colocar en cualquier página:

Mejor aún, Elementor cuenta con páginas de ventas completas que puedes insertar en tu página con un solo clic.

Puedes examinar las páginas de inicio prefabricadas, insertar tu favorita y, a continuación, cambiar el texto y las imágenes para que queden perfectas.

Hay bastantes páginas de venta gratuitas, pero la mayoría de las mejores sólo están disponibles en Elementor Pro.

Así que para resumir cómo funciona todo esto…

Confiarás en tu tema para la mayoría de las páginas de tu sitio, pero cuando necesites una página completamente personalizada como para tu página de inicio, este es un gran momento para usar Elementor. De hecho, incluso como desarrollador de temas, he empezado a crear páginas con Elementor en lugar de codificarlas yo mismo porque es muy rápido y sencillo.

Comprueba Elementor →

Ahora que conoces los constructores de páginas, volvamos a las personalizaciones globales del sitio.

Cambia tu fuente

La fuente que elijas tiene un gran impacto en el carácter de tu sitio.

Es por eso que puedes estar molesto si no has llegado a elegir tu fuente.

Bueno, supongo que tu tema no tiene fuentes personalizadas si estás leyendo esto, así que aquí tienes una solución sencilla y gratuita:

Instala el plugin Google Fonts Typography.

Este plugin te dará acceso completo a la biblioteca de Google Fonts que es la fuente de fuentes de facto para la web.

Yo uso Google Fonts en todos mis temas y no conozco a ningún desarrollador de temas que use otra cosa.

Una vez que instales el plugin de tipografía de Google Fonts, encontrarás un nuevo panel en el personalizador donde podrás cambiar rápidamente la fuente en todo tu sitio.

Tengo un video tutorial detallado sobre cómo cambiar tu fuente con Google Fonts Typography si quieres instrucciones paso a paso.

Si estás usando cualquiera de nuestros temas, también encontrarás Google Fonts totalmente integrado en la actualización PRO de tu tema.

Ahora aquí hay otra victoria rápida para ajustar la presentación de tu sitio.

Cambiar el número de entradas por página

Por defecto, WordPress muestra diez entradas en la página principal de tu blog y en los archivos (categorías, etiquetas, autor y archivos de fechas).

Diez es un buen valor por defecto, pero ¿qué pasa si usted tiene un diseño de varias columnas como los diseños en Challenger Pro?

Los visitantes se desplazarán más allá de los diez puestos en un solo golpe. Su sitio funcionará mejor si incluye más posts, como 16 o 20 en su lugar.

Puede visitar el menú de configuración de lectura (Configuración > Lectura) y cambiar rápidamente el número de posts por página con esta configuración:

Simple, ¿verdad?

Cuando alguien llega al final de tus posts, puede hacer clic en la paginación para encontrar más, pero hay otra personalización que es mejor que la simple paginación.

Habilita el scroll infinito

Sé honesto.

¿Cuántas veces realmente haces clic en los enlaces de paginación en la parte inferior de un blog?

Yo lo hago a veces, pero todo lo que hago es el enlace a la siguiente página de posts. Sabiendo eso, ¿realmente necesitas algo más que un botón de «más entradas»?

El scroll infinito permite a los visitantes desplazarse por una página y autocargar las entradas a medida que se desplazan. Si bien esto puede funcionar bien para algunos sitios, hay un ligero ajuste que tiende a funcionar mejor. Esa solución consiste en incluir un botón de «cargar más» después de tus posts, como este:

Los visitantes pueden hacer clic en el botón para cargar los posts automáticamente sin recargar toda la página.

El plugin gratuito de WordPress Infinite Scroll hace un excelente trabajo, pero necesitarás estar cómodo editando algo de código en tu tema.

Si quieres una solución sin código, hay una función de desplazamiento infinito incluida en Jetpack. No todos los temas son compatibles, pero todos nuestros 19 temas funcionan con Jetpack.

El scroll infinito hará que tus visitantes lean más posts y pasen más tiempo en tu sitio. De hecho, ya que estamos en este tema, aquí hay dos formas más de personalizar tu sitio para que los visitantes lean más de tus posts.

Usa imágenes destacadas consistentes

¿Usas imágenes destacadas, verdad?

Sólo para asegurarnos de que estamos en la misma página, puedes usar esta opción en la barra lateral de cualquier post o página para añadir una Imagen Destacada:

Y la imagen se mostrará entonces en el blog y en la página del post así:

Las Imágenes Destacadas ayudarán a que cada post obtenga más atención y más clics lo que significa más lectores y suscriptores.

Pero hay algo más.

Algunos usuarios de WordPress sólo piensan en una entrada a la vez cuando seleccionan las Imágenes Destacadas y esto hace que su blog parezca inconexo.

Cuando elijas las Imágenes Destacadas, asegúrate de mantener un aspecto consistente.

Por ejemplo, yo suelo ceñirme al arte vectorial para las Imágenes Destacadas aquí en el blog de Compete Themes.

Escoge una estética consistente para las Imágenes Destacadas de tu sitio y conseguirás un diseño más bonito.

Yo uso Vecteezy para los gráficos vectoriales y Unsplash es la mejor fuente para fotografías profesionales y gratuitas. También te puede gustar Canva para añadir un título de post encima de tus imágenes.

Si quieres que tu blog sea aún más tentador, sigue este siguiente consejo.

Escribe un extracto personalizado para cada post

¡No puedo creer la poca gente que escribe extractos personalizados!

En la barra lateral derecha del editor, encontrarás este cuadro de Extracto:

Siempre que estés usando un tema bien codificado, el extracto que escribas ahí aparecerá en la página principal del blog y en los archivos.

Hay dos razones para escribir un extracto personalizado para cada post.

Primero, tu tema probablemente usa las primeras 25 palabras. ¿No crees que puedes escribir un teaser más tentador para tu post que simplemente tomar las primeras 25 palabras? Los visitantes harán más clic si escribes extractos convincentes.

En segundo lugar, puedes asegurarte de que el extracto encaja bien en el diseño cuando escribes extractos personalizados. Si la longitud por defecto parece demasiado larga o corta, escribir extractos manuales solucionará ese problema.

Además, también hará que su sitio funcione mejor en las redes sociales si sigue esta siguiente táctica de personalización.

Personaliza el aspecto de tu sitio en Facebook

Si has seguido mis dos últimos consejos, te va a encantar el aspecto de tus publicaciones cuando se compartan en Twitter y Facebook.

¡Pero! La forma más fácil es instalar el plugin Yoast SEO.

Yoast SEO va a optimizar su sitio para clasificar mejor en Google. No quiero desviarme demasiado porque este post es sobre diseño web y no sobre optimización de motores de búsqueda, así que puedes leer estos tutoriales de SEO si quieres más información sobre todo eso.

La otra cosa que hace Yoast SEO es añadir etiquetas Open Graph a tu sitio 😁

Las etiquetas Open Graph aparecen en el código fuente de cada página de tu sitio y le dicen a los sitios de medios sociales como Facebook qué contenido usar cuando alguien comparte tu sitio.

Si añades una imagen destacada y escribes un extracto personalizado, ese es el contenido que Facebook mostrará cuando se comparta la publicación, pero solo si tienes las etiquetas Open Graph añadidas.

Con Yoast SEO, también tienes la opción de añadir una imagen diferente solo para Facebook y/o Twitter.

¿Cómo de genial es eso?

Podrías usar una fotografía simple como tu Imagen Destacada, pero tener una versión diferente con el título superpuesto sólo para cuando la gente comparta el post en Facebook.

Mientras hablamos de medios sociales, esta siguiente personalización es esencial para construir tu audiencia.

CONSEJO ADICIONAL: Para ahorrar tiempo, escribo una meta descripción personalizada para cada post, la introduzco en Yoast, y luego la reutilizo como el extracto personalizado del post.

Añade tus iconos sociales

Esta personalización de WordPress es sencillísima.

Si quieres que la gente te siga, ¡tienes que ponérselo fácil!

La mayoría de los temas hoy en día tienen iconos sociales incorporados, como el tema Mission News que incluye iconos para más de 50 sitios de medios sociales.

Cuando alguien hace clic en uno de los iconos, lleva al visitante directamente a su perfil social. Esta es una gran manera de conseguir que la gente te siga en cualquier plataforma que prefiera.

Aunque añadir iconos sociales en la cabecera y/o en el pie de página de tu sitio es genial para construir tu audiencia, también deberías considerar añadir botones para compartir en redes sociales.

Añadir botones para compartir en redes sociales

No quiero confundirte, así que déjame aclarar esto.

En el último paso, recomendé añadir iconos vinculados a tus perfiles sociales en la cabecera del sitio. Esos son sólo enlaces.

Los botones para compartir en redes sociales deben añadirse en tus posts, así:

Cuando alguien hace clic en uno de estos botones, se abre una nueva pestaña con el post rellenado y listo para ser compartido.

Hay toneladas de plugins para elegir, pero mi nuevo favorito es Scriptless Social Sharing.

El problema que tengo con la mayoría de los plugins de botones para compartir es que ralentizan demasiado tu sitio. Scriptless Social Sharing incluye las características esenciales y nada más. Se carga súper rápido y funciona muy bien en el escritorio y en el móvil.

Con todo el nuevo tráfico que vas a recibir, querrás hacer algunas personalizaciones más para que tu sitio sea más rentable.

Agrega un formulario de contacto

Si vendes servicios en tu sitio entonces agregar un formulario para que los clientes puedan ponerse en contacto es obvio.

Pero un formulario de contacto es una parte esencial de todo sitio web. Nunca se sabe qué oportunidades pueden surgir.

Cuando se trata de añadir un formulario de contacto, WPForms es mi plugin favorito.

Es increíblemente personalizable y fácil de usar. Además, las actualizaciones premium realmente llevan las cosas al siguiente nivel.

Mi guía sobre cómo añadir un formulario de contacto a WordPress te guiará a través de todos los pasos.

Si no estás vendiendo servicios o ya tienes un formulario de contacto, es posible que quieras crear una nueva página de aterrizaje.

Crea una página de aterrizaje

Una página de aterrizaje es una página en tu sitio en la que los visitantes aterrizan. En otras palabras, usted envía el nuevo tráfico aquí para convertirlos en suscriptores y / o clientes.

Si usted está conduciendo con éxito el tráfico a su sitio, entonces es el momento de poner una oferta en una página de destino y enviar a los visitantes allí.

Recomiendo usar el plugin Elementor para crear una página de destino personalizada. Tienen páginas de aterrizaje terminadas y kits de sitio que puedes usar como punto de partida.

Un truco con las páginas de aterrizaje es que elimines toda la navegación o restrinjas la navegación en esa página. Para ello, tendrá que saber cómo crear menús personalizados.

Crear un menú personalizado

Aunque depende del tema que elija, es probable que su sitio emita cada «Página» en el menú principal.

Esto no es lo ideal.

Desea crear un conjunto personalizado de enlaces para su menú, y potencialmente unos pocos menús que se muestran en diferentes páginas de su sitio.

Para crear un menú personalizado, siga los pasos de este video tutorial:

Aprenderá a añadir enlaces a cualquier post, páginas o incluso URLs externas en su menú. También puedes reordenarlos y crear menús desplegables con facilidad.

Añade esta siguiente personalización para que tu sitio sea aún más fácil de navegar.

Haz que tu menú sea «pegajoso»

A estas alturas ya te has desplazado bastante hacia abajo en este post, pero si te fijas en la parte superior de la pantalla, verás que el menú principal sigue siendo visible.

Mantener su menú fijo en la parte superior de la pantalla en todo momento hace que su sitio sea mucho más fácil de navegar porque los visitantes no necesitan desplazarse todo el camino hacia arriba cada vez que deciden navegar a una nueva página.

Hay dos formas sencillas de hacer que tu navegación sea pegajosa (si tu tema no incluye ya esta opción).

Primero, puedes instalar el plugin gratuito Sticky Menu on Scroll.

Este plugin funciona muy bien pero necesitas saber cómo encontrar un selector CSS para usarlo. Para todos nuestros temas, puedes utilizar #site-header o #menu-primary-items dependiendo de si quieres que toda la cabecera o sólo el menú principal sea pegajoso.

La segunda alternativa es utilizar la opción de menú pegajoso disponible en Elementor Pro. Este método no requiere el uso de ningún selector CSS y, de paso, puedes personalizar completamente el diseño del menú.

Tengo un consejo más para que tu sitio sea aún más fácil de navegar.

Probablemente hayas oído hablar del cuento de hadas, Hansel & Gretel.

Como recordarás, dejan caer migas de pan mientras viajan por el bosque dejando un rastro que pueden seguir para encontrar el camino de vuelta a casa.

Los diseñadores web adoptaron este mismo término para el rastro de enlaces que a veces se añaden debajo de la cabecera, como este ejemplo en Amazon.

Cada enlace te lleva un paso atrás en la navegación de los sitios.

Aunque tu sitio web es sin duda más pequeño y menos complejo que el de Amazon, es probable que aún se beneficie del uso de migas de pan.

Si has instalado el plugin Yoast SEO recomendado anteriormente en este post, entonces no necesitas hacer mucho más. Sólo tienes que hacer clic en esta opción para activarla desde el menú de configuración:

Todos nuestros temas son compatibles con el rastro de migas de pan de Yoast, pero es posible que tengas que consultar con el desarrollador de tu tema si las migas de pan no se muestran en tu sitio.

Con estos últimos consejos, has hecho todas las personalizaciones más importantes para tu navegación.

Ahora vamos a pasar a la marca de tu sitio para un efecto visual consistente.

Personaliza tus colores

Este es un paso simple y quizás obvio para marcar tu sitio web.

Cambiar el color de acento en todo tu sitio creará un efecto visual consistente.

Si tu tema no incluye colores personalizados y no sabes cómo personalizar tu sitio con código, entonces déjame presentarte una herramienta impresionante: CSS Hero.

Aquí tienes un poco de información…

CSS es el nombre del lenguaje de codificación que utilizan los diseñadores web para dar estilo a las páginas web. CSS Hero es un plugin para WordPress que te permite personalizar tu tema sin tener que escribir una sola línea de CSS.

Por ejemplo, puedes cambiar fácilmente el color de fondo de tu sitio con CSS Hero. Empezarías abriendo el editor visual que tiene este aspecto:

A continuación, harías clic en el fondo revelando un conjunto de opciones de personalización en la barra lateral izquierda.

Por último, utilizarías la opción de color de fondo para establecerlo en cualquier color que desees y luego guardarías los cambios.

CSS Hero puede utilizarse para cambiar el color de cualquier elemento de tu sitio, así como las fuentes, el espaciado y un montón de otros aspectos de diseño.

Prueba CSS Hero →

Esta siguiente técnica de personalización es imprescindible para todo sitio web profesional.

Añade tu logotipo a la pestaña del navegador

Seguro que tu logotipo ya está en la parte superior de tu sitio. Todos los temas que he visto incluyen una sencilla opción para ello.

¡Pero no deberías detenerte ahí!

También deberías añadir tu logo a la propia pestaña del navegador, así:

Ese pequeño icono se conoce normalmente como favicon, pero la interfaz de WordPress lo llama «Icono del sitio».

No obstante, puedes encontrar esta opción en el Personalizador (Apariencia > Personalizar).

Dentro del Personalizador, abre la sección Identidad del Sitio y encontrarás la opción Icono del Sitio en la parte inferior.

Todo lo que tienes que hacer es subir la imagen del logo desde tu ordenador y darle al botón Publicar.

Cuando elijas una imagen para el favicon, lo mejor es usar un icono si tu logo lo incluye. Para Compete Themes, utilizo el icono del bolígrafo y el escudo, pero si no tuviera eso, simplemente haría el logotipo un cuadrado azul con «CT» en texto blanco.

También podría sorprenderse al ver que WordPress recomienda que su imagen sea de 512x512px. Eso parece un poco grande, ¿no?

Bueno, además del icono en la pestaña del navegador, tu favicon también se reutilizará en los marcadores que pueden mostrarse mucho más grandes. Por ejemplo, alguien que utilice un iPad Pro podría guardar tu sitio en su pantalla de inicio de Safari, donde el icono se mostrará bastante grande.

Puedes seguir nuestro tutorial completo sobre cómo añadir un favicon a WordPress si quieres una guía más detallada (también hay un videotutorial)

Otra forma de dar a tu sitio un aspecto distintivo es utilizar una imagen de fondo de marca.

Añadir una imagen de fondo

Ya no se ven imágenes de fondo tan a menudo.

Hoy en día, la mayoría de los sitios web se ciñen a un fondo blanco o gris claro. Si quieres destacar de verdad, prueba a añadir una imagen de fondo que sea bonita y acorde con la marca.

Podemos recurrir a CSS Hero una vez más para esta personalización.

Selecciona el fondo, pero en lugar de establecer un color, elegirías la opción de imagen en su lugar.

Puedes subir cualquier imagen que quieras e incluso importar una directamente desde Unsplash.

Ahora vamos a llevar tu marca al siguiente nivel.

Crea una página de inicio de sesión con tu marca

Si tienes miembros que inician sesión en tu sitio, crear una página de inicio de sesión con tu marca es imprescindible.

De hecho, incluso si sólo eres tú quien inicia sesión en tu sitio, marcar la pantalla de inicio de sesión proporciona una verdadera sensación de profesionalidad y satisfacción. Confía en mí!

He marcado el inicio de sesión de Compete Themes y ahora se ve impresionante:

Lo hice usando el plugin gratuito Custom Login Page Customizer.¡

Si quieres seguir los mismos pasos, escribí un post para WP Newsify sobre todo ello.

Si has estado siguiendo a lo largo de tu sitio y la pantalla de inicio de sesión son totalmente de marca, pero no hay razón para parar allí!

Llevemos el branding al panel de control del sitio para llevar la personalización de tu sitio de WordPress aún más lejos.

Personalizar el admin de WP

En primer lugar, por si no lo sabías, puedes cambiar la paleta de colores del panel de control del admin desde el menú Tu perfil.

Siguiendo con el tema, los esquemas de color que hay probablemente no coincidan con tu marca perfectamente. Para tener un control total sobre tu interfaz de administración, echa un vistazo al plugin WP Custom Admin Interface.

Tendrás un enorme control sobre el diseño de la interfaz de administración de tu sitio. Por ejemplo, puedes crear una nueva paleta de colores que puede ser seleccionada desde el menú Tu Perfil.

Y puedes incluso renombrar y reordenar tus elementos de menú, ocultar menús y añadir nuevos elementos de menú completamente personalizados.

Si quieres un control total sobre la interfaz de administración, esta es la manera de hacerlo.

Ahora que conoces todas las mejores maneras de marcar tu sitio web para un negocio, vamos a cubrir algunas personalizaciones de marca personal.

Actualiza tu nombre de visualización

Veo esto todo el tiempo en los nuevos sitios web de WordPress:

¿Quién es admin?

Dejar su nombre de esta manera no hace que su sitio parezca muy profesional y ciertamente no ayuda a su marca personal.

La buena noticia es que es muy fácil de cambiar.

El nombre que aparece en el encabezamiento de tus publicaciones y en los comentarios se denomina Nombre para mostrar, y puedes cambiarlo desde el menú Usuarios > Tu perfil.

Una vez guardado, se actualizará al instante en todo tu sitio.

Este vídeo explica cómo utilizar los nombres de visualización con más detalle:

Una vez configurado tu nombre, también querrás añadir un avatar personalizado.

Mostrar un avatar personalizado

No querrás que se muestre un avatar por defecto junto a tu nuevo Nombre para mostrar, como este:

La mayoría de los temas de WordPress se integran con Gravatar, así que en el momento en que añadas una imagen allí se mostrará al instante en tu sitio.

Por si no conoces Gravatar, es un servicio muy sencillo.

Lo único que tienes que hacer es añadir una dirección de correo electrónico y subir una imagen para asociarla. Eso es todo 🙂

Verás que la imagen de Gravatar aparece en tu sitio y en cualquier otro sitio web que se integre con el servicio (muchos lo hacen).

Alternativamente, puedes instalar el plugin Simple User Avatar para subir una imagen de perfil a tu sitio sin usar Gravatar.

Colocar tu nombre y foto en todas tus publicaciones es un gran comienzo, y añadir un «cuadro de autor» puede llevar las cosas al siguiente nivel.

Agregar una caja de autor

Por «caja de autor», me refiero a algo como esto:

Las cajas de autor son grandes para la construcción de su marca por dos razones.

En primer lugar, consiguen su nombre y la cara delante de los visitantes.

En segundo lugar, puedes añadir una breve biografía que te ayude a añadir aún más personalidad y relacionabilidad. Además, puedes enlazar a las páginas que quieras.

Dado que el cuadro de autor se muestra después del contenido del post, los visitantes que lo ven acaban de terminar de leer un post que es un gran momento para asociarse con ese contenido.

Si tu tema no tiene un cuadro de autor incluido, recomiendo instalar el plugin Simple Author Box.

Hay bastantes plugins de caja de autor disponibles, pero ese da el mejor equilibrio de flexibilidad y calidad fuera de la caja en mi opinión.

Este video tutorial le dará una mirada detrás de las escenas si desea ver cómo funciona primero. O puedes seguir esta guía sobre cómo añadir una caja de biografía de autor.

La siguiente forma de personalizar tu sitio te ayudará a construir tu marca personal aún más rápido.

Agrega un widget «Acerca de mí»

Si tu sitio web tiene una barra lateral, una de las mejores personalizaciones para construir tu marca es incluir un widget Acerca de mí en la parte superior.

Esto mantendrá su nombre y avatar visibles en cada página que publique.

Puede utilizar el widget de texto o el widget HTML para crear un diseño como éste usted mismo, o instalar el plugin Easy Profile Widget.

Cuanto más exponga a los visitantes a su nombre, avatar y biografía, más familiar será para ellos y mejor funcionará su marketing.

Hablando de widgets, aquí tienes otra forma impresionante de personalizar tu sitio web de WordPress.

Controlar en qué páginas se muestran los widgets

Los widgets son increíbles, pero hay un problema.

A veces quieres añadir un widget a tu barra lateral, pero no quieres que se muestre en todas las páginas de tu sitio web.

¿Qué pasaría si pudieras elegir exactamente en qué entradas y páginas se muestra cada widget?

Con el plugin Opciones de Widget, puedes hacerlo.

Después de instalar Opciones de Widget, verás esta nueva sección añadida a cada widget.

Puedes añadir widgets a tipos de páginas enteras a la vez como todas las categorías, o elegir categorías específicas o incluso páginas individuales.

Como puedes cambiar fácilmente las reglas entre incluir VS excluir el widget en las páginas seleccionadas, este plugin le da a tu sitio una flexibilidad increíble.

Aquí hay otra manera de mejorar la personalización de su sitio.

Agregar descripciones de categoría

Un encabezado de categoría regular en su sitio podría ser algo como esto:

Aunque esto funciona bien por sí mismo, en realidad puede agregar una descripción única para cada categoría.

Con una descripción añadida, puedes ayudar a los visitantes a entender exactamente lo que van a encontrar en la página y también es bueno para el SEO.

Puedes visitar la página de Categorías (Entradas > Categorías) y hacer clic en cualquier categoría allí para editarla. Luego, en la siguiente página, escribe la descripción en este cuadro:

La mayoría de los temas mostrarán la descripción en la página de la categoría debajo del encabezado, así:

Puedes completar esta personalización en cuestión de minutos y darle a tu sitio un aspecto más profesional.

Otra forma de impulsar la profesionalidad de tu sitio es personalizar el texto del pie de página.

Personalizar el texto del pie de página

La mayoría de los temas de WordPress incluyen un breve crédito de diseño en la parte inferior del sitio.

Aunque a menudo no es posible eliminar este texto sin escribir código, algunos temas como Ignite, incluyen una opción sencilla en el Personalizador para cambiar el texto del pie de página.

Puedes incluir el texto que quieras, pero muchos sitios web optan por incluir el nombre de la empresa, el año actual y un icono de copyright. Puedes usar tus emojis para añadir un símbolo de copyright o simplemente copiar este en tu portapapeles – ©

Personaliza los correos electrónicos que envía WordPress

Esto puede ser enorme para ti si tienes miembros que se unen a tu sitio.

WordPress tiene un montón de mensajes preescritos que envía. Por ejemplo, hay mensajes de correo electrónico para cuando alguien se une a su sitio o cambia su contraseña.

Ninguno de estos mensajes va a estar en la marca para usted, así que usted puede instalar el plugin de notificación para obtener el control total sobre la copia de correo electrónico.

Este plugin es increíblemente personalizable y le permite cambiar la copia de los correos electrónicos existentes y añadir eventos completamente nuevos para el envío de correos electrónicos.

Normalmente pensamos en la personalización del sitio web como cambios visuales para un sitio, pero escribir una copia personalizada para sus correos electrónicos llevará su personalización aún más lejos.

Si realmente quiere que todos los aspectos de su sitio sean personalizados, uno de los últimos pasos es editar su página 404.

Personaliza tu página 404

Si despublicas una página o cambias la URL y alguien visita la antigua dirección, verá una pantalla 404 como esta:

Aunque quieras limpiar los enlaces rotos y los errores 404 de tu sitio, es algo perfectamente natural para un sitio web.

Como sabes que la gente verá ocasionalmente tu página 404, esta es otra oportunidad para crear una página de marca personalizada.

Para ello, recurriremos al plugin 404page.

Con este plugin puedes crear una página 404 totalmente personalizada para tu sitio. Está diseñado de una manera muy inteligente.

Con 404page, puede simplemente publicar una página regular con cualquier contenido que desee y luego asignarlo como su página 404. Esto es mucho más fácil y más flexible que el uso de un editor personalizado para la página de error.

Aquí hay un consejo final que le dará mucho más control sobre su sitio web.

Master the HTML widget

Aprender a escribir código es un gran trabajo, pero ahí está la cosa…

HTML no es un lenguaje de programación como PHP o Javascript. HTML es sólo marcado.

Esto significa que puedes aprender HTML muy rápidamente y una vez que conozcas lo básico, descubrirás que tienes mucho más control sobre tu sitio.

Con el widget HTML que viene incluido en WordPress, puedes crear prácticamente cualquier contenido o diseño que desees sin necesidad de añadir nuevos plugins.

Por ejemplo, anteriormente recomendé un widget para crear un widget «Sobre mí» en la barra lateral, pero esto se puede hacer fácilmente sin añadir un nuevo plugin si sabes escribir HTML.

Es un gran primer paso en el código y lo recomiendo encarecidamente para los usuarios de WordPress que quieran ser más técnicos.

Conclusión

En primer lugar, ¡felicidades por haber llegado hasta aquí!

Este post se fue alargando a medida que se me ocurrían formas adicionales de personalizar un sitio web de WordPress.

Para ser honesto, sólo he arañado la superficie en este post – hay un montón de otros cambios que puedes hacer a tu sitio.

Volviendo a mi primer punto, una de las mejores maneras de empezar a personalizar tu sitio es elegir un tema personalizable, así que antes de ir, echa un vistazo a nuestros mejores temas y previsualízalos en tu dispositivo. Todos son totalmente gratuitos – ¡para siempre!

Ver nuestra colección de temas →

Si tienes preguntas u otras ideas que compartir, publícalas en la sección de comentarios más abajo.

Ben Sibley

Ben Sibley es un diseñador de temas de WordPress &desarrollador, y fundador de Compete Themes.

.