{"id":11777,"date":"2019-10-21T22:11:59","date_gmt":"2019-10-21T20:11:59","guid":{"rendered":"https:\/\/www.hiberus.com\/crecemos-contigo\/?p=11777"},"modified":"2023-12-13T11:48:05","modified_gmt":"2023-12-13T10:48:05","slug":"layout-builder-drupal-8","status":"publish","type":"post","link":"https:\/\/www.hiberus.com\/crecemos-contigo\/layout-builder-drupal-8\/","title":{"rendered":"Todo sobre Layout Builder de Drupal 8"},"content":{"rendered":"<p>Actualmente el mundo TIC se est\u00e1 actualizando constantemente, y nosotros los desarrolladores debemos adaptarnos a ello. Es lo que sucede con nuestro gestor de contenidos <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/tag\/drupal\/\">Drupal<\/a> que actualmente se encuentra en la versi\u00f3n 8.<\/p>\n<p>Ya hablamos sobre las <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/principales-novedades-lanzamiento-drupal-8\/\" target=\"_blank\" rel=\"noopener noreferrer\">novedades de Drupal 8<\/a> en un art\u00edculo anterior, pero para los <em>frontend<\/em> la m\u00e1s importante ha sido Layout Builder.<\/p>\n<h2>\u00bfQu\u00e9 es Layout Builder de Drupal 8?<\/h2>\n<p>Layout Builder permite a los \u201ccontent manager\u201d y editores crear f\u00e1cil y r\u00e1pidamente diferentes dise\u00f1os de p\u00e1ginas. Los usuarios pueden estructurar el contenido como quieran, con una interfaz intuitiva y f\u00e1cil de usar con el ya conocido \u201cdrag and drop\u201d, es decir, arrastrar y soltar.<\/p>\n<h2>\u00bfPara qu\u00e9 se utiliza Layout Builder?<\/h2>\n<p>Ofrece una herramienta de dise\u00f1o muy visual y potente para dos casos especialmente:<\/p>\n<ul>\n<li><strong>P\u00e1ginas personalizadas:<\/strong> Creaci\u00f3n de p\u00e1ginas completamente personalizadas con los diferentes bloques que tenga dicho sitio web.<\/li>\n<\/ul>\n<p>&nbsp;<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11779\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-modulo-1024x623.png\" alt=\"layout builder drupal modulo\" width=\"620\" height=\"377\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-modulo-1024x623.png 1024w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-modulo-300x183.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-modulo-768x467.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-modulo-1140x694.png 1140w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-modulo-360x219.png 360w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-modulo.png 1150w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>&nbsp;<\/p>\n<ul>\n<li><strong>Dise\u00f1os para un contenido predefinido:<\/strong> Creaci\u00f3n de \u201cplantillas predefinidas\u201d que se utilizaran para dise\u00f1ar el modo de visualizaci\u00f3n de un tipo de contenido concreto (por ejemplo, un art\u00edculo de blog).<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11780\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/plantillas-layout-builder-1024x599.png\" alt=\"plantillas layout builder\" width=\"620\" height=\"363\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/plantillas-layout-builder-1024x599.png 1024w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/plantillas-layout-builder-300x175.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/plantillas-layout-builder-768x449.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/plantillas-layout-builder-360x210.png 360w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/plantillas-layout-builder.png 1307w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/p>\n<h2>\u00bfQu\u00e9 ventajas nos da Layout Builder?<\/h2>\n<p>Al implementar nuestra web con Layout Builder reducimos el tiempo de desarrollo, por lo que ganamos en rentabilidad y somos m\u00e1s eficientes.<\/p>\n<p>Las ventajas son claras. Layout Builder tiene el potencial de reducir el coste de los sitios web al permitir que los editores y los desarrolladores con menos experiencia construyan m\u00e1s parte del sitio web sin necesidad de muchos desarrollos a medida.<\/p>\n<p>Tras varios estudios, se ha llegado a la conclusi\u00f3n de que gracias a esta nueva herramienta hemos reducido aproximadamente un 75% las tareas de PHP y un 70% las tareas de TWIG (al trabajar con un dise\u00f1o basado en componentes). A la par hemos aumentando un 40% las tareas del editor de contenido, ya que es el encargado de crear las p\u00e1ginas.<\/p>\n<h2>\u00bfC\u00f3mo activar Layout Builder en un tipo de contenido?<\/h2>\n<ul>\n<li>Dentro del tipo de contenido hay que ir a la pesta\u00f1a de \u201cGestionar presentaci\u00f3n\u201d.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11781\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-1-1024x142.png\" alt=\"layout builder \" width=\"620\" height=\"86\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-1-1024x142.png 1024w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-1-300x42.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-1-768x106.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-1-360x50.png 360w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-1.png 1262w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/p>\n<ul>\n<li>Una vez ah\u00ed, hay que habilitar Layout Builder marchando el check de \u201cUse Layout Builder\u201d.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11782\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-2.png\" alt=\"layout builder \" width=\"751\" height=\"251\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-2.png 751w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-2-300x100.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-2-360x120.png 360w\" sizes=\"auto, (max-width: 751px) 100vw, 751px\" \/><\/p>\n<ul>\n<li>Cuando tengamos Layout Builder activado , la lista de campos desaparecer\u00e1 y se reemplazar\u00e1 por el bot\u00f3n \u201cGestionar dise\u00f1o\u201d.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11783\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-3.png\" alt=\"\" width=\"880\" height=\"278\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-3.png 880w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-3-300x95.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-3-768x243.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-3-360x114.png 360w\" sizes=\"auto, (max-width: 880px) 100vw, 880px\" \/><\/p>\n<ul>\n<li>Hacemos click en dicho bot\u00f3n para acceder a la interfaz de Layout Builder en la que ya podremos dise\u00f1ar nuestro tipo de contenido.<\/li>\n<\/ul>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11784\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-4-1024x623.png\" alt=\"\" width=\"620\" height=\"377\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-4-1024x623.png 1024w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-4-300x182.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-4-768x467.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-4-1140x694.png 1140w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-4-360x219.png 360w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-4.png 1352w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Este dise\u00f1o se aplicar\u00e1 a todas las p\u00e1ginas de este tipo, a no ser que en el paso 2 seleccionemos el check de \u201cPermite que cada elemento de contenido tenga su dise\u00f1o personalizado. \u201d. Al seleccionar esta opci\u00f3n estaremos habilitando la edici\u00f3n personalizada de cada p\u00e1gina, es decir, las p\u00e1ginas podr\u00e1n modificarse aunque tengan un dise\u00f1o predefinido.<\/p>\n<h2>Creaci\u00f3n de un dise\u00f1o con la interfaz de usuario de Layout Builder<\/h2>\n<p>A la hora de crear un nuevo dise\u00f1o con esta herramienta tenemos que tener presentes 3 cosas:<\/p>\n<h3>1. Podemos agregar secciones<\/h3>\n<p>Cuando comenzamos el dise\u00f1o de un tipo de contenido el primer paso es a\u00f1adir una secci\u00f3n. Despu\u00e9s de hacer click en \u201cAgregar secci\u00f3n\u201d seleccionamos un dise\u00f1o. Layout Builder viene con cuatro distribuciones de secciones: una columna, dos columnas, tres columnas y cuatro columnas. Se pueden a\u00f1adir m\u00e1s dise\u00f1os de secciones de forma personalizada.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11785\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/secciones-layout-builder-1024x142.png\" alt=\"\" width=\"620\" height=\"86\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/secciones-layout-builder-1024x142.png 1024w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/secciones-layout-builder-300x42.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/secciones-layout-builder-768x106.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/secciones-layout-builder-360x50.png 360w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/secciones-layout-builder.png 1227w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/p>\n<p>Algunas de estas distribuciones son personalizables, por ejemplo, cuando se seleccionan dos columnas se puede elegir el ancho de cada una de estas.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11786\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal.png\" alt=\"\" width=\"819\" height=\"321\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal.png 819w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-300x118.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-768x301.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-drupal-360x141.png 360w\" sizes=\"auto, (max-width: 819px) 100vw, 819px\" \/><\/p>\n<h3>2. Podemos agregar bloques<\/h3>\n<p>Una vez tenemos agregada una secci\u00f3n llega el momento de a\u00f1adir bloques a nuestro dise\u00f1o de Layout Builder. Cada columna o fila tiene un enlace que pone \u201cA\u00f1adir bloque\u201d. Al hacer click sobre dicho enlace se abre una secci\u00f3n en la que podemos elegir que contenido queremos a\u00f1adir.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11787\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/agregar-bloques.png\" alt=\"agregar bloques\" width=\"860\" height=\"118\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/agregar-bloques.png 860w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/agregar-bloques-300x41.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/agregar-bloques-768x105.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/agregar-bloques-360x49.png 360w\" sizes=\"auto, (max-width: 860px) 100vw, 860px\" \/><\/p>\n<p>Desde este elemento podemos a\u00f1adir bloques personalizados, vistas, formularios, campos del tipo de contenido, etc.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-11788\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-bloques.png\" alt=\"\" width=\"936\" height=\"449\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-bloques.png 936w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-bloques-300x144.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-bloques-768x368.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/layout-builder-bloques-360x173.png 360w\" sizes=\"auto, (max-width: 936px) 100vw, 936px\" \/><\/p>\n<h3>3. Podemos mover bloques<\/h3>\n<p>Esto quiere decir que podemos mover cada bloque entre las diferentes secciones.<\/p>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-large wp-image-11789\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/mover-bloques-1024x299.png\" alt=\"\" width=\"620\" height=\"181\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/mover-bloques-1024x299.png 1024w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/mover-bloques-300x88.png 300w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/mover-bloques-768x224.png 768w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/mover-bloques-360x105.png 360w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/mover-bloques.png 1052w\" sizes=\"auto, (max-width: 620px) 100vw, 620px\" \/><\/p>\n<p><strong>M\u00f3dulo customizado: Layout Settings<\/strong><\/p>\n<p>Desde el<strong> equipo de CMS<\/strong> hemos desarrollado un m\u00f3dulo customizado llamado Layout settings, el cual nos permite personalizar las diferentes secciones de nuestro dise\u00f1o.<\/p>\n<p>Con nuestro m\u00f3dulo custom podemos:<\/p>\n<ol>\n<li>A\u00f1adir colores de fondo a las diferentes secciones.<\/li>\n<li>A\u00f1adir degradados de fondo a las secciones.<\/li>\n<li>A\u00f1adir im\u00e1genes de fondo a las secciones<\/li>\n<li>Seleccionar estilos de imagen predefinidos para nuestro fondo.<\/li>\n<li>Elegir si nuestro fondo est\u00e1 fijo, alineado a la izquierda, a la derecha, si queremos que se repita, etc.<\/li>\n<li>Seleccionar si queremos que el contenido est\u00e9 centrado en un contenedor usando las clases de bootstrap 4 o no (class container o class container-fluid).<\/li>\n<li>A\u00f1adir clases css customizadas a nuestra secci\u00f3n.<\/li>\n<\/ol>\n<p><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter wp-image-11790\" src=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/modulo-drupal-8.png\" alt=\"modulo drupal 8\" width=\"237\" height=\"507\" srcset=\"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/modulo-drupal-8.png 402w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/modulo-drupal-8-140x300.png 140w, https:\/\/www.hiberus.com\/crecemos-contigo\/wp-content\/uploads\/2019\/10\/modulo-drupal-8-360x770.png 360w\" sizes=\"auto, (max-width: 237px) 100vw, 237px\" \/><\/p>\n<p>Gracias a este m\u00f3dulo hemos conseguido una flexibilidad inimaginable, pudiendo configurar nuestros dise\u00f1os de una forma much\u00edsimo m\u00e1s f\u00e1cil y limpia.<\/p>\n<p>&nbsp;<\/p>\n<p>En Hiberus contamos con un departamento de\u00a0<strong>m\u00e1s de 60 desarrolladores Drupal<\/strong>. Nuestros m\u00e1s de 10 a\u00f1os de experiencia nos ha hecho trabajar en los principales <a href=\"https:\/\/www.hiberus.com\/crecemos-contigo\/casos-de-exito-de-drupal\/\">casos de \u00e9xito Drupal<\/a> a nivel nacional. Cu\u00e9ntanos tu proyecto y conoce a nuestro equipo <a href=\"https:\/\/www.hiberus.com\/dxp\/drupal\">experto en Drupal<\/a>.<\/p>\n<p>&nbsp;<\/p>\n        <div class=\"row\">\n            <div class=\"block-cta-form\" style=\"background-color: #003664;\">\n                <div class=\"content-cta-form\">\n                    <div class=\"text-cta-form\">\n                        <p class=\"title-cta-form\">\u00bfQuieres m\u00e1s informaci\u00f3n sobre nuestros servicios de Drupal?<\/p>\n                        <p>Contacta con nuestro equipo de Drupal<\/p>\n                    <\/div>\n                    <div class=\"form-fields\">\n                        \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f33973-o1\" lang=\"es-ES\" dir=\"ltr\" data-wpcf7-id=\"33973\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/11777#wpcf7-f33973-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulario de contacto\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"33973\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.5\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"es_ES\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f33973-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div id=\"responsive-form\" class=\"clearfix\">\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"nombre\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Nombre *\" value=\"\" type=\"text\" name=\"nombre\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"apellido\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Apellido *\" value=\"\" type=\"text\" name=\"apellido\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"correo\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Correo corporativo *\" value=\"\" type=\"email\" name=\"correo\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"telf-contacto\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-tel\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Tel\u00e9fono *\" value=\"\" type=\"tel\" name=\"telf-contacto\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"compania\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Compa\u00f1ia *\" value=\"\" type=\"text\" name=\"compania\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"mensaje\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Mensaje *\" name=\"mensaje\"><\/textarea><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"politica\"><span class=\"wpcf7-form-control wpcf7-acceptance\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"politica\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">He le\u00eddo y acepto la <a href=\"https:\/\/www.hiberus.com\/politica\" target=\"_blank\"><u>Pol\u00edtica de privacidad<\/u><\/a><\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-full color-acceptance\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"marketing\"><span class=\"wpcf7-form-control wpcf7-acceptance optional\"><span class=\"wpcf7-list-item\"><label><input type=\"checkbox\" name=\"marketing\" value=\"1\" aria-invalid=\"false\" \/><span class=\"wpcf7-list-item-label\">Me gustar\u00eda recibir comunicaciones de marketing de Hiberus y sobre sus productos, servicios y eventos.<\/span><\/label><\/span><\/span><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div class=\"column-half\">\n\t\t\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Contacta con nosotros\" \/>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<div class=\"form-row\">\n\t\t<div id=\"campos_ocultos\" class=\"hidden\">\n\t\t\t<p><span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new1\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new1\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new1\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new2\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new2\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new2\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new3\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new3\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new3\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new4\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new4\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new4\" \/><\/span><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"oculto_analitica_new_p\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" id=\"oculto_analitica_new_p\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"oculto_analitica_new_p\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n<\/div>\n\n<!--end responsive-form--><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        \n","protected":false},"excerpt":{"rendered":"<p>Actualmente el mundo TIC se est\u00e1 actualizando constantemente, y nosotros los desarrolladores debemos adaptarnos a ello. Es lo que sucede con nuestro&#8230;<\/p>\n","protected":false},"author":37,"featured_media":11778,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_ayudawp_aiss_exclude":false,"footnotes":""},"categories":[3,232],"tags":[25,32,61],"class_list":{"0":"post-11777","1":"post","2":"type-post","3":"status-publish","4":"format-standard","5":"has-post-thumbnail","7":"category-negocio-electronico","8":"category-portales-dxp","9":"tag-cms","10":"tag-drupal","11":"tag-portal-corporativo"},"acf":[],"_links":{"self":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/11777","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/users\/37"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/comments?post=11777"}],"version-history":[{"count":6,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/11777\/revisions"}],"predecessor-version":[{"id":38772,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/posts\/11777\/revisions\/38772"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media\/11778"}],"wp:attachment":[{"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/media?parent=11777"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/categories?post=11777"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hiberus.com\/crecemos-contigo\/wp-json\/wp\/v2\/tags?post=11777"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}