{"id":6327,"date":"2013-11-14T11:50:07","date_gmt":"2013-11-14T10:50:07","guid":{"rendered":"http:\/\/www.host-fusion.com\/blog\/?p=6327"},"modified":"2013-11-14T11:50:07","modified_gmt":"2013-11-14T10:50:07","slug":"como-disenar-tu-web-profesional-con-wordpress-y-a-coste-cero","status":"publish","type":"post","link":"https:\/\/www.host-fusion.com\/blog\/2013\/11\/14\/como-disenar-tu-web-profesional-con-wordpress-y-a-coste-cero\/","title":{"rendered":"Como dise\u00f1ar tu web profesional con WordPress y a coste cero"},"content":{"rendered":"<p><img decoding=\"async\" class=\"size-full wp-image-6291 aligncenter\" alt=\"host-fusion\" src=\"http:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2013\/10\/Captura-de-pantalla-2013-10-17-a-las-15.36.35.png\" width=\"331\" height=\"232\" srcset=\"https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2013\/10\/Captura-de-pantalla-2013-10-17-a-las-15.36.35.png 331w, https:\/\/www.host-fusion.com\/blog\/wp-content\/uploads\/2013\/10\/Captura-de-pantalla-2013-10-17-a-las-15.36.35-300x210.png 300w\" sizes=\"(max-width: 331px) 100vw, 331px\" \/><\/p>\n<p>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\u00f1a y bueno siempre podemos hacer el trabajo nosotros mismos, siempre y cuando le pongamos ganas, sentido com\u00fan, gusto y empe\u00f1o, incluso si no eres un profesional del dise\u00f1o o la programaci\u00f3n, incluso as\u00ed podemos hacerlo nosotros mismos.<\/p>\n<p>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\u00f3n, gusto y proveerse de las herramientas adecuadas.<\/p>\n<p>Antes de ponernos con el dise\u00f1o 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 <strong>TwentyTwelve,\u00a0<\/strong>para mi gusto uno de los mejores themes de WordPress, es minimalista, responsive y podemos adaptarlo fac\u00edlmente para empezar a dise\u00f1ar en el con una serie de plugins que convertir\u00e1n este theme en algo espectacular.<\/p>\n<p>Si nos fijamos en los actuales standares de dise\u00f1o podemos ver que se basan principalmente en un header, cabecera con un slide, im\u00e1genes que van pasando autom\u00e1ticamente o manualmente, seguido en el cuerpo de la web por tres o cuatro columna que albergan bloques de informaci\u00f3n, una caja con texto y bot\u00f3n de llamada a la acci\u00f3n y un fald\u00f3n con informaci\u00f3n relevante a modo columnas, por poner un ejemplo puedes ver nuestra web <a title=\"Hosting WordPress\" href=\"http:\/\/www.host-fusion.com\" target=\"_blank\"><strong>www.host-fusion.com<\/strong><\/a>.<\/p>\n<p>Esto ser\u00eda un ejemplo, ahora te toca a ti coger l\u00e1piz y papel y hacer tu propia estructura de dise\u00f1o, te recomiendo que no la sobrecargues demasiado, la idea es mostrar la informaci\u00f3n relevante con sus botones de saber mas o mas informaci\u00f3n, esto har\u00e1 que el visitante navegue por la web para saber mas sobre lo que est\u00e1s ofreciendo, tambi\u00e9n tienes el men\u00fa 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\u00fa de navegaci\u00f3n y que destacar en la portada de tu web.<\/p>\n<p>Vamos con la cabecera, el slide, para ello podemos utilizar varios plugins gratuitos, os voy a recomendar <strong>Meta Slider<\/strong>, 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\u00e1genes y crea tu slide principal en la portada de la web.<\/p>\n<p>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\u00f3digo y muchas horas de trabajo, para esta ocasi\u00f3n voy a recomendar un plugin del que ya he hablado en este blog\u00a0<strong>Page Builder by SiteOrigin,\u00a0<\/strong>no te preocupes que al final del post voy a dar todos los enlaces a estos estupendos plugins.<\/p>\n<p>Con tu theme responsive, con tu slide y con tu builder tienes mas que suficiente para empezar a trabajar en el dise\u00f1o de tu web, date un pase\u00edto por ejemplo por Themeforest.net para coger ideas y ponte a trabajar, con un poquito de imaginaci\u00f3n, ganas y buen gusto seguro que ser\u00e1s 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.<\/p>\n<p>No voy a entrar en lo que es la configuraci\u00f3n y necesidades de tu web, SEO, seguridad, tienda online, etc para ello te invito a navegar por nuestro blog donde encontrar\u00e1s 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\u00e1cticamente con estos plugins tienes casi todo lo que necesitas.<\/p>\n<p>Para saber mas sobre esto \u00faltimo te voy a recomendar mi libro \u00ab<strong>Casi todo lo que se de WordPress<\/strong>\u00bb si, ese que ves justo al lado de este post, desc\u00e1rgatelo, 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\u00f3n, configuraci\u00f3n, plugins y todos los aspectos que necesitas conocer de WordPress, como publicar post, p\u00e1ginas, videos, como configurar la p\u00e1gina de inicio de WordPress, como trabajar con los men\u00fas, recomendaciones, trucos, webs de referencia etc.<\/p>\n<p>Enlaces a los plugins mencionados en el post:<\/p>\n<p>&#8211; <a title=\"TwentyTwelve theme responsive\" href=\"http:\/\/wordpress.org\/themes\/twentytwelve\" target=\"_blank\"><strong>TwentyTwelve theme responsive<\/strong><\/a>.<\/p>\n<p>&#8211; <a title=\"Meta Slider el plugin que incluye 4 tipos de sliders en un solo plugin\" href=\"http:\/\/wordpress.org\/plugins\/ml-slider\/\" target=\"_blank\"><strong>Meta Slider el plugin que incluye 4 tipos de sliders en un solo plugin<\/strong><\/a>.<\/p>\n<p>&#8211; <a title=\"Page Builder by SiteOrigin el constructor web para dise\u00f1ar como un profesional tu web.\" href=\"http:\/\/wordpress.org\/plugins\/siteorigin-panels\/\" target=\"_blank\"><strong>Page Builder by SiteOrigin el constructor web para dise\u00f1ar como un profesional tu web.<\/strong><\/a><\/p>\n<p>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.<\/p>\n<p>[notice title=\u00bbPromoci\u00f3n Hosting WordPress\u00bb] Registro de\u00a0<strong>DOMINIO GRATIS<\/strong>\u00a0+\u00a0<strong>15% de descuento<\/strong>\u00a0en cualquiera de nuestros Planes de\u00a0<strong>Hosting<\/strong>\u00a0utilizando el c\u00f3digo\u00a0<strong>HFXTRA<\/strong>\u00a0+\u00a0<strong>WordPress Instalado<\/strong>\u00a0+\u00a0<strong>Curso WordPress<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\">[button color=\u00bbgreen\u00bb size=\u00bbmedium\u00bb url=\u00bbhttp:\/\/www.host-fusion.com\/hosting.html\u00bb icon=\u00bbicon-heart\u00bb iconcolor=\u00bbwhite\u00bb ] Lo quiero [\/button] [\/notice]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>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\u00f1a y bueno siempre podemos hacer el trabajo nosotros mismos, siempre y cuando le pongamos ganas, sentido com\u00fan, gusto y empe\u00f1o, incluso si no eres un profesional del dise\u00f1o [&hellip;]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[90,751,621,376],"tags":[301,109,688],"class_list":["post-6327","post","type-post","status-publish","format-standard","hentry","category-diseno-web-marbella","category-hosting-wordpress-2","category-plugins-para-wordpress","category-wordpress","tag-diseno-wordpress","tag-hosting-wordpress","tag-plugins-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/6327","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/comments?post=6327"}],"version-history":[{"count":0,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/6327\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/media?parent=6327"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/categories?post=6327"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/tags?post=6327"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}