Diseña tu propio blog en WordPress con este sencillo tutorial para principiantes. Comienza con todo lo que necesitas saber para crear un blog exitoso que a tus lectores les encantará.
UNADespués de una cantidad exorbitante de investigación, morderse los labios y reorganizar mi escritorio, finalmente dejé de evitar el siguiente paso importante en mi viaje de blogging.
Cerré los ojos y presioné enviar en el correo electrónico dando a mi nuevo anfitrión la autorización para mover mi blog a WordPress.
Luego, cerré mi laptop y comencé a caminar.
¿Sería capaz de descubrir cómo usar esta nueva plataforma? ¿Mi blog se vería "lo suficientemente bueno" sin gastar miles para contratar a un diseñador profesional?
Soy una madre, incluso una escritora, pero no soy una desarrolladora web experta en tecnología.
Aún así, he podido crear un blog exitoso que sirve a mis lectores, me brinda mucha alegría y proporciona un ingreso a tiempo completo, por lo que no puedo quedarme en casa con mis hijos.
No importa cuán grandes sean sus reservas sobre el diseño de su propio blog en WordPress, he vivido para decirlo es mucho más simple de lo que probablemente esté imaginando en este momento.
¡Puedes hacerlo y hacerlo bien con unos simples pasos y recursos!
Cómo diseñar tu propio blog
Si quieres comenzar un blog, pero no estás seguro de por dónde empezar, o incluso cómo debería ser un blog, esta publicación es para ti. Tal vez no sientas que eres un experto en informática.
No dejes que eso te detenga de comenzar tu blog. ¡Este tutorial de diseño de sitios web de WordPress lo llevará de una pantalla en blanco a escribir su primera publicación hermosa para compartir con el mundo!
Si aún no se ha registrado en su blog de WordPress, regrese a la publicación anterior de esta serie sobre Cómo iniciar un blog exitoso para ponerse al día.
Luego, vuelve aquí y te mostraré cómo diseñar un blog en WordPress rápidamente, para que puedas comenzar con las cosas divertidas ¡escribir!
Sí tú hacer necesita tener un diseño de blog de aspecto profesional para tener éxito y obtener un ingreso desde casa.
Lo que tu no la necesidad es gastar miles en servicios de diseño profesional para obtenerlo.
Puedes diseñar tu propio diseño de blog de manera fácil y económica. Así es cómo.
1. Elige un tema
Su tema es la base del diseño de su blog. Si WordPress es el software que ejecuta su blog, entonces el tema es la plantilla que lo hace ver bonito y profesional.
De hecho, una vez que haya elegido un tema, su diseño, incluida la mayor parte del diseño, estará listo en un 90%.
¿Cómo sabes cuál elegir entre los millones de temas de WordPress gratuitos y de pago que existen?
Puede ser tentador elegir uno basado en el costo más bajo o el diseño más bonito.
No hay nada de malo con esos criterios, pero hay un par de cosas que son aún más importantes si desea crear un blog exitoso.
Qué buscar en un tema de blog
La mejor manera de obtener todo esto es comprar su tema de una compañía de buena reputación.
Uso el tema Divi de Elegant Themes porque cumple con todos estos criterios importantes.
Tienen un gran apoyo, por lo que puedo obtener rápidamente la respuesta a cualquiera de mis preguntas.
Sus temas se actualizan regularmente con los últimos cambios en tecnología y seguridad para mantener su blog funcionando sin problemas.
ET tiene docenas de temas bien diseñados, y tiene acceso a todos ellos por un precio. (De esa manera, si terminas cambiando de opinión, no es gran cosa cambiar. También tienen una garantía de devolución de dinero).
Cómo instalar el tema de tu blog
Después de haber elegido y descargado un tema, ahora puede subirlo a su blog.
- Encuentra la pestaña Apariencia en tu panel de WordPress
- Escoger Temas
- Haga clic en el Añadir nuevobotón en la parte superior
- Entonces,Subir tema
- Seleccionar Elija el archivo y localice su archivo .zip de tema en su computadora
- Una vez que haya subido el tema, desplace el cursor sobre su imagen y haga clic en el Activar botón.
- Si compró un tema, es posible que se le solicite que ingrese su nombre de usuario y clave API en este punto para activarlo.
A continuación, personalizaremos los componentes básicos de su tema para que sea un reflejo de usted y su blog.
2. Seleccione los colores de su blog
¡Ahora, a la materia de la diversión! Seleccionaremos los colores que usará en el diseño de su blog, logotipo y cualquier gráfico que pueda crear en el futuro.
Mi lugar favorito para comenzar a pensar en esquemas de color es Design Seeds.
Comience por explorar sus categorías "Por colección", si no está seguro de qué colores desea usar.
Una vez que tenga una idea de uno o dos colores que le gustaría usar, busque esquemas de color que incluyan una de sus mejores opciones.
Considere los significados de color para el diseño de su blog
¿Todavía te sientes abrumado con todas las opciones? Piensa en los significados de los colores y cómo se relacionan con tu increíble tema de blog.
¿El público al que escribes es femenino o masculino? ¿Qué estado de ánimo o energía quieres transmitir?
Aquí hay algunos ejemplos de cómo los significados de color pueden inspirar el diseño de su blog.
- Rojo energía, pasión
- Rosa feminidad, gratitud
- Naranja alegría
- Amarillo atención, felicidad
- Verde salud y curación, naturaleza, dinero
- Azul éxito, seguridad
- Púrpura espiritualidad, sofisticación
- Gris autoridad, estabilidad
Elija un color para cada una de estas categorías
Cuando se trata de elegir los colores finales para su blog, le recomiendo usar tonos y matices de los siguientes
- Un color principal
- Un color de acento (usado con moderación)
- One Neutral más oscuro (para ser usado para texto)
- Un neutro más ligero (para el fondo)
Guarde el "código de color hexadecimal" (el número de seis dígitos que se parece a esto # DEF0D0) en un lugar seguro.
DIY Blog Design Inspiration # 1
¡Jessica de Gather & Grow hizo un trabajo fenomenal diseñando su propio blog!
Especialmente me encanta la forma en que destacó su blog utilizando un esquema de color simple de manera consistente en todo su diseño.
Como lo desglosé arriba, ella tiene los cuatro colores clave
- Un color principal aguamarina
- Un color de acento dorado
- One Neutral más oscuro gris oscuro para texto
- Un neutro más claro blanco para el fondo
¿Te encanta cómo ella incluso recogió el color dorado en las fotos?
3. Seleccione las fuentes de su blog
Ahora es el momento de elegir las fuentes para tu blog. En su mayor parte, los usará en su logotipo, gráficos de redes sociales y posiblemente en los títulos en negrita dentro de las publicaciones y títulos de su blog.
Aquí de nuevo, es mejor que sea simple. Sobre todo, necesita encontrar algo que sea fácil de leer para su audiencia.
Por supuesto, también quieres que se vea bien y que transmita el espíritu de tu blog.
Las 3 fuentes que necesita tu blog
Recomiendo limitar sus opciones de fuente a lo siguiente.
- Una fuente en negrita fácil de leer
- Una fuente de acento "elegante"
- Una fuente ligera (más delgada), también simple / fácil de leer
Cuando busque fuentes, elija una que esté disponible para uso comercial, de modo que no viole los derechos de autor.
En ocasiones, a continuación se ofrecen fuentes gratuitas y se pueden comprar fuentes de bajo costo.
Dónde encontrar excelentes fuentes para tu blog
DIY Blog Design Inspiration # 2
Kimberlee de The Peaceful Mom tiene los 3 tipos de fuente de los que hablamos anteriormente.
Ella usó dos fuentes para el logo de su blog, combinando una fuente de escritura audaz con un serif de Lightsans.
Luego, introdujo una fuente sans serif en negrita adicional en mayúsculas para usar para los gráficos de su blog que se pueden compartir a continuación.
4. Crea el logotipo de tu blog
Probablemente ya estés sintiendo un tema. Cuando se trata de crear el diseño de tu blog, mantenlo simple. Esto se aplica especialmente al diseñar su logotipo.
Ahora que ha elegido sus colores y fuentes, todo lo que necesita hacer es combinarlos en un logotipo simple y fácil de leer.
Si no está seguro de lo que quiero decir, piense en algunos de los logotipos de marca más icónicos. Los que puedes imaginar sin siquiera intentarlo Coca-Cola, Target, Lego, Google.
¿Qué tienen en común? En la mayoría de los casos, tienen estas tres cosas en común.
Fórmula simple de 3 partes para crear el logotipo de tu blog
- Una fuente simple y fácil de leer.
- Use un color de marca y posiblemente un acento o neutral
- Un símbolo sin complicaciones (opcional)
Para el logotipo de tu blog, te recomiendo que sigas esta fórmula también.
Crea tu logotipo en Canva
Mi elección para la forma más rápida y fácil de crear su logotipo es Canva. Tienen algunas plantillas de logotipos fantásticas que te permitirán configurar en minutos.
Cuando esté creando su logotipo, modifique las plantillas para usar los colores y las fuentes personalizadas que eligió anteriormente para fortalecer su reconocimiento de marca individual.
Canva es asequible a $ 12.95 durante un mes y es útil para crear otros gráficos importantes para su blog, como la portada de su página de Facebook, imágenes para Pinterest y más.
Si optó por usar el tema Divi, el tamaño predeterminado del logotipo es de 100 píxeles de ancho por 47 píxeles de alto. De lo contrario, verifique con su proveedor de temas las dimensiones de su tema en particular.
Guarde sus archivos de logotipo en formato de archivo PNG para mantener los bordes de las letras agradables y nítidos.
DIY Blog Design Inspiration # 3
Tengo un último ejemplo de diseño de blog de bricolaje para compartir para ayudarlo a captar la visión.
Ramona, de DigiCrafter, usó una paleta multicolor y lúdica en todo su diseño para reflejar la naturaleza creativa de su blog digital de álbumes de recortes.
Me encanta cómo usó sus tres fuentes (una negrita, una "elegante" y una fuente clara) tanto en su logotipo como en sus otros gráficos del blog.
5. Crea tu blog Favicon
Su "favicon" es el pequeño cuadrado que aparece en la pestaña de su navegador al lado del nombre de la página. Palabra clave minúsculo.
Nuevamente, use las mismas fuentes y colores que usó para crear su logotipo para su favicon. Esta vez, sin embargo, recuerde que esto debe ser legible en un tamaño de minuto en su pantalla.
No podrá ajustar el título completo de su blog. En su lugar, use solo las iniciales o un símbolo si tiene uno.
Si estás usando Divi, crea un ícono cuadrado para tu blog. Deberá tener una versión de 512 píxeles por 512 píxeles para usarla como icono de su sitio.
Guarde otro a 16 píxeles por 16 píxeles para usarlo como su Favicon. (Te mostraré qué hacer con estos en el siguiente paso a continuación).
Guárdelos como archivos PNG.
6. Personaliza tu tema
Ahora pondremos esa nueva y hermosa paleta de colores y logotipo en el diseño real de tu blog. ¡Hurra!
Voy a repasar algunas de las opciones más importantes que puede personalizar en su tema.
Primero, encuentre la ubicación en su tema donde puede modificar los colores. (En Divi ese es el Personalizador de temas).
Aquí ingresa su código de color hexadecimal para los colores de su blog. Puedes modificar el fondo; título, texto y colores de enlace; colores de acento y mucho más.
A continuación, suba el logotipo y el pequeño favicon que creó.
Ahora suba su ícono de sitio más grande.