Como diseñar tu web profesional con WordPress y a coste cero

host-fusion

Tener una web profesional siempre es recomendable que te la haga un profesional, zapatero a tus zapatos, pero hay ocasiones en las que el presupuesto no acompaña y bueno siempre podemos hacer el trabajo nosotros mismos, siempre y cuando le pongamos ganas, sentido común, gusto y empeño, incluso si no eres un profesional del diseño o la programación, incluso así podemos hacerlo nosotros mismos.

Gracias a la gran comunidad que compone WordPress podemos hacer grandes webs, profesionales, modernas, funcionales, divertidas y a coste cero, todo se basa en ponerle un poquito de imaginación, gusto y proveerse de las herramientas adecuadas.

Antes de ponernos con el diseño tenemos que pensar en la funcionalidad de nuestra web, por ejemplo que sea responsive, es decir que se adapte a todo tipo de pantallas, navegadores y dispositivos, en este caso podemos empezar a trabajar con el theme gratuito de WordPress TwentyTwelve, para mi gusto uno de los mejores themes de WordPress, es minimalista, responsive y podemos adaptarlo facílmente para empezar a diseñar en el con una serie de plugins que convertirán este theme en algo espectacular.

Si nos fijamos en los actuales standares de diseño podemos ver que se basan principalmente en un header, cabecera con un slide, imágenes que van pasando automáticamente o manualmente, seguido en el cuerpo de la web por tres o cuatro columna que albergan bloques de información, una caja con texto y botón de llamada a la acción y un faldón con información relevante a modo columnas, por poner un ejemplo puedes ver nuestra web www.host-fusion.com.

Esto sería un ejemplo, ahora te toca a ti coger lápiz y papel y hacer tu propia estructura de diseño, te recomiendo que no la sobrecargues demasiado, la idea es mostrar la información relevante con sus botones de saber mas o mas información, esto hará que el visitante navegue por la web para saber mas sobre lo que estás ofreciendo, también tienes el menú con el que puedes estructurar las secciones de tu web, pero en eso no entraremos porque cada web tiene su propio concepto y contenidos, te toca a ti decidir que debe ir en el menú de navegación y que destacar en la portada de tu web.

Vamos con la cabecera, el slide, para ello podemos utilizar varios plugins gratuitos, os voy a recomendar Meta Slider, es un plugin que incluye 4 tipo de sliders en un solo plugin, NivoSlider, CoinSlider, FlexSlider ( el que mas me gusta) y Responsive Slides, todos son responsives por lo que se adaptan perfectamente a TwentyTwelve, haz tus pruebas, optimiza las imágenes y crea tu slide principal en la portada de la web.

Siguiente paso es crear los bloques de contenidos a modo columnas en la portada, para ello y para hacer muchas cosas mas como incluir botones, sliders, acordeones, iconos etc vamos a utilizar un builder, es decir un constructor web que funciona a modo arrastrar y soltar y que nos va ahorrar programar código y muchas horas de trabajo, para esta ocasión voy a recomendar un plugin del que ya he hablado en este blog Page Builder by SiteOrigin, no te preocupes que al final del post voy a dar todos los enlaces a estos estupendos plugins.

Con tu theme responsive, con tu slide y con tu builder tienes mas que suficiente para empezar a trabajar en el diseño de tu web, date un paseíto por ejemplo por Themeforest.net para coger ideas y ponte a trabajar, con un poquito de imaginación, ganas y buen gusto seguro que serás capaz de hacer un gran trabajo, te puedo asegurar que se pueden hacer cosas muy buenas visualmente con los tres elementos que propongo en este post.

No voy a entrar en lo que es la configuración y necesidades de tu web, SEO, seguridad, tienda online, etc para ello te invito a navegar por nuestro blog donde encontrarás muchas revisiones de plugins gratuitos que puedes utilizar para hacer estas funciones, tienes el multiplugin de WordPress Jetpack, Woocommerce para tienda online, All in One SEO pack para el SEO, WordFence como firewall de seguridad, Akismet como filtro de spam, prácticamente con estos plugins tienes casi todo lo que necesitas.

Para saber mas sobre esto último te voy a recomendar mi libro “Casi todo lo que se de WordPress” si, ese que ves justo al lado de este post, descárgatelo, es gratis, es un curso completo de WordPress donde hablo de estas cosas y otras muchas a la hora de empezar con WordPress, desde la instalación, configuración, plugins y todos los aspectos que necesitas conocer de WordPress, como publicar post, páginas, videos, como configurar la página de inicio de WordPress, como trabajar con los menús, recomendaciones, trucos, webs de referencia etc.

Enlaces a los plugins mencionados en el post:

TwentyTwelve theme responsive.

Meta Slider el plugin que incluye 4 tipos de sliders en un solo plugin.

Page Builder by SiteOrigin el constructor web para diseñar como un profesional tu web.

Y por supuesto os recomiendo nuestro servicio de Hosting para WordPress, para que tengas tu dominio Gratis registrado a tu nombre y servicio de hosting profesional especializado en WordPress.

[notice title=”Promoción Hosting WordPress”] Registro de DOMINIO GRATIS + 15% de descuento en cualquiera de nuestros Planes de Hosting utilizando el código HFXTRA + WordPress Instalado + Curso WordPress

 

[button color=”green” size=”medium” url=”http://www.host-fusion.com/hosting.html” icon=”icon-heart” iconcolor=”white” ] Lo quiero [/button] [/notice]