<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Categoría &quot;Sesión 4&quot; - Curso de WordPress 2020</title>
	<atom:link href="https://cursoswp.educacion.navarra.es/cursowp2020/categoria/sesion-4/feed/" rel="self" type="application/rss+xml" />
	<link>https://cursoswp.educacion.navarra.es/cursowp2020/categoria/sesion-4/</link>
	<description>Curso de diseño web avanzado para docentes</description>
	<lastBuildDate>Mon, 30 Mar 2020 06:26:58 +0000</lastBuildDate>
	<language>es</language>
	<sy:updatePeriod>
	hourly	</sy:updatePeriod>
	<sy:updateFrequency>
	1	</sy:updateFrequency>
	<generator>https://wordpress.org/?v=6.4.2</generator>

<image>
	<url>https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/02/cropped-PNTE-32x32.png</url>
	<title>Categoría &quot;Sesión 4&quot; - Curso de WordPress 2020</title>
	<link>https://cursoswp.educacion.navarra.es/cursowp2020/categoria/sesion-4/</link>
	<width>32</width>
	<height>32</height>
</image> 
	<item>
		<title>Los constructores de páginas</title>
		<link>https://cursoswp.educacion.navarra.es/cursowp2020/los-constructores-de-paginas/</link>
					<comments>https://cursoswp.educacion.navarra.es/cursowp2020/los-constructores-de-paginas/#comments</comments>
		
		<dc:creator><![CDATA[Administrador]]></dc:creator>
		<pubDate>Wed, 11 Mar 2020 20:20:51 +0000</pubDate>
				<category><![CDATA[Sesión 4]]></category>
		<category><![CDATA[constructores de páginas]]></category>
		<category><![CDATA[editor de WordPress]]></category>
		<category><![CDATA[Elementor]]></category>
		<guid isPermaLink="false">https://cursoswp.educacion.navarra.es/cursowp2020/?p=1910</guid>

					<description><![CDATA[<p>Características de los constructores de páginas. Comparativa entre el editor de WordPress y un constructor de páginas como Elementor.</p>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/los-constructores-de-paginas/">Los constructores de páginas</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Las técnicas que hemos visto en la <a href="https://cursoswp.educacion.navarra.es/cursowp2020/categoria/sesion-1/" class="ek-link">primera</a>, <a href="https://cursoswp.educacion.navarra.es/cursowp2020/categoria/sesion-1/" class="ek-link">segunda</a> y <a href="https://cursoswp.educacion.navarra.es/cursowp2020/categoria/sesion-3/" class="ek-link">tercera</a> sesiones del curso solo permiten modificar el contenido de los artículos de WordPress, ya que solo se pueden aplicar al editor de la aplicación. En las sesiones cuarta y quinta vamos a examinar otros procedimientos que permiten modificar el diseño y estructura de todo un sitio web. Para conocer y practicar dichos procedimientos, trabajaremos con dos plugins que tienen un enorme potencial: <a aria-label="Elementor (opens in a new tab)" rel="noreferrer noopener" href="https://wordpress.org/plugins/elementor/" target="_blank" class="ek-link">Elementor</a> y <a aria-label="Elementor Pro (opens in a new tab)" rel="noreferrer noopener" href="https://elementor.com" target="_blank" class="ek-link">Elementor Pro</a>.<br></p>



<span id="more-1910"></span>



<h2 class="wp-block-heading">Los constructores de páginas y el diseño de sitios web</h2>



<p>En nuestro <a aria-label="Curso de WordPress 2018 (opens in a new tab)" href="https://cursoswp.educacion.navarra.es/cursowp2018/" target="_blank" rel="noreferrer noopener" class="ek-link">Curso de WordPress 2018</a>, ya <a aria-label="definimos los page builders o constructores de páginas (opens in a new tab)" href="https://cursoswp.educacion.navarra.es/cursowp2018/que-son-los-editores-visuales/" target="_blank" rel="noreferrer noopener" class="ek-link">definimos los <em>page builders</em> o constructores de páginas</a> (también llamados maquetadores de páginas o editores visuales), así como sus rasgos funcionales característicos y sus ventajas e inconvenientes. Además publicamos entonces una relación de los <a aria-label="constructores de páginas para WordPress (opens in a new tab)" href="https://cursoswp.educacion.navarra.es/cursowp2018/los-mejores-editores-visuales/" target="_blank" rel="noreferrer noopener" class="ek-link">constructores de páginas para WordPress</a> más utilizados y de mayor calidad.</p>



<p>Aunque es cierto que dos años son mucho tiempo en el ámbito de las tecnologías utilizadas para el diseño web, creemos que lo que escribimos hace dos años sigue siendo válido ahora, razón por la cual no vamos a repetir lo que ya quedó dicho en ocasión anterior. No obstante, queremos hacer hincapié en un par de hechos que deben tenerse muy en cuenta con respecto al tema que nos ocupa:</p>



<ul><li>Primero y principal: el imparable desarrollo del editor de WordPress, organizado en torno al proyecto <a aria-label="Gutenberg (opens in a new tab)" rel="noreferrer noopener" href="https://wordpress.org/plugins/gutenberg/" target="_blank" class="ek-link">Gutenberg</a>, va a modificar radicalmente la forma en que se diseñan los sitios web. <a aria-label="Hay muchos expertos que auguran la muerte de los temas (opens in a new tab)" rel="noreferrer noopener" href="https://wptavern.com/will-page-builders-remain-competitive-in-the-block-era" target="_blank" class="ek-link">Hay muchos expertos que auguran la muerte de los temas</a> tal como ahora los conocemos, e incluso la desaparición o mutación de la mayor parte de los constructores de páginas.</li><li>Segundo: la posición de Elementor en el muy competitivo segmento de los constructores de páginas <a aria-label="se ha afianzado de forma indiscutible (opens in a new tab)" rel="noreferrer noopener" href="https://wordpress.org/plugins/tags/page-builder/" target="_blank" class="ek-link">se ha afianzado de forma indiscutible</a>. En el momento de escribir estas líneas, Elementor es el constructor de páginas más utilizado, con más de 4 millones de instalaciones, a gran distancia de todos sus competidores. Para profundizar en las razones que explican el éxito de Elementor y saber en qué direcciones va a avanzar este plugin aconsejamos leer el artículo <a aria-label="Elementor Raises $15M: Will They Move into SaaS Services Next? (And Why You Should Too) (opens in a new tab)" href="https://getdollie.com/elementor-funding-saas-cloud-hosting/" target="_blank" rel="noreferrer noopener" class="ek-link">Elementor Raises $15M: Will They Move into SaaS Services Next? (And Why You Should Too)</a>.</li></ul>



<h2 class="wp-block-heading">Qué podemos hacer con un constructor de páginas</h2>



<p>El espacio y el tiempo disponibles en esta sesión no nos permiten realizar un análisis comparativo exhaustivo entre el editor de WordPress, por un lado, y los constructores de páginas, por otro, pero sí apuntar algunas diferencias significativas entre ambos sistemas. La tabla comparativa incluida a continuación, en la que hemos tomado como elementos de comparación el actual editor de WordPress y el constructor de páginas Elementor, ayudará a los alumnos y alumnas del curso a comprender la diferencia entre ambos sistemas de edición. </p>



<figure class="wp-block-table caption-align-left is-style-stripes"><table class="has-fixed-layout"><thead><tr><th class="has-text-align-left" data-align="left">Editor de WordPress</th><th class="has-text-align-left" data-align="left"><strong>Elementor</strong></th></tr></thead><tbody><tr><td class="has-text-align-left" data-align="left">Solo permite editar el contenido de los artículos.</td><td class="has-text-align-left" data-align="left">Hace posible la edición de todos los elementos de un sitio web.</td></tr><tr><td class="has-text-align-left" data-align="left">No dispone de un verdadero sistema de edición <a href="https://es.wikipedia.org/wiki/WYSIWYG" target="_blank" aria-label="WYSIWYG (opens in a new tab)" rel="noreferrer noopener" class="ek-link">WYSIWYG</a>.</td><td class="has-text-align-left" data-align="left">Dispone de un mecanismo bastante eficaz de edición <a aria-label="WYSIWIG (opens in a new tab)" href="https://es.wikipedia.org/wiki/WYSIWYG" target="_blank" rel="noreferrer noopener" class="ek-link">WYSIWIG</a>.</td></tr><tr><td class="has-text-align-left" data-align="left">Los resultados de la edición son muy dependientes del tema elegido.</td><td class="has-text-align-left" data-align="left">Los resultados de la edición no necesariamente dependen del tema elegido.</td></tr><tr><td class="has-text-align-left" data-align="left">No permite comprobar directamente los resultados de la edición en varios tipos de dispositivos (diseño <em>responsive</em>).</td><td class="has-text-align-left" data-align="left">Permite comprobar, de forma rápida y sencilla, los resultados de la edición en varios tipos de dispositivos.</td></tr><tr><td class="has-text-align-left" data-align="left">Solo permite un ajuste muy limitado de los parámetros de diseño.</td><td class="has-text-align-left" data-align="left">Proporciona un ajuste muy preciso de una enorme cantidad de parámetros de diseño.</td></tr><tr><td class="has-text-align-left" data-align="left">Dispone de un mecanismo de plantillas rudimentario y bastante limitado.</td><td class="has-text-align-left" data-align="left">Ofrece una gran variedad de plantillas muy sofisticadas y potentes.</td></tr><tr><td class="has-text-align-left" data-align="left">Apenas hace uso de la técnica de arrastrar y soltar (<em>drag and drop</em>) y del botón contextual del ratón.</td><td class="has-text-align-left" data-align="left">Hace un uso muy eficiente de la técnica de arrastra y soltar, y del botón contextual del ratón.</td></tr></tbody></table></figure>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/los-constructores-de-paginas/">Los constructores de páginas</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cursoswp.educacion.navarra.es/cursowp2020/los-constructores-de-paginas/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>Elementor y Elementor Pro</title>
		<link>https://cursoswp.educacion.navarra.es/cursowp2020/sesion-4/</link>
					<comments>https://cursoswp.educacion.navarra.es/cursowp2020/sesion-4/#comments</comments>
		
		<dc:creator><![CDATA[Administrador]]></dc:creator>
		<pubDate>Sat, 25 Jan 2020 19:42:09 +0000</pubDate>
				<category><![CDATA[Sesión 4]]></category>
		<category><![CDATA[constructores de páginas]]></category>
		<category><![CDATA[Elementor]]></category>
		<category><![CDATA[Elementor Pro]]></category>
		<guid isPermaLink="false">https://cursoswp.educacion.navarra.es/cursowp2020/?p=85</guid>

					<description><![CDATA[<p>Relación entre los plugins Elementor y Elementor Pro y tratamiento de ambos plugins en el curso. Recomendaciones sobre el uso de Elementor.</p>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/sesion-4/">Elementor y Elementor Pro</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Una vez explicado el concepto de <a href="https://cursoswp.educacion.navarra.es/cursowp2020/los-constructores-de-paginas/" class="ek-link">constructor de páginas</a>, y tras haber puesto en relación este tipo de aplicaciones con el editor de WordPress, nos corresponde ahora la tarea de presentar a Elementor y Elementor Pro, que es la pareja de plugins sobre cuyo funcionamiento, uso y configuración van a versar tanto esta cuarta sesión del curso como la próxima.</p>



<span id="more-85"></span>



<h2 class="wp-block-heading">Por qué hemos seleccionado Elementor y Elementor Pro</h2>



<p>A la vista del espectacular desarrollo de los plugins constructores de páginas y de sus enormes posibilidades para el diseño web, en su momento el Departamento de Educación del Gobierno de Navarra se planteó la compra de un plugin que permitiera a los responsables de los sitios web de centros contar con una de estas potentísimas herramientas. Se optó entonces por seleccionar la pareja Elementor-Elementor Pro, debido a una serie de argumentos que ya expusimos en el artículo <a aria-label="El plugin Elementor (opens in a new tab)" href="https://cursoswp.educacion.navarra.es/cursowp2018/el-plugin-elementor/" target="_blank" rel="noreferrer noopener" class="ek-link">El plugin Elementor</a>.</p>



<h2 class="wp-block-heading">Qué relación hay entre Elementor y Elementor Pro</h2>



<p>Elementor o, más propiamente, <a aria-label="Elementor Page Builder (opens in a new tab)" href="https://wordpress.org/plugins/elementor/" target="_blank" rel="noreferrer noopener" class="ek-link">Elementor Page Builder</a>, es un plugin gratuito, que puede descargarse libremente desde el repositorio oficial de plugins de WordPress. En cambio, <a aria-label="Elementor Pro (opens in a new tab)" href="https://elementor.com" target="_blank" rel="noreferrer noopener" class="ek-link">Elementor Pro</a> es un plugin de pago, que funciona como complemento o extensión del anterior. Elementor puede instalarse sin ningún requisito especial, y funciona por sí mismo en cualquier instalación de WordPress. Por el contrario, Elementor Pro no solo exige que ya esté instalado y activado el plugin Elementor, sino que además requiere que se haya adquirido la licencia con la cual se puede descargar el plugin y activar sus funcionalidades.</p>



<p>La <a aria-label="licencia de Elementor Pro (opens in a new tab)" href="https://elementor.com/pricing/" target="_blank" rel="noreferrer noopener" class="ek-link">licencia de Elementor Pro</a> comprada por el Departamento de Educación del Gobierno de Navarra  permite su instalación en todos los sitios web de centros educativos que estén interesados en él. Por tanto, a lo largo de este curso nosotros no distinguiremos entre las funcionalidades de uno y otro, dado que los consideramos una unidad funcional inseparable (de hecho, una vez instalados y activados ambos plugins, su integración mutua es perfecta). Cualquier mención de Elementor, por tanto, debe entenderse como referida a ambos plugins, salvo que indiquemos otra cosa.</p>



<p>Dicho esto, los alumnos y alumnas del curso deben tener muy en cuenta las siguientes observaciones:</p>



<ul><li>Las tareas que plantea esta cuarta sesión del curso se realizarán en los blogs de práctica solo con Elementor (es decir, sin Elemento Pro).</li><li>Elementor Pro solo se activará en la quinta sesión del curso, y no en todos los sitios de práctica, sino en un sitio específico, en el que serán datos de alta todos los alumnos y alumnas del curso. Las condiciones de acceso a este sitio especial serán muy particulares, y se anunciarán oportunamente.</li></ul>



<h2 class="wp-block-heading">Cómo, cuándo y dónde se debe utilizar Elementor</h2>



<p>Elementor es un constructor de páginas extraordinariamente potente, capaz de diseñar páginas web individuales, o un sitio web completo, sin ninguna de las restricciones que imponen los temas habituales. Esta capacidad lo convierte en una herramienta excepcional, que por tanto debe utilizarse en condiciones muy determinadas, sobre todo cuando sus usuarios, como ocurre en la inmensa mayoría de los centros educativos, son (o somos) <em>amateurs</em> con muy distinto grado de competencia. A continuación detallamos algunas recomendaciones de uso.</p>



<h3 class="wp-block-heading">Qué se debe editar con Elementor</h3>



<p>Aconsejamos utilizar Elementor solo para crear aquellos artículos que deban tener un diseño singular, destacado o excepcional. En la inmensa mayoría de los casos, resulta poco rentable utilizar Elementor para diseñar las entradas y páginas individuales normales.</p>



<h3 class="wp-block-heading">Quién debe editar con Elementor</h3>



<p>Elementor no debe ser utilizado por cualquier usuario, ni siquiera aquellos autorizados a editar y publicar por sí mismos. Nuestra recomendación es que solo lo utilice la persona que se encarga de la administración del sitio web, y siempre que cuente con los conocimientos y habilidades necesarios.</p>



<h3 class="wp-block-heading">Elementor y el editor de WordPress</h3>



<p>Elementor no permite intercambiar la edición de artículos con el editor de WordPress. Es decir, no se puede pasar de escribir o componer un artículo con Elementor a hacerlo con el editor de WordPress (ni viceversa). Por tanto, hay que planificar muy bien la arquitectura y la edición del sitio.</p>



<p>Sí es posible, en cambio, insertar elementos creados con Elementor tanto en el editor como en los widgets de WordPress. Para ello basta con guardar como plantillas los diseños creados son Elementor, cada uno de los cuales genera el correspondiente shortcode; posteriormente, el shortcode se pude copiar y pegar en el editor de WordPress. Una alternativa a esta técnica es utilizar el plugin <a rel="noreferrer noopener" href="http://elementor%20blocks%20for%20gutenberg/" target="_blank">Elementor Blocks for Gutenberg.</a> mediante el cual es posible insertar cualquier plantilla creada con Elementor como un bloque.</p>



<h3 class="wp-block-heading">Diseño global de un sitio con Elementor</h3>



<p>En caso de que queramos utilizar Elementor para diseñar un sitio web completo, es necesario definir un tipo especial de plantillas globales que conforman lo que Elementor denomina “constructor de temas” (<a aria-label="theme builder (opens in a new tab)" rel="noreferrer noopener" href="https://docs.elementor.com/category/403-theme-builder" target="_blank" class="ek-link">theme builder</a>). Si el desarrollo del curso lo permite, veremos esta funcionalidad en la quinta sesión.</p>



<p>Por otro lado, es posible “graduar” la independencia de Elementor con respecto al tema utilizado en el sitio web. Esto quiere decir que podemos adoptar el diseño básico de un tema como base para trabajar con Elementor, o prescindir casi totalmente de dicho diseño. Ninguna de las dos alternativas es mejor que la otra; la elección de cualquiera de ellas debe hacer tras valorar las circunstancias del caso.</p>



<h2 class="wp-block-heading">El futuro de Elementor y WordPress</h2>



<p>En el momento de escribir este artículo, no está claro si Elementor va a seguir existiendo como un plugin (bueno, dos plugins, como ya hemos visto), o se va a transformar en un servicio online (un <a rel="noreferrer noopener" href="https://es.wikipedia.org/wiki/Software_como_servicio" target="_blank">SaaS</a>) u otro tipo de software. Por otro lado, el desarrollo del editor de WordPress es muy veloz, y cabe en lo posible que, en un tiempo relativamente corto, haga innecesarios plugins como Elementor, que tal vez solo tengan sentido para proyectos de diseño de muy alto nivel.</p>



<p>Por tanto, recomendamos a nuestros alumnos y alumnas que no se entusiasmen en exceso con las posibilidades de Elementor. En lugar de  “poner todos los nuevos en la misma cesta” y elaborar un diseño muy dependiente de este plugin, les aconsejamos que limiten sus diseños al mínimo imprescindible para obtener los resultados funcionales y estéticos deseados.</p>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/sesion-4/">Elementor y Elementor Pro</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cursoswp.educacion.navarra.es/cursowp2020/sesion-4/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
		<item>
		<title>El interfaz de edición de Elementor</title>
		<link>https://cursoswp.educacion.navarra.es/cursowp2020/el-interfaz-de-edicion-de-elementor/</link>
					<comments>https://cursoswp.educacion.navarra.es/cursowp2020/el-interfaz-de-edicion-de-elementor/#comments</comments>
		
		<dc:creator><![CDATA[Administrador]]></dc:creator>
		<pubDate>Sat, 14 Mar 2020 16:39:32 +0000</pubDate>
				<category><![CDATA[Sesión 4]]></category>
		<category><![CDATA[área de configuración de Elementor]]></category>
		<category><![CDATA[área de edición de Elementor]]></category>
		<category><![CDATA[edición con Elementor]]></category>
		<category><![CDATA[finder de Elementor]]></category>
		<category><![CDATA[interfaz de Elementor]]></category>
		<guid isPermaLink="false">https://cursoswp.educacion.navarra.es/cursowp2020/?p=2080</guid>

					<description><![CDATA[<p>Descripción de la disposición, estructura, elementos y principales funcionalidades del interfaz de edición de Elementor.</p>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/el-interfaz-de-edicion-de-elementor/">El interfaz de edición de Elementor</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Una vez presentados los plugins Elementor y Elementor Pro, y <a href="https://cursoswp.educacion.navarra.es/cursowp2020/sesion-4/" class="ek-link">tras haber aconsejado a nuestros alumnos y alumnas sobre la forma más sensata y eficiente de utilizar ambos plugins</a>, es el turno de describir el funcionamiento del interfaz de edición de Elementor, pieza clave de estos dos complementos. Para ello utilizaremos nuestros propios <em>screencasts</em>, que complementaremos, allí donde lo consideremos necesario, con tutoriales y videotutoriales previamente publicados en la Red.</p>



<span id="more-2080"></span>



<h2 class="wp-block-heading">Edición con Elementor</h2>



<p>Para editar una entrada o página con Elementor, hay que hacer lo siguiente: desde los menús <strong>Entradas</strong> o <strong>Páginas</strong>, pulsar en la opción <strong>Añadir nueva</strong> y, a continuación, hacer clic sobre el botón azul <strong>Editar con Elementor</strong>. En caso de que ya se haya guardado algún artículo elaborado con Elementor, WordPress mostrará esta circunstancia en las listas de entradas y páginas, y nos ofrecerá la opción de editarlas con dicho plugin.</p>



<p>Los dos procedimientos antedichos se muestran en el siguiente <em>screencast</em>:</p>



<figure class="wp-block-video aligncenter caption-align-center"><video controls poster="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/edicion-pagina-con-elementor.png" src="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/edicion-pagina-con-elementor.m4v"></video><figcaption>Edición de una página con Elementor</figcaption></figure>



<h2 class="wp-block-heading">El interfaz de edición de Elementor</h2>



<p>Cuando editamos un artículo con Elementor, abandonamos el editor normal de WordPress, y accedemos a un nuevo editor que tiene un aspecto totalmente diferente. Este nuevo editor está dividido en dos áreas claramente diferenciadas: el área de configuración y propiedades, a la izquierda, y el área de edición del contenido, a la derecha. </p>



<p>Es posible ocultar completamente el área de propiedades si se arrastra el manejador que aparece entre ambas áreas (una flecha sobre un rectángulo vertical rojo) hasta el extremo izquierdo de la pantalla, lo cual permite convertir el editor en un verdadero sistema de edición <a aria-label="WYSIWYG (opens in a new tab)" rel="noreferrer noopener" href="https://es.wikipedia.org/wiki/WYSIWYG" target="_blank" class="ek-link">WYSIWYG</a>. </p>



<p>Todo ello se puede ver en el siguiente <em>screencast</em>:</p>



<figure class="wp-block-video caption-align-center"><video controls poster="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/interfaz-edicion-elementor.png" src="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/interfaz-edicion-elementor.m4v"></video><figcaption>Interfaz de edición de Elementor</figcaption></figure>



<h3 class="wp-block-heading">Área de configuración y propiedades</h3>



<p>El área izquierda del editor de Elementor está dividida, a su vez, en varias zonas, a saber:</p>



<h4 class="wp-block-heading">Zona superior</h4>



<p>En esta primera zona aparecen dos iconos:</p>



<ul><li><strong>Icono de hamburguesa</strong>, que da acceso a diversas opciones de configuración de Elementor, del artículo que está siendo editado o de los elementos de diseño, según las circunstancias de edición.</li><li><strong>Icono de cuadrícula o rejilla</strong>; cuando se hace clic sobre él accedemos a la lista completa de todos los elementos o widgets de Elementor (y también de WordPress), que se pueden arrastrar sobre la zona de edición.</li></ul>



<h4 class="wp-block-heading">Zona central</h4>



<p>Esta zona ocupa la mayor parte de la altura de la pantalla. En ella aparecen todos los widgets o elementos de diseño disponibles, que se pueden arrestar sobre la zona de edición.</p>



<h4 class="wp-block-heading">Zona inferior</h4>



<p>Cuenta con un menú desplegable de color verde, que permite guardar un artículo como borrador o plantilla, y también publicarlo, y otros cinco iconos, correspondientes a otras tantas funcionalidades. De izquierda a derecha, son los siguientes:</p>



<ol><li>Icono de engranaje, mediante el cual se accede a la <strong>configuración del artículo</strong> que está siendo editado.</li><li>Icono de hojas apiladas, que da acceso al <strong>navegador de página</strong>. Su función es muy parecida al navegador de bloques de WordPress, es decir, mostrar la estructura de los elementos que forman el artículo..</li><li>Icono de flecha circular que gira sobre si misma: sirve para acceder al <strong>historial de edición</strong>, mediante el cual se pueden deshacer cambios, recuperar versiones antiguas de un artículo, etc.</li><li>Icono de pantalla, símbolo del <strong>modo adaptable</strong>. Mediante esta herramienta podemos comprobar el diseño del artículo en tres tipos de dispositivos diferentes: ordenadores de escritorio, tabletas y teléfonos móviles.</li><li>Icono con forma de ojo. Al pulsar sobre él se abre una nueva ventana o pestaña que sirve para <strong>previsualizar el diseño</strong> del artículo que está siendo editado.</li></ol>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>El siguiente <em>screencast</em> muestra el funcionamiento del área izquierda del editor de Elementor.</p>



<figure class="wp-block-video caption-align-center"><video controls poster="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/area-configuracion-propiedades-elementor.png" src="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/area-configuracion-propiedades-elementor.m4v"></video><figcaption>El área de configuración y propiedades del editor de Elementor</figcaption></figure>



<h3 class="wp-block-heading">Área de edición</h3>



<p>El área de edición es un gran espacio en blanco solo interrumpido por dos iconos encerrados en una caja con borde punteado. Estos iconos tienen las siguientes funciones: el icono con forma de cruz sobre un círculo rojo <strong>sirve para añadir secciones de página</strong>, mientras que el icono con forma de carpeta <strong>sirve para añadir plantillas</strong>.</p>



<p>Esta área en blanco es el principal escenario de uso de los plugins Elementor y Elementor Pro, ya que sobre ella se pueden arrastrar y soltar, mover, copiar, pegar, borrar y reordenar los elementos de diseño que ofrecen ambos plugins.</p>



<p>En los siguientes artículos de esta sección y de la próxima veremos cómo funciona el área de edición de Elementor.</p>



<h2 class="wp-block-heading">El Finder de Elementor</h2>



<p>Una vez instalado Elementor, existe una función de búsqueda y acceso rápido a todos sus componentes (el denominado <em>finder</em>), que se puede invocar desde el propio Elementor, desde el backend de WordPress e incluso desde el frontend, siempre, claro está, que el usuario haya iniciado sesión. </p>



<p>Para activar el <em>finder</em> de Elementor, basta con pulsar la combinación de teclas <strong>Ctrl+E</strong> en Windows, o <strong>CMD+E</strong> en Mac. El artículo <a aria-label="Introducing Finder: The Easiest Way to Switch Between Pages (opens in a new tab)" rel="noreferrer noopener" href="https://elementor.com/blog/introducing-finder/" target="_blank" class="ek-link">Introducing Finder: The Easiest Way to Switch Between Pages</a> explica detalladamente cómo utilizar esta función, que resulta sumamente útil para agilizar todos los procesos de edición en los que interviene Elementor. Una demostración básica de su funcionamiento puede verse en el <em>screencast</em> que incluimos a continuación.</p>



<figure class="wp-block-video caption-align-center"><video controls poster="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/finder-elementor.png" src="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/finder-elementor.m4v"></video><figcaption>El finder de Elementor</figcaption></figure>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/el-interfaz-de-edicion-de-elementor/">El interfaz de edición de Elementor</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cursoswp.educacion.navarra.es/cursowp2020/el-interfaz-de-edicion-de-elementor/feed/</wfw:commentRss>
			<slash:comments>3</slash:comments>
		
		<enclosure url="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/edicion-pagina-con-elementor.m4v" length="967104" type="video/mp4" />
<enclosure url="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/interfaz-edicion-elementor.m4v" length="685368" type="video/mp4" />
<enclosure url="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/area-configuracion-propiedades-elementor.m4v" length="925163" type="video/mp4" />
<enclosure url="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/finder-elementor.m4v" length="244760" type="video/mp4" />

			</item>
		<item>
		<title>Secciones, columnas y widgets</title>
		<link>https://cursoswp.educacion.navarra.es/cursowp2020/secciones-columnas-y-widgets/</link>
					<comments>https://cursoswp.educacion.navarra.es/cursowp2020/secciones-columnas-y-widgets/#comments</comments>
		
		<dc:creator><![CDATA[Administrador]]></dc:creator>
		<pubDate>Sun, 15 Mar 2020 10:16:14 +0000</pubDate>
				<category><![CDATA[Sesión 4]]></category>
		<category><![CDATA[columnas]]></category>
		<category><![CDATA[secciones]]></category>
		<category><![CDATA[secciones de Elementor]]></category>
		<category><![CDATA[widgets]]></category>
		<guid isPermaLink="false">https://cursoswp.educacion.navarra.es/cursowp2020/?p=2082</guid>

					<description><![CDATA[<p>Descripción del funcionamiento de las secciones, columnas y widgets en el interfaz de edición de los plugins Elementor y Elementor Pro.</p>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/secciones-columnas-y-widgets/">Secciones, columnas y widgets</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>Una vez descrita la <a href="https://cursoswp.educacion.navarra.es/cursowp2020/el-interfaz-de-edicion-de-elementor/" class="ek-link">disposición general del editor de Elementor</a>, debemos ocuparnos de los elementos básicos que sirven para estructurar y organizar un artículo creado con este plugin: secciones, columnas y widgets. En este artículo examinaremos cómo se crean estos elementos y cómo se trabaja con ellos.</p>



<h2 class="wp-block-heading">Las secciones</h2>



<p>Si concebimos una página web como una estructura con disposición de cuadrícula o rejilla, una <strong>sección</strong> es un bloque de contenido que se extiende horizontalmente de izquierda a derecha. En la <a href="https://cursoswp.educacion.navarra.es/cursowp2020/secciones-de-una-pagina-web/" class="ek-link">primera sesión</a> de este curso ya vimos que, para poder ser considerada propiamente como una sección, el bloque de contenido debe combinar objetivos funcionales y un diseño distintivo, aspectos ambos que permitirán identificar inequívocamente este elemento en la página web.</p>



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



<h3 class="wp-block-heading">Creación y funcionamiento de las secciones</h3>



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



<p>Las secciones se pueden ordenar y reordenar en la página web utilizando la técnica de arrastra y soltar. Al principio, esta operación resulta un poco difícil, sobre todo para las personas que no están acostumbradas a esta técnica, pero enseguida se le coge el tranquilo. La ordenación de secciones también se puede llevar a cabo mediante el <a href="https://elementor.com/blog/introducing-navigator/" target="_blank" aria-label="navegador de Elementor (opens in a new tab)" rel="noreferrer noopener" class="ek-link">navegador de Elementor</a>, que resulta muy útil cuando el diseño de la página es complejo y está formado por un gran número de elementos.</p>



<h3 class="wp-block-heading">Manipulación de las secciones</h3>



<p>En el editor de Elementor cada sección 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>



<ul><li>El icono con forma de cruz sirve para añadir una nueva sección, que se dispondrá por encima de la sección sobre cuyo icono se ha pulsado.</li><li>El icono con forma de cuadrícula de puntos permite seleccionar la sección. <a aria-label="Si se hace clic con el botón derecho en este icono (opens in a new tab)" href="https://docs.elementor.com/article/363-meet-right-click?utm_source=right-click&amp;utm_medium=wp-dash&amp;utm_campaign=learn" target="_blank" rel="noreferrer noopener" class="ek-link">Si se hace clic con el botón derecho en este icono</a>, se podrán efectuar diversas operaciones sobre la sección, como por ejemplo editarla, duplicarla, borrarla, guardarla como plantilla, añadir una nueva columna, pegar o reiniciar los estilos, etc. </li><li>El icono con forma de aspa sirve para eliminar la sección.</li></ul>



<h3 class="wp-block-heading">Propiedades de las secciones</h3>



<p>Cuando se selecciona una sección, el área de configuración y propiedades de Elementor se transforma y, en lugar de mostrar los widgets disponibles, muestra las propiedades de la sección, organizadas en tres pestañas: <strong>Diseño</strong>, <strong>Estilo</strong> y <strong>Avanzado</strong>. Esta misma estructura tripartita se repite cuando accedemos a las propiedades de las columnas y los widgets.</p>



<p>Todos los aspectos de funcionamiento de las secciones que acabamos de describir se muestran en el siguiente <em>screencast</em>.</p>



<figure class="wp-block-video caption-align-center"><video controls poster="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/secciones-elementor.png" src="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/secciones-elementor.m4v"></video><figcaption>Las secciones en Elementor</figcaption></figure>



<h2 class="wp-block-heading">Las columnas</h2>



<p>Las columnas son los bloques verticales que forman las secciones. Como acabamos de ver en el epígrafe anterior, las columnas se crean automáticamente cuando el usuario selecciona el diseño de una sección. Elementor identifica las columnas mediante un contenedor delimitado por un borde negro punteado, en cuyo ángulo superior izquierdo aparece un icono característico.</p>



<p>Si hacemos clic sobre el icono de una columna, veremos cómo Elementor muestra sus propiedades en el área de configuración, organizadas en las mismas tres pestañas (<strong>Diseño</strong>, <strong>Estilo</strong> y <strong>Avanzado</strong>) que ya hemos visto al tratar las secciones. Por otro lado, si pulsamos con el botón derecho del ratón sobre el icono de la columna, podremos acceder a funciones como duplicarla, borrarla, añadir una nueva columna, pegar o reiniciar los estilos, etc. </p>



<p>El funcionamiento de las columnas puede verse en el <em>screencast </em>que incluimos a continuación.</p>



<figure class="wp-block-video caption-align-center"><video controls poster="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/columnas-elementor.png" src="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/columnas-elementor.m4v"></video><figcaption>Las columnas en Elementor</figcaption></figure>



<h2 class="wp-block-heading">Los widgets</h2>



<p>Los widgets de Elementor (que no son lo mismo que los widgets de WordPress) son los diferentes bloques de contenido que se pueden incluir dentro de las columnas. Si accedemos al área de configuración y propiedades de Elementor, comprobaremos que disponemos de un enorme conjunto de widgets, organizados en diversas categorías (una organización que recuerda mucho a la del insertador de bloques de WordPress). La última categoría es la de los widgets de WordPress, que se pueden utilizar no solo del modo habitual, sino también <em>dentro</em> de cualquiera de los artículos elaborados con Elementor.</p>



<h3 class="wp-block-heading">Relación de widgets de Elementor</h3>



<p>No disponemos de tiempo ni espacio suficientes como para detallar todos los widgets con que cuentan Elementor y Elementor Pro, pero tampoco lo consideramos necesario, porque la mayoría tienen unos títulos muy intuitivos que permiten identificarlos sin posibilidad de error. En cualquier caso, remitimos a los alumnos y alumnas de este curso a la <a aria-label="documentación de Elementor (opens in a new tab)" href="https://docs.elementor.com/collection/388-widgets" target="_blank" rel="noreferrer noopener" class="ek-link">documentación de Elementor</a>, que es sin lugar a dudas el mejor recurso para encontrar información exhaustiva sobre los widgets y cualquier otro aspecto del uso  de Elementor.</p>



<h3 class="wp-block-heading">Cómo se añaden y se manipulan los widgets</h3>



<p>Una vez definida un sección (que al menos ha de tener una columna), los widgets se crean mediante una técnica tan simple como efectiva: arrastrarlos con el ratón desde el área de configuración y propiedades hasta la columna donde se desean insertar. Elementor marca la zona de inserción del widget con un tono azul característico, lo cual permite añadirlo con gran precisión.</p>



<p>Una vez insertado un widget, Elementor lo identifica con un icono característico que tiene forma de lápiz y está situado en el ángulo superior derecho de un contenedor bordeado por una línea azul.</p>



<p>Mediante las técnicas que ya hemos descrito al tratar sobre secciones y columnas (es decir, arrastrar y soltar, y pulsar con el botón derecho del ratón), los widgets se pueden reordenar, borrar, pegar y copiar, etc. Al igual que ocurre con las secciones y columnas, cuando se hace clic sobre un widget, el área de configuración y propiedades del editor de Elementor adopta la disposición tripartita de configuración que ya hemos visto, la cual permite acceder a las tres pestañas (<strong>Diseño</strong>, <strong>Estilo</strong> y <strong>Avanzado</strong>) en que se organizan sus propiedades.</p>



<p>El funcionamiento de los widgets puede verse en el <em>screencast</em> que ofrecemos a continuación.</p>



<figure class="wp-block-video caption-align-center"><video controls poster="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/widgets-elementor.png" src="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/widgets-elementor.m4v"></video><figcaption>Los widgets en Elementor</figcaption></figure>



<h2 class="wp-block-heading">Complejidad y simplicidad de Elementor</h2>



<p>Como puede deducirse de las explicaciones y <em>screencasts</em> que hemos incluido en este artículo, el editor de Elementor es, a pesar de su aparente complejidad, muy fácil de manejar, ya que tanto las secciones como las columnas y los widgets se utilizan de la misma manera, y sus respectivas opciones y configuraciones están organizadas de forma homogénea.</p>



<p>Lo más difícil de Elementor es comprender la organización en secciones, columnas y widgets, y aplicar esta organización a los hábitos de composición de cada usuario. No obstante, una vez entendido este mecanismo, Elementor y Elementor Pro son muy fáciles de utilizar. Otra cosa muy distinta es dominar la enorme cantidad de funcionalidades y opciones de ambos plugins, o tener buenas ideas, creatividad y buen gusto a la hora de ponerlas en práctica.</p>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/secciones-columnas-y-widgets/">Secciones, columnas y widgets</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cursoswp.educacion.navarra.es/cursowp2020/secciones-columnas-y-widgets/feed/</wfw:commentRss>
			<slash:comments>2</slash:comments>
		
		<enclosure url="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/secciones-elementor.m4v" length="1532492" type="video/mp4" />
<enclosure url="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/columnas-elementor.m4v" length="802160" type="video/mp4" />
<enclosure url="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/widgets-elementor.m4v" length="2923035" type="video/mp4" />

			</item>
		<item>
		<title>Propiedades de los artículos de Elementor</title>
		<link>https://cursoswp.educacion.navarra.es/cursowp2020/propiedades-de-los-articulos-de-elementor/</link>
					<comments>https://cursoswp.educacion.navarra.es/cursowp2020/propiedades-de-los-articulos-de-elementor/#comments</comments>
		
		<dc:creator><![CDATA[Administrador]]></dc:creator>
		<pubDate>Sun, 15 Mar 2020 12:09:57 +0000</pubDate>
				<category><![CDATA[Sesión 4]]></category>
		<category><![CDATA[ocultación del título]]></category>
		<category><![CDATA[plantilla de anchura completa]]></category>
		<category><![CDATA[plantilla de lienzo en blanco]]></category>
		<category><![CDATA[plantillas de Elementor]]></category>
		<guid isPermaLink="false">https://cursoswp.educacion.navarra.es/cursowp2020/?p=2084</guid>

					<description><![CDATA[<p>Modificación de las propiedades de los artículos de Elementor: selección de plantillas especiales y ocultación del título de los artículos.</p>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/propiedades-de-los-articulos-de-elementor/">Propiedades de los artículos de Elementor</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>En los artículos precedentes ya hemos analizado el <a href="https://cursoswp.educacion.navarra.es/cursowp2020/el-interfaz-de-edicion-de-elementor/" class="ek-link">interfaz de Elementor</a>, y hemos visto cómo crear <a href="https://cursoswp.educacion.navarra.es/cursowp2020/secciones-columnas-y-widgets/" class="ek-link">secciones, columnas y widgets</a>. Con esta información ya tenemos suficiente para crear artículos con Elementor y utilizar su editor. Ahora bien, si queremos obtener todo el partido posible de este plugin, hay que saber también cómo modificar algunas propiedades de los artículos de Elementor. </p>



<span id="more-2084"></span>



<h2 class="wp-block-heading">Aplicación de las plantillas especiales de Elementor</h2>



<p>Cuando creamos un artículo con Elementor, este adquiere por defecto las características de diseño del tema (tipografía, colores, cabecera, pie de página, barras laterales, etc.), lo cual puede no ser conveniente para los objetivos previstos.</p>



<p>Para resolver este problema, Elementor dispone de dos plantillas especiales, que se pueden aplicar a cualquier artículo (páginas, entradas u otros tipos de contenido) con el fin de modificar su diseño e independizarlo de las características del tema:</p>



<ul><li><strong>Anchura completa de Elementor</strong>: <a aria-label="esta plantilla (opens in a new tab)" rel="noreferrer noopener" href="https://docs.elementor.com/article/316-using-elementor-s-full-width-page-template" target="_blank" class="ek-link">esta plantilla</a> elimina cualquier barra lateral o área de widgets, y permite que el diseño del artículo cubra, si así se desea, toda la anchura de la página. En cambio, la aplicación de esta plantilla no elimina la cabecera ni el pie de página definidos por el tema.</li><li><strong>Lienzo de Elementor</strong>: como su propio nombre sugiere, <a aria-label="esta plantilla (opens in a new tab)" rel="noreferrer noopener" href="https://docs.elementor.com/article/315-using-elementor-s-canvas-page-template" target="_blank" class="ek-link">esta plantilla</a> convierte la página en un espacio en blanco, sin barras laterales, cabecera ni pie de página, con lo cual el usuario puede “pintar” sobre ella como si se encontrara ante el proverbial lienzo de un cuadro.</li></ul>



<div style="height:20px" aria-hidden="true" class="wp-block-spacer"></div>



<p>Conviene tener en cuenta que ninguna de estas plantillas suprime otras características de los temas, como la tipografía, el color del texto, el diseño del fondo, los colores de los enlaces, etc. Si se quieren anular estos elementos de diseño, hay que poner en práctica técnicas especiales, que veremos, si el tiempo lo permite, en la quinta sesión del curso.</p>



<p>Para aplicar cualquiera de las plantillas antedichas, hay que editar un artículo con Elementor, pulsar sobre el icono de configuración de página que aparece en la parte inferior del área de configuración y propiedades (tiene forma de rueda dentada o engranaje), y seleccionar la plantilla que en cada caso convenga a los propósitos de edición.</p>



<h2 class="wp-block-heading">Ocultación del título de un artículo</h2>



<p>Hay muchas ocasiones en que el diseño de un artículo hace aconsejable ocultar su título; de hecho, así lo hemos venido haciendo en la <a href="https://cursoswp.educacion.navarra.es/cursowp2020/primera-actividad-del-curso/" class="ek-link">primera</a>, <a href="https://cursoswp.educacion.navarra.es/cursowp2020/segunda-actividad-del-curso/" class="ek-link">segunda</a> y <a href="https://cursoswp.educacion.navarra.es/cursowp2020/tercera-actividad-del-curso/" class="ek-link">tercera</a> actividades de este curso, aunque en todos estos casos hemos aplicado la función de ocultación del título propia de los temas de la familia Génesis.</p>



<p>Para conseguir este objetivo en Elementor, e independientemente del tema que utilicemos en nuestro sitio web, hay que repetir el procedimiento definido en el epígrafe anterior, aunque en este caso se debe activar la opción <strong>Ocultar el título</strong>.</p>



<p>El <em>screencast</em> que incluimos a continuación muestra cómo se puede seleccionar una plantilla especial de Elementor y cómo ocultar el título de un artículo.</p>



<figure class="wp-block-video caption-align-center"><video controls poster="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/propiedades-articulos-elementor.png" src="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/propiedades-articulos-elementor.m4v"></video><figcaption>Propiedades de los artículos de Elementor</figcaption></figure>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/propiedades-de-los-articulos-de-elementor/">Propiedades de los artículos de Elementor</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cursoswp.educacion.navarra.es/cursowp2020/propiedades-de-los-articulos-de-elementor/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		<enclosure url="https://cursoswp.educacion.navarra.es/cursowp2020/wp-content/uploads/2020/03/propiedades-articulos-elementor.m4v" length="660466" type="video/mp4" />

			</item>
		<item>
		<title>Prácticas con Elementor</title>
		<link>https://cursoswp.educacion.navarra.es/cursowp2020/practicas-con-elementor/</link>
					<comments>https://cursoswp.educacion.navarra.es/cursowp2020/practicas-con-elementor/#comments</comments>
		
		<dc:creator><![CDATA[Administrador]]></dc:creator>
		<pubDate>Sun, 15 Mar 2020 15:07:42 +0000</pubDate>
				<category><![CDATA[Sesión 4]]></category>
		<category><![CDATA[Elementor]]></category>
		<category><![CDATA[prácticas]]></category>
		<guid isPermaLink="false">https://cursoswp.educacion.navarra.es/cursowp2020/?p=2086</guid>

					<description><![CDATA[<p>Elaboración de un diseño de página web, de acuerdo con un modelo previo, en aplicación de las prácticas con Elementor.</p>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/practicas-con-elementor/">Prácticas con Elementor</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></description>
										<content:encoded><![CDATA[
<p>En anteriores artículos de esta sección hemos aprendido a identificar las diferentes <a href="https://cursoswp.educacion.navarra.es/cursowp2020/el-interfaz-de-edicion-de-elementor/" class="ek-link">áreas del editor de Elementor</a>, utilizar los elementos constitutivos de los artículos (<a href="https://cursoswp.educacion.navarra.es/cursowp2020/secciones-columnas-y-widgets/" class="ek-link">secciones, columnas y widgets</a>) y modificar algunas de las <a href="https://cursoswp.educacion.navarra.es/cursowp2020/propiedades-de-los-articulos-de-elementor/" class="ek-link">propiedades de los artículos</a>. Es el turno, por tanto, de realizar algunas prácticas con Elementor que nos permitan aplicar los conocimientos y técnicas que ya hemos visto.</p>



<span id="more-2086"></span>



<p>Lamentablemente, la suspensión de las sesiones presenciales del curso, como consecuencia de la <a aria-label="epidemia de coronavirus (opens in a new tab)" href="https://es.wikipedia.org/wiki/Pandemia_de_enfermedad_por_coronavirus_de_2019-2020" target="_blank" rel="noreferrer noopener" class="ek-link">epidemia de coronavirus</a> y la posterior aplicación del <a aria-label="estado de alarma (opens in a new tab)" href="https://es.wikipedia.org/wiki/Estado_de_alarma" target="_blank" rel="noreferrer noopener" class="ek-link">estado de alarma</a> en todo el territorio español, ha desbaratado los planes que habíamos diseñado para esta cuarta sesión, ya que impide que podamos demostrar ante sus alumnos y alumnas las técnicas y procedimientos que hemos ido explicando en artículos precedentes.</p>



<p>Así pues, solo nos queda una opción: solicitar a los alumnos que, después de leer los artículos de esta <a href="https://cursoswp.educacion.navarra.es/cursowp2020/categoria/sesion-4/" class="ek-link">cuarta sesión</a>, tengan la saludable audacia (“audentes fortuna iuvat”, como escribió Virgilio), de elaborar en sus sitios de práctica al menos un diseño de página web con Elementor. Para ello contarán con la ayuda de los materiales ya publicados en esta sección del curso, el ejemplo de un <a aria-label="sencillo modelo que ha elaborado el profesor (opens in a new tab)" rel="noreferrer noopener" href="https://blogsfad.educacion.navarra.es/modelos/pagina-con-elementor-1/" target="_blank" class="ek-link">sencillo modelo que ha elaborado el profesor</a> y los recursos que iremos recopilando en la <a href="https://cursoswp.educacion.navarra.es/cursowp2020/recursos-sobre-elementor-y-elementor-pro/" class="ek-link">página correspondiente</a>, todavía por terminar, que forma parte de la quinta sesión del curso.</p>



<h2 class="wp-block-heading">Un modelo de página web</h2>



<p>Hemos elaborado un <a aria-label="modelo de página web (opens in a new tab)" href="https://blogsfad.educacion.navarra.es/modelos/pagina-con-elementor-1/" target="_blank" rel="noreferrer noopener" class="ek-link">modelo de página web</a> que puede ser replicado por los alumnos y alumnas del curso con un esfuerzo relativamente pequeño. En el siguiente epígrafe ofrecemos las pautas necesarias para reproducirlo con Elementor.</p>



<p>Cómo podrá observarse, no hemos detallado totalmente las instrucciones necesarias para reproducir el modelo, pues queremos que los alumnos y alumnas investiguen y experimenten por su cuenta. Por supuesto, esta indeterminación justifica plenamente que los alumnos realicen cuantas adaptaciones y modificaciones les parezcan oportunas, siempre, claro está, que el resultado sea elegante, armonioso y adecuado con los objetivos del ejercicio.</p>



<h3 class="wp-block-heading">Plantilla y título de pagina</h3>



<p>Esta página tiene las siguientes carcteristicas:</p>



<ul><li>Se le ha aplicado la plantilla “lienzo de elementor”, tal como hemos explicado en <a href="https://cursoswp.educacion.navarra.es/cursowp2020/propiedades-de-los-articulos-de-elementor/">Propiedades de los artículos de Elementor</a>.</li><li>Se ha ocultado su título, de acuerdo con el procedimiento también descrito en la página antedicha.</li></ul>



<h3 class="wp-block-heading">Secciones de la página</h3>



<p>La página modelo tiene tres secciones, a saber:</p>



<ul><li>Una sección de cabecera, con una imagen “héroe”, un titular, texto y botones.</li><li>Una sección central compuesta por seis imágenes, organizadas en dos filas de tres columnas cada una,</li><li>Una sección de pie de página, con titular, datos de contacto y mapa.</li></ul>



<h4 class="wp-block-heading">Sección de cabecera</h4>



<p>Esta sección tiene las siguientes características:</p>



<ul><li>Es de anchura completa, y tiene una imagen de fondo.</li><li>Consta de una única columna.</li><li>El primer elemento es un <a aria-label="widget de titular (opens in a new tab)" href="https://docs.elementor.com/article/46-heading" target="_blank" rel="noreferrer noopener" class="ek-link">widget de titular</a>, a cuyo texto se le ha aplicado un efecto de sombra.</li><li>El segundo elemento es un <a href="https://docs.elementor.com/article/73-text-editor" target="_blank" aria-label="widget de editor de texto (opens in a new tab)" rel="noreferrer noopener" class="ek-link">widget de editor de texto</a>.</li><li>El tercer elemento es un <a aria-label="widget de sección interior (opens in a new tab)" href="https://docs.elementor.com/article/76-columns" target="_blank" rel="noreferrer noopener" class="ek-link">widget de sección interior</a>, con dos columnas. Dentro de cada columna hay un widget de botón.</li></ul>



<h4 class="wp-block-heading">Sección central</h4>



<p>Esta sección consta de una columna, y comprende los siguientes elementos:</p>



<ul><li>Un widget de titular.</li><li>Un widget de sección interior, con tres columnas. En cada una de ellas se incluyen los siguientes widgets:<ul><li><a aria-label="Widget de imagen (opens in a new tab)" href="https://docs.elementor.com/article/112-image" target="_blank" rel="noreferrer noopener" class="ek-link">Widget de imagen</a>.</li><li>Widget de titular.</li><li>Widget de imagen.</li><li>Widget de titular.</li></ul></li></ul>



<h4 class="wp-block-heading">Sección de pie de pagina</h4>



<p>Esta es una sección de anchura completa y una única columna, dentro de la cual se han incluido los siguientes widgets:</p>



<ul><li>Un widget de titular.</li><li>Un widget de sección interior, formada por dos columnas, la primera de las cuales tiene un tercio de la anchura total, y la segunda dos tercios. En cada una de las dos columnas se han incluido estos elementos:<ul><li>Columna de la izquierda: widget de titular y widget de editor de texto.</li><li>Columna de la derecha: <a aria-label="widget de mapa de Google (opens in a new tab)" href="https://docs.elementor.com/article/49-google-maps" target="_blank" rel="noreferrer noopener" class="ek-link">widget de mapa de Google</a>.</li></ul></li></ul>



<h2 class="wp-block-heading">Realización y envío de la tarea correspondiente a la cuarta sesión</h2>



<p>Dadas las excepcionales circunstancias que afectan no solo a este curso, sino a todas las actividades de enseñanza de los centros públicos y privados de Navarra, hemos acordado con el CAP de Pamplona que el plazo de realización de las prácticas descritas en este artículo se amplíe hasta el día 1 de mayo. Los alumnos y alumnas deberán enviar el trabajo al profesor mediante el <a href="https://cursoswp.educacion.navarra.es/cursowp2020/?elementor_library=pagina-de-contacto" class="ek-link">procedimiento habitual</a>.</p>
<p>La entrada <a href="https://cursoswp.educacion.navarra.es/cursowp2020/practicas-con-elementor/">Prácticas con Elementor</a> se publicó por primera vez en <a href="https://cursoswp.educacion.navarra.es/cursowp2020">Curso de WordPress 2020</a>.</p>
]]></content:encoded>
					
					<wfw:commentRss>https://cursoswp.educacion.navarra.es/cursowp2020/practicas-con-elementor/feed/</wfw:commentRss>
			<slash:comments>1</slash:comments>
		
		
			</item>
	</channel>
</rss>
