{"id":2080,"date":"2020-03-14T17:39:32","date_gmt":"2020-03-14T16:39:32","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/?p=2080"},"modified":"2020-03-14T17:54:23","modified_gmt":"2020-03-14T16:54:23","slug":"el-interfaz-de-edicion-de-elementor","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2020\/el-interfaz-de-edicion-de-elementor\/","title":{"rendered":"El interfaz de edici\u00f3n de Elementor"},"content":{"rendered":"\n

Una vez presentados los plugins Elementor y Elementor Pro, y tras haber aconsejado a nuestros alumnos y alumnas sobre la forma m\u00e1s sensata y eficiente de utilizar ambos plugins<\/a>, es el turno de describir el funcionamiento del interfaz de edici\u00f3n de Elementor, pieza clave de estos dos complementos. Para ello utilizaremos nuestros propios screencasts<\/em>, que complementaremos, all\u00ed donde lo consideremos necesario, con tutoriales y videotutoriales previamente publicados en la Red.<\/p>\n\n\n\n\n\n\n\n

Edici\u00f3n con Elementor<\/h2>\n\n\n\n

Para editar una entrada o p\u00e1gina con Elementor, hay que hacer lo siguiente: desde los men\u00fas Entradas<\/strong> o P\u00e1ginas<\/strong>, pulsar en la opci\u00f3n A\u00f1adir nueva<\/strong> y, a continuaci\u00f3n, hacer clic sobre el bot\u00f3n azul Editar con Elementor<\/strong>. En caso de que ya se haya guardado alg\u00fan art\u00edculo elaborado con Elementor, WordPress mostrar\u00e1 esta circunstancia en las listas de entradas y p\u00e1ginas, y nos ofrecer\u00e1 la opci\u00f3n de editarlas con dicho plugin.<\/p>\n\n\n\n

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

Edici\u00f3n de una p\u00e1gina con Elementor<\/figcaption><\/figure>\n\n\n\n

El interfaz de edici\u00f3n de Elementor<\/h2>\n\n\n\n

Cuando editamos un art\u00edculo con Elementor, abandonamos el editor normal de WordPress, y accedemos a un nuevo editor que tiene un aspecto totalmente diferente. Este nuevo editor est\u00e1 dividido en dos \u00e1reas claramente diferenciadas: el \u00e1rea de configuraci\u00f3n y propiedades, a la izquierda, y el \u00e1rea de edici\u00f3n del contenido, a la derecha. <\/p>\n\n\n\n

Es posible ocultar completamente el \u00e1rea de propiedades si se arrastra el manejador que aparece entre ambas \u00e1reas (una flecha sobre un rect\u00e1ngulo vertical rojo) hasta el extremo izquierdo de la pantalla, lo cual permite convertir el editor en un verdadero sistema de edici\u00f3n WYSIWYG<\/a>. <\/p>\n\n\n\n

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

Interfaz de edici\u00f3n de Elementor<\/figcaption><\/figure>\n\n\n\n

\u00c1rea de configuraci\u00f3n y propiedades<\/h3>\n\n\n\n

El \u00e1rea izquierda del editor de Elementor est\u00e1 dividida, a su vez, en varias zonas, a saber:<\/p>\n\n\n\n

Zona superior<\/h4>\n\n\n\n

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