{"id":587,"date":"2018-03-24T17:13:02","date_gmt":"2018-03-24T16:13:02","guid":{"rendered":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?p=587"},"modified":"2018-03-24T18:40:02","modified_gmt":"2018-03-24T17:40:02","slug":"que-son-los-editores-visuales","status":"publish","type":"post","link":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/","title":{"rendered":"Qu\u00e9 son los editores visuales"},"content":{"rendered":"<h2>1. Qu\u00e9 son los editores visuales o constructores de p\u00e1ginas<\/h2>\n<p>Los editores visuales, constructores de p\u00e1ginas o maquetadores visuales para WordPress son herramientas (generalmente plugins, aunque tambi\u00e9n algunos temas integran esta funcionalidad), que permiten construir p\u00e1ginas web con gran libertad, versatilidad y potencia.\u00a0 Cuando se utiliza una de estas herramientas, el dise\u00f1o de un sitio web se convierte en un proceso muy diferente al habitual, ya que cada p\u00e1gina se transforma en algo as\u00ed como un lienzo en blanco, sobre el cual se pueden colocar, de una forma c\u00f3moda e intuitiva, todos los bloques y elementos que el dise\u00f1ador considere necearios.<!--more--><\/p>\n<p>Mucho mejor que cualquier explicaci\u00f3n de los editores visuales es ver en directo el funcionamiento de alguno de ellos, como por ejemplo uno de los m\u00e1s potentes y vers\u00e1tiles, el plugin <a href=\"https:\/\/wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noopener\">Elementor<\/a>:. He aqu\u00ed una brev\u00edsima presentaci\u00f3n:<\/p>\n<div class=\"wptuts-video-container\"><iframe src=\"\/\/www.youtube.com\/embed\/kB4U67tiQLA\" height=\"240\" width=\"320\" allowfullscreen=\"\" frameborder=\"0\"><\/iframe><\/div>\r\n    <!--.wptuts-video-container-->\n<h2>2. Rasgos caracter\u00edsticos de los editores visuales<\/h2>\n<p>La mayor\u00eda de los editores visuales para WordPress se caracterizan por algunos rasgos comunes, a saber:<\/p>\n<ul>\n<li>Utilizan un sistema de dise\u00f1o basado en bloques o secciones, sobre los cuales se pueden definir distintas disposiciones de filas y columnas.<\/li>\n<li>Sus interfaces de usuario emplean\u00a0t\u00e9cnicas de \u00abarrastrar y soltar\u00bb y redimensionamiento din\u00e1mico, lo cual facilita y hace m\u00e1s intuitivo el trabajo de definici\u00f3n de las p\u00e1ginas.<\/li>\n<li>Disponen de una configuraci\u00f3n modular, lo cual les permite aprovechar no solo sus propios elementos o m\u00f3dulos, sino tambi\u00e9n otros ya existentes, como por ejemplo los widgets est\u00e1ndar de WordPress, los widgets creados por otros plugins, etc.<\/li>\n<li>Permiten una elevada personalizaci\u00f3n de la estructura y apariencia del sitio web, sin tener que recurrir directamente a la edici\u00f3n de c\u00f3digo, bien sea CSS, HTML o PHP.<\/li>\n<li>Respetan los principios del dise\u00f1o adaptable, lo cual garantiza que los sitios web creados con estas herramientas son plenamente funcionales tanto en dispositivos de escritorio como en tabletas y m\u00f3viles.<\/li>\n<li>Pueden utilizar plantillas predise\u00f1adas y tambi\u00e9n son capaces de generar plantillas que, a su vez, hacen posible que un dise\u00f1o personalizado sea reutilizable en diversas p\u00e1ginas.<\/li>\n<li>Ofrecen un amplio conjunto de funcionalidades integradas en un \u00fanico plugin, lo cual ahorra complejidad a la hora de mantener un sitio web.<\/li>\n<li>Permiten la edici\u00f3n de las p\u00e1ginas tanto desde el backend como desde el frontend.<\/li>\n<li>Son compatibles con una gran variedad de temas.<\/li>\n<\/ul>\n<h2>3. Ventajas y desventajas de los editores visuales<\/h2>\n<p>Es evidente que el conjunto de los rasgos que acabamos de enumerar proporciona a los dise\u00f1adores y administradores de sitios web grandes ventajas: potencia, versatilidad, flexibilidad, amplias posibilidades de uso, una curva de aprendizaje relativamente suave y una clara mejora de la eficiencia en las tareas de dise\u00f1o y elaboraci\u00f3n de un sitio web. Ahora bien, el uso de los editores visuales no est\u00e1 exento de algunos inconvenientes:<\/p>\n<ul>\n<li>Cuando se desactivan, algunos de los editores visuales producen lo que se denomina \u00abefecto de bloqueo\u00bb, ya que envuelven el contenido en c\u00f3digos (shortcodes) incompatibles con otros sistemas de edici\u00f3n. Esto significa que, si se opta por ciertos editores visuales (no todos, ciertamente), el paso a cualquier otro constructor, o a otro m\u00e9todo de edici\u00f3n, puede suponer graves dificultades o un esfuerzo a\u00f1adido de limpieza y adaptaci\u00f3n.<\/li>\n<li>Para ser plenamente aprovechables, son necesarios amplios conocimientos de dise\u00f1o web. Esta desventaja, en realidad, no es exclusiva de los editores visuales, pero hay que tener en cuenta que la enorme libertad concedida por estas herramientas a un dise\u00f1ador inexperto puede volverse en su contra si no tiene suficientes conocimientos o no se somete a la imprescindible disciplina de uso.<\/li>\n<li>En ciertas ocasiones, pueden resultar pesados y lentos de manejar; tambi\u00e9n pueden dar como resultado p\u00e1ginas web m\u00e1s pesadas que las elaboradas con los editores convencionales.<\/li>\n<li>Obligan a dise\u00f1ar cada una de las p\u00e1ginas por separado. Esta dificultad se puede mitigar mediante el uso de plantillas, pero aun as\u00ed el hecho de dise\u00f1ar cada p\u00e1gina de forma separada puede producir en el conjunto del sitio web inconsistencias, incoherencias, etc.<\/li>\n<li>Algunos editores visuales pueden no ser compatibles con ciertos temas. Por ejemplo, en el caso de los temas hijo del framework Genesis, el uso de editores visuales obliga a realizar ciertas modificaciones preliminares en la estructura y dise\u00f1o de dichos temas, para lo cual hay que utilizar, a su vez, plugins espec\u00edficos, como por ejemplo <a href=\"https:\/\/wordpress.org\/plugins\/genesis-dambuster\/\" target=\"_blank\" rel=\"noopener\">Genesis Dambuster<\/a>.<\/li>\n<li>Los mejores editores visuales son de pago.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"<p>Concepto, definici\u00f3n y rasgos caracter\u00edsticos de los editores visuales o constructores de p\u00e1ginas; algunas ventajas y desventajas de su uso.<\/p>\n","protected":false},"author":1,"featured_media":601,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_genesis_hide_title":false,"_genesis_hide_breadcrumbs":false,"_genesis_hide_singular_image":false,"_genesis_hide_footer_widgets":false,"_genesis_custom_body_class":"","_genesis_custom_post_class":"","_genesis_layout":""},"categories":[9],"tags":[162,161],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.13 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Qu\u00e9 son los editores visuales - Curso de WordPress 2018<\/title>\n<meta name=\"description\" content=\"Qu\u00e9 son los editores visuales. Definici\u00f3n y rasgos caracter\u00edsticos de los editores visuales o constructores de p\u00e1ginas; ventajas y desventajas de su uso.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Qu\u00e9 son los editores visuales - Curso de WordPress 2018\" \/>\n<meta property=\"og:description\" content=\"Qu\u00e9 son los editores visuales. Definici\u00f3n y rasgos caracter\u00edsticos de los editores visuales o constructores de p\u00e1ginas; ventajas y desventajas de su uso.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/\" \/>\n<meta property=\"og:site_name\" content=\"Curso de WordPress 2018\" \/>\n<meta property=\"article:published_time\" content=\"2018-03-24T16:13:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-03-24T17:40:02+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/03\/losetas-rojas.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"1600\" \/>\n\t<meta property=\"og:image:height\" content=\"978\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Administrador\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Administrador\" \/>\n\t<meta name=\"twitter:label2\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/\",\"name\":\"Qu\u00e9 son los editores visuales - Curso de WordPress 2018\",\"isPartOf\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\"},\"datePublished\":\"2018-03-24T16:13:02+00:00\",\"dateModified\":\"2018-03-24T17:40:02+00:00\",\"author\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\"},\"description\":\"Qu\u00e9 son los editores visuales. Definici\u00f3n y rasgos caracter\u00edsticos de los editores visuales o constructores de p\u00e1ginas; ventajas y desventajas de su uso.\",\"breadcrumb\":{\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Qu\u00e9 son los editores visuales\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website\",\"url\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/\",\"name\":\"Curso de WordPress 2018\",\"description\":\"Curso avanzado sobre WordPress en el CAP de Pamplona\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"es\"},{\"@type\":\"Person\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84\",\"name\":\"Administrador\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g\",\"caption\":\"Administrador\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Qu\u00e9 son los editores visuales - Curso de WordPress 2018","description":"Qu\u00e9 son los editores visuales. Definici\u00f3n y rasgos caracter\u00edsticos de los editores visuales o constructores de p\u00e1ginas; ventajas y desventajas de su uso.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/","og_locale":"es_ES","og_type":"article","og_title":"Qu\u00e9 son los editores visuales - Curso de WordPress 2018","og_description":"Qu\u00e9 son los editores visuales. Definici\u00f3n y rasgos caracter\u00edsticos de los editores visuales o constructores de p\u00e1ginas; ventajas y desventajas de su uso.","og_url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/","og_site_name":"Curso de WordPress 2018","article_published_time":"2018-03-24T16:13:02+00:00","article_modified_time":"2018-03-24T17:40:02+00:00","og_image":[{"width":1600,"height":978,"url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-content\/uploads\/2018\/03\/losetas-rojas.jpg","type":"image\/jpeg"}],"author":"Administrador","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Administrador","Tiempo de lectura":"4 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/","name":"Qu\u00e9 son los editores visuales - Curso de WordPress 2018","isPartOf":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website"},"datePublished":"2018-03-24T16:13:02+00:00","dateModified":"2018-03-24T17:40:02+00:00","author":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84"},"description":"Qu\u00e9 son los editores visuales. Definici\u00f3n y rasgos caracter\u00edsticos de los editores visuales o constructores de p\u00e1ginas; ventajas y desventajas de su uso.","breadcrumb":{"@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/que-son-los-editores-visuales\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/"},{"@type":"ListItem","position":2,"name":"Qu\u00e9 son los editores visuales"}]},{"@type":"WebSite","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#website","url":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/","name":"Curso de WordPress 2018","description":"Curso avanzado sobre WordPress en el CAP de Pamplona","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"es"},{"@type":"Person","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/66915292b50e141a7c1d01acb5eb0f84","name":"Administrador","image":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/636dfeeef5d663d0784baecccc697b02?s=96&d=identicon&r=g","caption":"Administrador"}}]}},"_links":{"self":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/587"}],"collection":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/comments?post=587"}],"version-history":[{"count":0,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/posts\/587\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media\/601"}],"wp:attachment":[{"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/media?parent=587"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/categories?post=587"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/cursoswp.educacion.navarra.es\/cursowp2018\/wp-json\/wp\/v2\/tags?post=587"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}