diseño de tu blog:

La guía absoluta para diseñar tu blog

Si estás buscando un diseño en el que tus visitantes y tú se sientan a gusto, esta guía te ayudará.

En esta guía te hablaré sobre mi experiencia intentando temas, looks y plugins que ayudan a tu blog a resaltar en una era donde todos quieren bloguear.

Navega libremente haciendo click en la tabla de contenido.

tabla de contenido

Capítulo 1

Todo lo que debes saber sobre los temas (Themes)

Capítulo 2

Divi Theme y Divi Builder para tu blog

Capítulo 3

Diseño gráfico para tu blog

Capítulo 1

Todo lo que debes saber sobre los temas (Themes)

En este capítulo aprenderás lo que es un tema, cuáles son los temas más populares, si debes ir tras uno gratis o uno pago y cuáles son las ventajas o desventajas de usarlos.

¿Qué es un tema en WordPress?

Cuando se habla de los temas o «themes» en inglés, estamos hablando del diseño general de tu sitio web.

Un tema de WordPress generalmente provee:
– el diseño general de tu blog
– el estilo de letra
– colores
– lugares para los widgets
– diseño de las páginas individuales
– los estilos de las entradas
– otros detalles de diseño

Temas gratis o pago

Existen miles de temas, unos son gratuitos y otros tantos que son pagando. 

Para poder contestar la pregunta de si comprar temas o quedarte con los gratis, hay que explorar las ventajas de los que requieren dinero y así puedas tomar una decisión final.

Ventajas de los temas por membresía

1. Servicio al cliente
Por lo regular, los temas que requieren dinero tienen apoyo al cliente inmediato o de pocas horas para obtener tu respuesta. Los temas gratis rara la vez tienen apoyo técnico por lo que tendrías que recurrir a foros comunitarios para intentar resolver alguna falla.

2. Actualizaciones seguidas
Quien diseña un tema y cobra por éste, se mantiene mejorando su producto constantemente. Los temas gratis son dejados en el olvido o si son actualizados es por el próximo punto.

3. Los gratis no son gratis
Lo más común sobre los temas gratis es que tienen una extensión que requiere una compra. Para el momento en que te percatas de los límites de la versión gratis ya es muy tarde y tienes que tomar la decisión de comprar sus servicios o cambiar a uno que sea pagando. Los temas que son pagando te hablan con la realidad de lo que pagarás desde el principio.

4. Más libertad para editar
Los temas que requieren dinero te ofrecen mayor flexibilidad para hacer que tu sitio web se vea como realmente deseas.

Recomendación: Por si aún no queda claro el punto que quiero llevar es de que te alejes de los temas gratuitos. Son muchas complicaciones por tratar de ahorrar unos cuantos billetes al año y si estás aquí es porque deseas generar dinero con tu blog, es decir, esto será tu negocio. Comienza con el pie derecho y haz la inversión.

Los mejores 3 temas de WordPress para tu blog

Te presento los temas que son reconocidos popularmente como los mejores cuando se trata de blogging en WordPress. También incluiré algunas imágenes y videos que te ayudarán a tomar una decisión educada.

 

Divi Theme

Descripción general: Con Divi puedes editar todo en tu página visualmente sin tener que lidiar con códigos. Los cambios que haces desde el constructor, son cambios que realizas automáticamente en tu sitio web. Es el tema que uso en todos mis blog y es el que estás viendo a lo largo de esta guía.

Precio:  $89/anual (la licencia te permite usarlo en cuantos sitios web como desees)

Trasfondo: Divi lleva muchos años en el mercado y ha sido la compañía más innovadora en los últimos años. El concepto de modificar visualmente sin el uso de códigos fue impulsado por Elegant Themes, creadores de Divi.

Características principales:

– Edición visual en vivo
– Mas de 300 pre-diseños para escoger
– Edición de texto en vivo
– Herramientas novedosas
– Elementos globales
– Más de 40 elementos
– Responsivo (se ajusta a desktop, tablet y smartphone)

Elementor

Descripción general: La competencia directa de Divi. Los pasados meses ambas compañías se han dedicado a mejorar su contenido, facilitar la construcción de páginas y añadir herramientas. Esto ha causado que tengan un parecido en lo que ofrecen.

Precio:  Gratis para acceso al Constructor de Páginas; $49/anual por 1 sitio web, $99/anual por 3 sitios web y $199/anual por cantidad ilimitada de uso

Trasfondo: Elementor es un constructor de sitio web, no un tema. Puedes crear tu propio diseño con Elementor y sus poderosas herramientas. Su versión gratuita te sirve hasta cierto punto, pero para disfrutar de todas las comodidades que ofrece deberás comprar la licencia anual para la cantidad de sitios web que desees crear.

Características principales:

– Edición visual en vivo
– Creación de cabecera (header)
– Creación de pie de la página (footer)
– El creador de páginas más rápido
– Responsivo (se ajusta a desktop, tablet y smartphone)

 

Capítulo 2

Divi Theme y Divi Builder para tu blog

En el anterior capítulo toqué unos puntos generales sobre Divi y su competencia directa, Elementor.

Aquí profundizaré en Divi porque es el tema y constructor que te recomiendo y utilizo para mis páginas.

Si quieres aprender más sobre esta gran herramienta que llevará tu blog a lugares donde pocos blogs logran llegar, sólo sigue leyendo.

Entendiendo el Divi Theme y Divi Builder

Lo más importante que debes entender es que son dos cosas separadas que se unen para hacer una excelente combinación.

El Divi Theme se refiere al diseño general y donde se coloca, de manera estándar, cada elemento.

El Divi Builder es donde la magia verdaderamente toma lugar. 

Te lo explico…

El Divi Builder por partes

Si es la primera vez que te enfrentas a un ‘builder’, puede ser que te parezca como un gran reto. Pero confía en mi. Es más fácil de lo que parece.

Para efectos de este tutorial vamos a crear una página de inicio. Por lo que:

Paso 1. Dirígete a tu escritorio de WordPress y haz click en «Páginas.»

En el caso de que aún no hayas creado tu página de inicio haz click en «Añadir nueva.»

Si ya creaste tu página de inicio haz click.

Paso 2. En la pantalla que se te presenta pondrás por título «Inicio,» en la opción de «Diseño de página» selecciona «Fullwidth» y das click en «Usar constructor Divi» > «Usar constructor visual.»

Una vez en el constructor verás que se divide en tres niveles: Sección, Fila y Módulo, como se presenta en la siguiente imagen:

La sección sirve de albergue para las filas y las filas sirven de albergue para los módulos.

En cada uno de los niveles existen elementos propios.

Elementos los niveles

Cada nivel funciona, en esencia, de la misma forma. Para efectos de este tutorial te mostraré cómo se trabaja desde el nivel de Sección y este procedimiento lo puedes aplicar para las Filas y los Módulos de la misma manera.

El nivel de secciones es el más amplio, por ende, sus elementos se caracterizan por la anchura. 

Estos elementos son controles deslizantes, códigos, deslizante de mensajes, imagen, menú, mapa, portafolio y títulos.

Para ver estos elementos haz click al pie del rectángulo donde puedes añadir una nueva sección y presiona «Ancho completo.»

Abrirá una ventana que luce así:

Para modificar una sección ya existente, dirígete a la esquina superior izquierda del rectángulo y presiona la rueda de configuración.

Ahí encontrarás toda una lista de configuraciones para hacer que luzca y tenga los componentes que deseas.

Los niveles de Fila y Módulo tienen los mismos elementos. Sin embargo, desde la Fila puedes dividir el espacio para tener cuantos Módulos necesites.

Capítulo 3

Diseño gráfico para tu blog

Es hora de diferenciar tu blog mediante logos e imágenes que resalten.

En este capítulo te hablaré sobre las herramientas que utilizo para diseño gráfico.

Te daré tres alternativas a escoger.

 

Herramientas que te ayudarán en tu diseño gráfico

Hay dos cosas que le asustan a muchos bloggers: códigos y diseño. Si eres una de esas personas, te tengo buenas noticias.

Puedes diseñar tu blog sin tener conocimiento de diseño gráfico. En lo absoluto.

Comencemos.

PhotoShop

El programa de diseño gráfico por excelencia. Sé que te prometí traerte herramientas que no requieran conocimiento previo pero no puedo pasar a las próximas sin al menos mencionar PhotoShop. 

Lo uso seguido en mis diseños y la mayoría del tiempo con video tutoriales de YouTube guiando mi camino.

La desventaja es que no es gratis (aunque hay un demo de 7 días que puedes aprovechar), de hecho, su plan básico es de $9.99 mensual.

Canva

Canva es la sensación del diseño gráfico. Gratis servicios para que gratismente disfrutes de su gratis variedad. ¿Así o más gratis?

Sí, es libre de costo, pero otra cosa de lo que es libre es de dolores de cabeza. Canva simplifica el diseño gráfico al punto en que puedes llamar un abuelito, darle cinco minutos de adiestramiento y te podrá crear un buen diseño.

Esto es posible gracias a su interface amigable y las plantillas pre-diseñadas.

Es ideal para crear tu logo, crear las miniaturas de tus entradas y las imágenes para las redes sociales, ¡incluyendo los pines de Pinterest! 

Fiverr

¿La inspiración y tú tuvieron una ruptura sentimental hace muchos años atrás? 

¿Por más que intentas no quedan bien tus imágenes y tu logo?

Entonces Fiverr es tu opción ideal. En Fiverr contratas a una persona para que lo haga por ti. Los diseñadores (y muchos de los servicios que se ofrecen) cobran súper barato por sus buenos trabajos.

Así es, «bueno» y «barato» en la misma oración.

Los precios varían entre $5 y cerca de los $50 por un logo simple. Hay diseñadores profesionales que pueden pedir más de esa cantidad por unos trabajos espectaculares. Todo depende de tu presupuesto.