{"id":2082,"date":"2020-03-15T11:16:14","date_gmt":"2020-03-15T10:16:14","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/?p=2082"},"modified":"2020-03-15T11:45:14","modified_gmt":"2020-03-15T10:45:14","slug":"secciones-columnas-y-widgets","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/secciones-columnas-y-widgets\/","title":{"rendered":"Secciones, columnas y widgets"},"content":{"rendered":"\n

Una vez descrita la disposici\u00f3n general del editor de Elementor<\/a>, debemos ocuparnos de los elementos b\u00e1sicos que sirven para estructurar y organizar un art\u00edculo creado con este plugin: secciones, columnas y widgets. En este art\u00edculo examinaremos c\u00f3mo se crean estos elementos y c\u00f3mo se trabaja con ellos.<\/p>\n\n\n\n

Las secciones<\/h2>\n\n\n\n

Si concebimos una p\u00e1gina web como una estructura con disposici\u00f3n de cuadr\u00edcula o rejilla, una secci\u00f3n<\/strong> es un bloque de contenido que se extiende horizontalmente de izquierda a derecha. En la primera sesi\u00f3n<\/a> de este curso ya vimos que, para poder ser considerada propiamente como una secci\u00f3n, el bloque de contenido debe combinar objetivos funcionales y un dise\u00f1o distintivo, aspectos ambos que permitir\u00e1n identificar inequ\u00edvocamente este elemento en la p\u00e1gina web.<\/p>\n\n\n\n

Elementor permite crear un n\u00famero indefinido de secciones en una misma p\u00e1gina, con las mismas anchuras y alturas o cada una de ellas con medidas diferentes. Dentro de las secciones se pueden insertar columnas<\/strong> verticales que, a su vez, pueden albergar elementos de contenido o widgets<\/strong>.<\/p>\n\n\n\n

Creaci\u00f3n y funcionamiento de las secciones<\/h3>\n\n\n\n

Para crear una secci\u00f3n, basta con pulsar sobre el icono con forma de cruz que aparece en la zona de edici\u00f3n de Elementor. Al hacerlo, se abrir\u00e1 una ventana modal que permite seleccionar, de entre doce modelos diferentes, el n\u00famero y disposici\u00f3n de las columnas que formar\u00e1n la estructura de la secci\u00f3n.<\/p>\n\n\n\n

Las secciones se pueden ordenar y reordenar en la p\u00e1gina web utilizando la t\u00e9cnica de arrastra y soltar. Al principio, esta operaci\u00f3n resulta un poco dif\u00edcil, sobre todo para las personas que no est\u00e1n acostumbradas a esta t\u00e9cnica, pero enseguida se le coge el tranquilo. La ordenaci\u00f3n de secciones tambi\u00e9n se puede llevar a cabo mediante el navegador de Elementor<\/a>, que resulta muy \u00fatil cuando el dise\u00f1o de la p\u00e1gina es complejo y est\u00e1 formado por un gran n\u00famero de elementos.<\/p>\n\n\n\n

Manipulaci\u00f3n de las secciones<\/h3>\n\n\n\n

En el editor de Elementor cada secci\u00f3n se identifica mediante un contenedor o caja cuyo borde es de color azul y en cuya parte superior hay un bloque con tres iconos. Al pulsar sobre ellos se activan diferentes funciones:<\/p>\n\n\n\n