{"id":4664,"date":"2012-12-03T11:15:21","date_gmt":"2012-12-03T10:15:21","guid":{"rendered":"http:\/\/www.host-fusion.com\/blog\/?p=4664"},"modified":"2015-11-07T17:20:34","modified_gmt":"2015-11-07T16:20:34","slug":"como-crear-una-web-con-diseno-responsive-con-wordpress","status":"publish","type":"post","link":"https:\/\/www.host-fusion.com\/blog\/2012\/12\/03\/como-crear-una-web-con-diseno-responsive-con-wordpress\/","title":{"rendered":"Como crear una web con dise\u00f1o responsive con WordPress"},"content":{"rendered":"

\"Errores<\/a><\/p>\n

En estos momentos en que casi todo el mundo utiliza smartphones, tablets, smart tv etc, disponer de una web responsive casi se antoja una obligaci\u00f3n.<\/p>\n

Dise\u00f1o responsive se denomina a aquella web que esta dise\u00f1ada para adaptarse a todo tipo de pantallas, resoluciones y dispositivo, es decir, es como tener tu web y el app de tu web a la vez, para que se pueda navegar como cualquier otro tipo de App, con un dedo, hacer compras, visualizar cat\u00e1logos, galer\u00edas, enviar un email a trav\u00e9s de la web, llamar por telefono al hacer clic en el n\u00famero, etc, se me ocurren cientos de motivos por lo que nuestra web necesita ser responsive o disponer de alg\u00fan plugin que convierta nuestra web compatible con dispositivos m\u00f3viles.<\/p>\n

Dise\u00f1ar una web responsive exige tener conocimientos de CSS y HTML5, javascript, php pero tampoco es fundamental para poder conseguir nuestro objetivo. Podemos optar por varios caminos, ponernos manos a la obra con nuestros propios conocimientos, comprar una web responsive en themeforest<\/a>\u00a0<\/strong>por poco mas de 20 euros y adaptarla seg\u00fan nuestras necesidades y si no queremos gastarnos un duro y adem\u00e1s no tenemos idea de dise\u00f1o responsive podemos utilizar el theme por defecto de WordPress Twenty Twelve<\/a>\u00a0<\/strong>que es totalmente responsive y podemos crear una web tan elegante como esta Laborat\u00f3rio WordPress\u00a0.<\/strong><\/p>\n

Seguiremos Tres sencillos pasos :<\/p>\n

El primer paso es descargarnos Twenty Twelve y activarlo. En estos momentos nuestra web ya es responsive y ahora debemos crear nuestra p\u00e1gina de inicio y configurar las opciones del theme para seleccionar nuestra p\u00e1gina de inicio.<\/p>\n

El Segundo paso ser\u00e1 poner en nuestra p\u00e1gina de inicio un Slide responsive, podemos utilizar SliderShock que es gratuito u otro mas potente y profesional (de pago) como Slider Revolution. Nuestro slide se adaptar\u00e1 a cada pantalla y ser\u00e1 tactil.<\/p>\n

Para crear columnas como las de la web de ejemplo puedes utilizar plugins como Grid Columns o Genesis Multiple Column Content Classes, son plugins gratuitos y se transforman responsive con el theme.<\/p>\n

Recursos:<\/strong><\/p>\n

Descarga e instala Twenty Twelve<\/strong><\/a><\/p>\n

Plugin Slider Shock<\/strong><\/a><\/p>\n

Plugin Slider Revolution<\/strong><\/a><\/p>\n

Plugin Grid Columns<\/strong><\/a><\/p>\n

Plugin Genesis Multiple Columm<\/strong><\/a><\/p>\n

\n","protected":false},"excerpt":{"rendered":"

En estos momentos en que casi todo el mundo utiliza smartphones, tablets, smart tv etc, disponer de una web responsive casi se antoja una obligaci\u00f3n. Dise\u00f1o responsive se denomina a aquella web que esta dise\u00f1ada para adaptarse a todo tipo de pantallas, resoluciones y dispositivo, es decir, es como tener tu web y el app […]<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,376],"tags":[665,628,666,1098],"class_list":["post-4664","post","type-post","status-publish","format-standard","hentry","category-novedades-h-f","category-wordpress","tag-diseno-responsive","tag-plugins-para-wordpress-2","tag-twenty-twelve","tag-wordpress"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/4664","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=4664"}],"version-history":[{"count":0,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/posts\/4664\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/media?parent=4664"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/categories?post=4664"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.host-fusion.com\/blog\/wp-json\/wp\/v2\/tags?post=4664"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}