{"id":9541,"date":"2026-08-26T11:03:45","date_gmt":"2026-08-26T09:03:45","guid":{"rendered":"https:\/\/www.hostingtg.com\/blog\/?p=9541"},"modified":"2026-08-26T11:03:48","modified_gmt":"2026-08-26T09:03:48","slug":"crear-una-web-elementor-y-agente-ia","status":"publish","type":"post","link":"https:\/\/www.hostingtg.com\/blog\/crear-una-web-elementor-y-agente-ia\/","title":{"rendered":"C\u00f3mo crear una web con Elementor y un agente de IA"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Crear una web con <strong>Elementor y un agente de IA<\/strong> me parece uno de esos ejemplos en los que empezamos a ver de verdad hacia d\u00f3nde puede evolucionar WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hasta hace relativamente poco, cuando habl\u00e1bamos de utilizar inteligencia artificial para desarrollar una web, el flujo era bastante predecible: le ped\u00edamos a una IA que nos generase un texto, una estructura, CSS, PHP o incluso una p\u00e1gina completa en HTML y despu\u00e9s \u00e9ramos nosotros quienes ten\u00edamos que trasladar todo eso a WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con herramientas como <strong><a href=\"https:\/\/www.hostingtg.com\/blog\/novamira\/\">NovaMira<\/a><\/strong>, el planteamiento cambia.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La idea ya no consiste \u00fanicamente en pedirle a una IA que nos explique c\u00f3mo hacer algo. Mediante <strong>MCP<\/strong>, un agente puede disponer de herramientas que le permitan actuar sobre WordPress y ejecutar determinadas tareas directamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y ah\u00ed, para m\u00ed, est\u00e1 la diferencia realmente importante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No estamos hablando simplemente de que Claude o cualquier otro agente nos entregue un bloque de c\u00f3digo para copiar y pegar despu\u00e9s. Estamos hablando de <strong>delegar parte de la ejecuci\u00f3n a un agente que puede interactuar con nuestra instalaci\u00f3n de WordPress<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si adem\u00e1s utilizamos <strong>Elementor<\/strong>, el resultado es especialmente interesante: podemos dejar que la IA construya una primera versi\u00f3n y despu\u00e9s abrirla en el editor visual para revisar dise\u00f1o, responsive, tipograf\u00edas, espaciados, im\u00e1genes o cualquier detalle que queramos ajustar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La IA ejecuta. Nosotros seguimos decidiendo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y esa combinaci\u00f3n puede cambiar bastante la forma en la que construimos webs.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Crear webs con Elementor mediante IA ya es algo bastante diferente<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Durante los \u00faltimos a\u00f1os hemos utilizado la inteligencia artificial principalmente como un asistente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Le pregunt\u00e1bamos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>c\u00f3mo crear determinada funcionalidad;<\/li>\n\n\n\n<li>qu\u00e9 CSS necesit\u00e1bamos;<\/li>\n\n\n\n<li>c\u00f3mo solucionar un error;<\/li>\n\n\n\n<li>qu\u00e9 estructura deber\u00eda tener una p\u00e1gina;<\/li>\n\n\n\n<li>qu\u00e9 textos podr\u00edamos utilizar;<\/li>\n\n\n\n<li>c\u00f3mo programar determinada funci\u00f3n en WordPress.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">La IA respond\u00eda y nosotros ejecut\u00e1bamos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ese flujo ya puede ahorrar mucho tiempo, pero mantiene una separaci\u00f3n clara entre <strong>la IA que propone<\/strong> y <strong>la persona que act\u00faa sobre WordPress<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con los <a href=\"https:\/\/www.hostingtg.com\/servidores-vps-hermes-agent\/\">agentes de IA<\/a>, esa separaci\u00f3n empieza a reducirse.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">De pedir c\u00f3digo a una IA a dejar que act\u00fae sobre WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Imaginemos que quiero crear una p\u00e1gina de servicios.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con un chatbot tradicional podr\u00eda pedir algo como:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Cr\u00e9ame la estructura de una p\u00e1gina de servicios con una cabecera, tres servicios, testimonios, preguntas frecuentes y una llamada a la acci\u00f3n.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">La IA podr\u00eda devolverme perfectamente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>la estructura;<\/li>\n\n\n\n<li>los textos;<\/li>\n\n\n\n<li>HTML;<\/li>\n\n\n\n<li>CSS;<\/li>\n\n\n\n<li>recomendaciones de dise\u00f1o.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Pero despu\u00e9s todav\u00eda tendr\u00eda que entrar en WordPress, crear la p\u00e1gina, abrir Elementor, a\u00f1adir los contenedores, colocar cada elemento y trasladar el contenido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con un agente conectado a WordPress mediante herramientas adecuadas, el objetivo es diferente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puedo explicarle <strong>qu\u00e9 quiero conseguir<\/strong> y permitir que ejecute parte de esas acciones por m\u00ed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ese cambio parece peque\u00f1o cuando se explica sobre el papel, pero en el trabajo diario puede ser enorme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si <a href=\"https:\/\/es.wordpress.org\/plugins\/elementor\/\" target=\"_blank\" rel=\"noopener\">trabajo habitualmente con Elementor<\/a>, buena parte de mi tiempo no se va necesariamente en las grandes decisiones de dise\u00f1o. Tambi\u00e9n se va en tareas repetitivas: crear p\u00e1ginas, preparar estructuras, duplicar elementos, introducir contenido, instalar plugins, modificar peque\u00f1os detalles o preparar una primera versi\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Son precisamente esas tareas las que un agente puede empezar a acelerar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Por qu\u00e9 los agentes de IA cambian el flujo de trabajo<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Para m\u00ed, la clave est\u00e1 en pasar de un modelo basado en instrucciones t\u00e9cnicas a otro basado cada vez m\u00e1s en <strong>objetivos<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Antes necesit\u00e1bamos saber d\u00f3nde estaba cada opci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s aprendimos a automatizar tareas mediante APIs, WP-CLI, scripts y c\u00f3digo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora empezamos a poder decir:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Quiero conseguir esto.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">y dejar que un agente utilice parte de esas herramientas por nosotros.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eso no significa que desaparezca el conocimiento t\u00e9cnico.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De hecho, creo que ocurre justo lo contrario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cuanto m\u00e1s poder tiene el agente, m\u00e1s importante resulta saber si lo que est\u00e1 haciendo tiene sentido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La diferencia es que el conocimiento puede empezar a utilizarse m\u00e1s para <strong>dirigir, revisar y decidir<\/strong> que para ejecutar cada clic manualmente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 es NovaMira y qu\u00e9 tiene que ver con Elementor<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La forma m\u00e1s sencilla en la que entiendo NovaMira es como un puente entre un agente de inteligencia artificial y una instalaci\u00f3n de WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El objetivo no es sustituir WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tampoco sustituir Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo que cambia es la forma de interactuar con ellos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Qu\u00e9 es MCP explicado de forma sencilla<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">MCP, o <strong>Model Context Protocol<\/strong>, permite que un modelo o agente de IA pueda conectarse con herramientas externas que le proporcionan capacidades adicionales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La idea importante, sin entrar innecesariamente en la parte t\u00e9cnica, es esta:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un modelo de lenguaje por s\u00ed solo puede responder preguntas y generar informaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un agente conectado mediante MCP puede disponer de <strong>herramientas para realizar acciones<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En un entorno WordPress eso abre posibilidades bastante m\u00e1s interesantes que simplemente generar texto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dependiendo de las herramientas y permisos disponibles, el agente puede trabajar con distintos elementos de la instalaci\u00f3n y ejecutar tareas siguiendo instrucciones en lenguaje natural.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y esto cambia completamente la conversaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ya no le estamos preguntando \u00fanicamente:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">\u00bfC\u00f3mo hago esto en WordPress?<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Podemos empezar a pedir:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Haz esto en WordPress.<\/p>\n<\/blockquote>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo se comunica el agente con WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Podemos imaginar el flujo de una forma sencilla:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Persona \u2192 agente de IA \u2192 MCP \u2192 WordPress<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nosotros damos una instrucci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El agente interpreta qu\u00e9 queremos conseguir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Mediante las herramientas que tenga disponibles, ejecuta determinadas acciones sobre WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El resultado aparece directamente dentro del sitio.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto es justo lo que me parece m\u00e1s interesante del planteamiento de NovaMira.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Durante a\u00f1os hemos utilizado WordPress entrando en el panel, navegando entre men\u00fas y haciendo clic en opciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con este enfoque, el lenguaje natural empieza a convertirse en otra posible interfaz de trabajo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Por qu\u00e9 Elementor encaja especialmente bien en este sistema<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Elementor introduce una ventaja muy importante: <strong>el resultado sigue siendo visualmente editable<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Personalmente no me interesar\u00eda tanto un sistema en el que la IA generase una p\u00e1gina completamente cerrada que despu\u00e9s resultase inc\u00f3moda de modificar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo interesante es justamente lo contrario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El agente puede preparar una primera versi\u00f3n y despu\u00e9s puedo entrar en Elementor y seguir trabajando como siempre.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puedo revisar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>m\u00e1rgenes;<\/li>\n\n\n\n<li>padding;<\/li>\n\n\n\n<li>tipograf\u00edas;<\/li>\n\n\n\n<li>colores;<\/li>\n\n\n\n<li>responsive;<\/li>\n\n\n\n<li>im\u00e1genes;<\/li>\n\n\n\n<li>jerarqu\u00eda visual;<\/li>\n\n\n\n<li>CTA;<\/li>\n\n\n\n<li>detalles de conversi\u00f3n;<\/li>\n\n\n\n<li>consistencia del dise\u00f1o.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Eso crea un flujo h\u00edbrido que, en mi opini\u00f3n, tiene bastante m\u00e1s sentido que intentar eliminar completamente al dise\u00f1ador del proceso.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 puede hacer un agente de IA dentro de WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Cuando hablamos de agentes conectados a WordPress conviene separar dos cosas:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>lo que t\u00e9cnicamente puede llegar a hacer el agente<\/strong> y <strong>lo que realmente nos interesa delegar<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No porque algo pueda automatizarse significa que debamos automatizarlo siempre.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Crear p\u00e1ginas y estructuras<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una de las aplicaciones m\u00e1s evidentes es crear una primera estructura de p\u00e1gina.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo, podr\u00edamos pedir una p\u00e1gina compuesta por:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>cabecera principal;<\/li>\n\n\n\n<li>presentaci\u00f3n del servicio;<\/li>\n\n\n\n<li>beneficios;<\/li>\n\n\n\n<li>tres bloques de servicios;<\/li>\n\n\n\n<li>testimonios;<\/li>\n\n\n\n<li>preguntas frecuentes;<\/li>\n\n\n\n<li>CTA final.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">En lugar de construir manualmente toda esa base, el agente puede ayudarnos a partir de una estructura ya preparada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed es donde veo uno de los mayores ahorros de tiempo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No porque dise\u00f1ar una secci\u00f3n individual sea especialmente complicado, sino porque repetir ese trabajo en cada proyecto termina consumiendo muchas horas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Modificar contenidos y elementos existentes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Otro uso interesante es trabajar sobre p\u00e1ginas ya creadas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En lugar de pedir:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Expl\u00edcame c\u00f3mo cambiar este contenido.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">podemos acercarnos a instrucciones del tipo:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Actualiza el contenido de esta p\u00e1gina manteniendo la estructura actual.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">O:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">A\u00f1ade una nueva secci\u00f3n de preguntas frecuentes antes de la llamada a la acci\u00f3n.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">El cambio fundamental vuelve a ser el mismo: estamos pasando de <strong>recibir instrucciones<\/strong> a <strong>delegar acciones<\/strong>.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Trabajar con plugins y otras tareas de WordPress<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Adem\u00e1s del dise\u00f1o, buena parte del trabajo de preparar una web implica tareas administrativas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instalar plugins, revisar configuraciones, crear p\u00e1ginas, organizar contenidos o preparar determinadas estructuras puede consumir bastante tiempo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En mi caso, si un agente consigue eliminar una parte significativa de ese trabajo repetitivo, ya me parece \u00fatil aunque nunca llegue a dise\u00f1ar una web completamente terminada.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No necesito que la IA haga absolutamente todo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Me basta con que haga de forma fiable aquellas tareas en las que mi intervenci\u00f3n aporta poco valor.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Qu\u00e9 tareas sigo prefiriendo revisar manualmente<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hay partes en las que sigo queriendo intervenir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Especialmente:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>dise\u00f1o final;<\/li>\n\n\n\n<li>responsive;<\/li>\n\n\n\n<li>copy importante;<\/li>\n\n\n\n<li>SEO;<\/li>\n\n\n\n<li>accesibilidad;<\/li>\n\n\n\n<li>rendimiento;<\/li>\n\n\n\n<li>experiencia de usuario;<\/li>\n\n\n\n<li>estructura de conversi\u00f3n;<\/li>\n\n\n\n<li>decisiones t\u00e9cnicas delicadas.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Porque una IA puede ejecutar muy r\u00e1pido una instrucci\u00f3n incorrecta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y esa es una idea que me parece importante mantener durante todo el proceso:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>automatizar la ejecuci\u00f3n no sustituye el criterio.<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">C\u00f3mo crear una p\u00e1gina con Elementor utilizando un agente de IA<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para entender realmente el potencial de esta forma de trabajar, creo que es m\u00e1s \u00fatil pensar en un flujo real que en una lista abstracta de funciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Supongamos que quiero crear una p\u00e1gina de servicios.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 1: definir qu\u00e9 queremos construir<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de pedir absolutamente nada a la IA, necesito tener una idea clara del objetivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>servicio que quiero vender;<\/li>\n\n\n\n<li>p\u00fablico al que se dirige;<\/li>\n\n\n\n<li>acci\u00f3n principal que quiero que realice;<\/li>\n\n\n\n<li>estructura aproximada;<\/li>\n\n\n\n<li>tono;<\/li>\n\n\n\n<li>elementos necesarios.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Este paso sigue siendo nuestro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y probablemente seguir\u00e1 si\u00e9ndolo durante bastante tiempo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La IA puede ayudarnos a decidir, pero alguien tiene que marcar la direcci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si no sabemos qu\u00e9 queremos construir, simplemente podremos producir una p\u00e1gina mediocre con mayor velocidad.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 2: darle al agente una instrucci\u00f3n suficientemente precisa<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Podr\u00edamos pedir algo como:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Crea una p\u00e1gina de servicios en WordPress utilizando Elementor. Quiero una cabecera con titular, texto y CTA, tres bloques de servicios, una secci\u00f3n de beneficios, testimonios, preguntas frecuentes y una llamada a la acci\u00f3n final.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Cuanto m\u00e1s claro sea el resultado esperado, mejor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Podemos definir tambi\u00e9n:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>jerarqu\u00eda;<\/li>\n\n\n\n<li>n\u00famero de secciones;<\/li>\n\n\n\n<li>textos provisionales;<\/li>\n\n\n\n<li>estilo;<\/li>\n\n\n\n<li>distribuci\u00f3n;<\/li>\n\n\n\n<li>elementos que no debe modificar.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 3: dejar que cree la primera versi\u00f3n<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed es donde aparece el verdadero ahorro.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En lugar de empezar desde una p\u00e1gina vac\u00eda y construir cada secci\u00f3n manualmente, podemos obtener una base sobre la que trabajar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No espero necesariamente una web perfecta.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tampoco creo que debamos plantearlo as\u00ed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo que busco es reducir el tiempo entre:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u201cTengo una idea\u201d<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">y<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u201cTengo una primera versi\u00f3n funcional delante.\u201d<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si ese salto pasa de horas a minutos, el cambio ya es significativo.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Paso 4: abrirla en Elementor y revisar el resultado<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s empieza una fase que considero igual de importante: revisar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Abrir\u00eda la p\u00e1gina en Elementor y comprobar\u00eda:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>estructura;<\/li>\n\n\n\n<li>dise\u00f1o;<\/li>\n\n\n\n<li>separaci\u00f3n entre bloques;<\/li>\n\n\n\n<li>tama\u00f1o de textos;<\/li>\n\n\n\n<li>responsive;<\/li>\n\n\n\n<li>consistencia visual;<\/li>\n\n\n\n<li>im\u00e1genes;<\/li>\n\n\n\n<li>botones;<\/li>\n\n\n\n<li>jerarqu\u00eda;<\/li>\n\n\n\n<li>experiencia en m\u00f3vil.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">En mi caso, veo este flujo m\u00e1s como:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>IA para construir \u2192 Elementor para editar \u2192 persona para decidir.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No como:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>IA crea todo \u2192 web terminada.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esa diferencia me parece fundamental.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Ejemplo de prompt para crear una p\u00e1gina de servicios<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Una de las mejores formas de conseguir resultados m\u00e1s \u00fatiles consiste en mejorar nuestras instrucciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un prompt demasiado gen\u00e9rico deja demasiadas decisiones abiertas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por ejemplo:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Hazme una web bonita para mi empresa.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Puede producir cualquier cosa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un prompt m\u00e1s \u00fatil ser\u00eda:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Crea una p\u00e1gina de servicios en WordPress preparada para editarse posteriormente con Elementor. Empieza con una cabecera con un H1, un p\u00e1rrafo introductorio y una llamada a la acci\u00f3n. Despu\u00e9s a\u00f1ade tres servicios diferenciados, una secci\u00f3n de beneficios, testimonios, cinco preguntas frecuentes y una CTA final. Mant\u00e9n una estructura sencilla, clara y orientada a conversi\u00f3n. No modifiques otras p\u00e1ginas del sitio.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Esto define:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>qu\u00e9 p\u00e1gina crear;<\/li>\n\n\n\n<li>qu\u00e9 estructura debe tener;<\/li>\n\n\n\n<li>qu\u00e9 objetivo perseguimos;<\/li>\n\n\n\n<li>c\u00f3mo queremos editarla despu\u00e9s;<\/li>\n\n\n\n<li>qu\u00e9 l\u00edmites debe respetar.<\/li>\n<\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">Qu\u00e9 informaci\u00f3n merece la pena incluir en el prompt<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Cuanto m\u00e1s complejo sea el trabajo, m\u00e1s \u00fatil ser\u00e1 aportar contexto.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Yo definir\u00eda al menos:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Objetivo:<\/strong> qu\u00e9 queremos conseguir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Audiencia:<\/strong> para qui\u00e9n estamos construyendo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Estructura:<\/strong> qu\u00e9 bloques queremos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Jerarqu\u00eda:<\/strong> qu\u00e9 elementos son principales.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Conversi\u00f3n:<\/strong> qu\u00e9 acci\u00f3n debe realizar el usuario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Limitaciones:<\/strong> qu\u00e9 no debe tocar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Resultado esperado:<\/strong> hasta qu\u00e9 punto queremos que avance.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Esto \u00faltimo es especialmente importante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Podemos pedir al agente que prepare \u00fanicamente una estructura o que desarrolle bastante m\u00e1s el contenido.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo mejorar el resultado sin dise\u00f1arlo todo manualmente<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n podemos trabajar de forma iterativa.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Primero:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Crea la estructura.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Simplifica la secci\u00f3n de beneficios.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Luego:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">A\u00f1ade una FAQ.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Cambia la llamada a la acci\u00f3n.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">No necesitamos crear el prompt perfecto desde el primer momento.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Podemos trabajar con el agente de una forma bastante parecida a c\u00f3mo trabajar\u00edamos con otra persona: encargando una primera versi\u00f3n, revisando y solicitando cambios.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Qu\u00e9 ventajas tiene trabajar con Elementor de esta forma<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">La ventaja m\u00e1s evidente es la velocidad, pero creo que hay varios matices.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Menos tiempo en tareas repetitivas<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Crear contenedores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Duplicar estructuras.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">A\u00f1adir t\u00edtulos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Preparar p\u00e1ginas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Organizar contenido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Instalar elementos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hacer peque\u00f1os ajustes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Individualmente son tareas sencillas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El problema es la acumulaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si trabajamos todos los d\u00edas con WordPress, una cantidad importante de tiempo termina desapareciendo en acciones mec\u00e1nicas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Un agente puede ser especialmente \u00fatil precisamente ah\u00ed.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Pasar de una idea a una primera versi\u00f3n mucho m\u00e1s r\u00e1pido<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La p\u00e1gina en blanco siempre tiene un coste.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aunque sepamos perfectamente qu\u00e9 queremos hacer, necesitamos construir una primera estructura.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si puedo explicarle al agente:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Necesito esto.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">y obtener una base editable, puedo empezar a trabajar directamente sobre algo tangible.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para m\u00ed, esta es probablemente una de las ventajas m\u00e1s interesantes de NovaMira.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No que dise\u00f1e mejor que una persona.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sino que pueda ayudarme a llegar antes a una primera versi\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Mantener Elementor como entorno visual de edici\u00f3n<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La segunda gran ventaja es conservar Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No tengo que abandonar una herramienta que ya conozco.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puedo seguir entrando, moviendo elementos, ajustando m\u00e1rgenes y cambiando estilos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La IA no tiene por qu\u00e9 sustituir mi editor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Puede convertirse simplemente en una capa adicional para ejecutar tareas antes de que yo empiece a trabajar visualmente.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Lo que la IA todav\u00eda no decide por nosotros<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Aqu\u00ed creo que conviene evitar el entusiasmo excesivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Poder crear una p\u00e1gina autom\u00e1ticamente no significa saber crear una buena p\u00e1gina.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Estructura y objetivos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de maquetar necesitamos saber:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>qu\u00e9 quiere conseguir la p\u00e1gina;<\/li>\n\n\n\n<li>qui\u00e9n va a visitarla;<\/li>\n\n\n\n<li>qu\u00e9 informaci\u00f3n necesita;<\/li>\n\n\n\n<li>qu\u00e9 objeciones debemos resolver;<\/li>\n\n\n\n<li>qu\u00e9 acci\u00f3n queremos provocar.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">El agente puede ayudarnos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero si partimos de una estrategia equivocada, el resultado seguir\u00e1 estando equivocado.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">SEO y contenido<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Lo mismo ocurre con SEO.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Podemos pedir a una IA que cree t\u00edtulos, contenidos o estructuras.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero necesitamos tener una intenci\u00f3n de b\u00fasqueda clara, evitar contenido gen\u00e9rico y asegurarnos de que realmente respondemos mejor a la necesidad del usuario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Crear autom\u00e1ticamente diez p\u00e1ginas no aporta demasiado si ninguna tiene un objetivo concreto.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">UX, responsive, accesibilidad y rendimiento<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Una p\u00e1gina no termina cuando \u201cse ve bien\u201d en nuestro monitor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Necesitamos comprobar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>comportamiento m\u00f3vil;<\/li>\n\n\n\n<li>legibilidad;<\/li>\n\n\n\n<li>navegaci\u00f3n;<\/li>\n\n\n\n<li>contraste;<\/li>\n\n\n\n<li>velocidad;<\/li>\n\n\n\n<li>jerarqu\u00eda;<\/li>\n\n\n\n<li>interacci\u00f3n;<\/li>\n\n\n\n<li>llamadas a la acci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Estos detalles siguen necesitando revisi\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Construir m\u00e1s r\u00e1pido no significa construir mejor<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Esta es probablemente una de las ideas que m\u00e1s tengo presentes al trabajar con IA.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Si las instrucciones son malas o el planteamiento inicial de la web es incorrecto, simplemente podremos construir una mala web mucho m\u00e1s r\u00e1pido.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La velocidad amplifica tanto las buenas decisiones como las malas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Por eso veo NovaMira m\u00e1s como un acelerador para alguien que sabe qu\u00e9 quiere conseguir que como un sustituto completo del dise\u00f1ador o desarrollador.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Los riesgos de dar acceso a un agente de IA a WordPress<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Hasta aqu\u00ed todo suena bastante productivo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero hay una contrapartida importante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Dar acceso a una IA para modificar WordPress tambi\u00e9n implica darle bastante poder.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y esto cambia las precauciones que debemos tomar.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Por qu\u00e9 no empezar\u00eda prob\u00e1ndolo directamente en producci\u00f3n<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Personalmente evitar\u00eda experimentar por primera vez con un agente de este tipo sobre una web importante en producci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Preferir\u00eda utilizar:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>un entorno local;<\/li>\n\n\n\n<li>una instalaci\u00f3n de desarrollo;<\/li>\n\n\n\n<li>staging;<\/li>\n\n\n\n<li>una copia del sitio.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">La raz\u00f3n es sencilla.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una cosa es pedirle a una IA un fragmento de c\u00f3digo que podemos leer antes de ejecutarlo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Otra distinta es permitir que el agente ejecute acciones directamente.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Staging, copias de seguridad y permisos<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Antes de trabajar con este tipo de automatizaci\u00f3n, yo tendr\u00eda al menos:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>una copia de seguridad reciente;<\/li>\n\n\n\n<li>un entorno en el que podamos probar;<\/li>\n\n\n\n<li>conocimiento de los permisos concedidos;<\/li>\n\n\n\n<li>posibilidad de recuperar el sitio;<\/li>\n\n\n\n<li>supervisi\u00f3n de las acciones importantes.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Cuanto m\u00e1s acceso concedamos, m\u00e1s importante resulta controlar el entorno.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">La diferencia entre revisar c\u00f3digo y permitir que un agente lo ejecute<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Este punto me parece especialmente relevante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con un chatbot tradicional:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>IA \u2192 c\u00f3digo \u2192 revisi\u00f3n humana \u2192 ejecuci\u00f3n.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Con un agente:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>instrucci\u00f3n \u2192 decisi\u00f3n \u2192 acci\u00f3n.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eso puede multiplicar much\u00edsimo la productividad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero tambi\u00e9n significa que nuestra estrategia de seguridad debe adaptarse.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La automatizaci\u00f3n no elimina la responsabilidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La aumenta.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfPuede un agente de IA sustituir a un dise\u00f1ador o desarrollador WordPress?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">No creo que esa sea la pregunta m\u00e1s \u00fatil.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La pregunta que me hago es:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00bfqu\u00e9 parte del trabajo dejar\u00e1 de merecer la pena hacer manualmente?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y ah\u00ed s\u00ed creo que la respuesta puede cambiar bastante.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">IA para ejecutar, humano para decidir<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si un profesional dedica una hora a repetir una estructura que ya tiene completamente clara, esa hora no necesariamente contiene mucho valor creativo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si un agente puede prepararla en minutos, podemos dedicar m\u00e1s tiempo a:<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>estrategia;<\/li>\n\n\n\n<li>dise\u00f1o;<\/li>\n\n\n\n<li>contenido;<\/li>\n\n\n\n<li>experiencia de usuario;<\/li>\n\n\n\n<li>conversi\u00f3n;<\/li>\n\n\n\n<li>optimizaci\u00f3n.<\/li>\n<\/ul>\n\n\n\n<p class=\"wp-block-paragraph\">Por eso veo estos agentes como herramientas para acelerar a profesionales m\u00e1s que como sustitutos autom\u00e1ticos.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">C\u00f3mo puede cambiar el trabajo con Elementor<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Quiz\u00e1 dentro de un tiempo el flujo habitual no sea:<\/p>\n\n\n\n<ol start=\"1\" class=\"wp-block-list\">\n<li>abrir Elementor;<\/li>\n\n\n\n<li>a\u00f1adir un contenedor;<\/li>\n\n\n\n<li>a\u00f1adir un heading;<\/li>\n\n\n\n<li>a\u00f1adir un texto;<\/li>\n\n\n\n<li>a\u00f1adir un bot\u00f3n;<\/li>\n\n\n\n<li>duplicar;<\/li>\n\n\n\n<li>ajustar.<\/li>\n<\/ol>\n\n\n\n<p class=\"wp-block-paragraph\">Quiz\u00e1 empiece as\u00ed:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Crea una secci\u00f3n de hero con un H1, texto introductorio, CTA y una imagen a la derecha. Despu\u00e9s a\u00f1ade tres beneficios debajo.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">El agente construye.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nosotros revisamos.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s pedimos:<\/p>\n\n\n\n<blockquote class=\"wp-block-quote is-layout-flow wp-block-quote-is-layout-flow\">\n<p class=\"wp-block-paragraph\">Haz esta secci\u00f3n m\u00e1s compacta.<\/p>\n<\/blockquote>\n\n\n\n<p class=\"wp-block-paragraph\">Volvemos a revisar.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">El trabajo no desaparece.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cambia la interfaz.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">De hacer clic en WordPress a decirle al agente lo que queremos<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para quienes llevamos tiempo trabajando con WordPress, creo que esta evoluci\u00f3n resulta especialmente interesante.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Durante a\u00f1os aprendimos d\u00f3nde estaba cada opci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s empezamos a automatizar mediante c\u00f3digo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Luego llegaron APIs, scripts y herramientas como WP-CLI.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora estamos entrando en una etapa en la que un agente puede empezar a utilizar esas capacidades siguiendo instrucciones en lenguaje natural.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Panel de WordPress, APIs, WP-CLI y ahora agentes<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Hay una evoluci\u00f3n bastante clara:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Primera etapa:<\/strong> hacemos clic manualmente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Segunda etapa:<\/strong> automatizamos escribiendo instrucciones t\u00e9cnicas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Tercera etapa:<\/strong> explicamos el objetivo y un agente utiliza las herramientas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Eso no significa que desaparezcan las capas anteriores.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Siguen estando ah\u00ed.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo que aparece es una nueva forma de interactuar con ellas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfTerminaremos utilizando Elementor principalmente mediante lenguaje natural?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">No lo s\u00e9.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y precisamente por eso me parece interesante experimentar ahora.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quiz\u00e1 Elementor siga utiliz\u00e1ndose exactamente como hasta ahora para el trabajo visual fino.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quiz\u00e1 los agentes se conviertan en una capa habitual para crear primeras versiones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">O quiz\u00e1 terminemos combinando ambos sistemas de forma constante:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>hablar con el agente para construir y entrar en Elementor para revisar.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ese modelo me parece bastante plausible porque aprovecha lo mejor de las dos formas de trabajar.<\/p>\n\n\n\n<h2 class=\"wp-block-heading\">\u00bfMerece la pena crear webs con Elementor y un agente de IA?<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Para m\u00ed, NovaMira representa algo m\u00e1s interesante que otro plugin que a\u00f1ade funciones de inteligencia artificial a WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo importante es el cambio de enfoque.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hasta ahora utiliz\u00e1bamos la IA principalmente para preguntarle c\u00f3mo hacer algo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora estamos empezando a poder conectarla con herramientas que le permiten <strong>hacerlo<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y cuando combinamos eso con WordPress y Elementor aparece un flujo muy potente:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>definimos \u2192 delegamos \u2192 revisamos \u2192 refinamos.<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No creo que tenga sentido abandonar el criterio profesional.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tampoco creo que debamos conectar alegremente un agente a una web importante y permitirle modificar cualquier cosa sin supervisi\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Pero tampoco ignorar\u00eda lo que est\u00e1 ocurriendo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Si un agente puede crear estructuras, preparar p\u00e1ginas y ejecutar tareas repetitivas dentro de WordPress, nuestra forma de trabajar puede cambiar mucho.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En mi caso, seguir\u00eda utilizando Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Solo que probablemente dedicar\u00eda menos tiempo a construir manualmente determinadas primeras versiones y m\u00e1s tiempo a revisar, mejorar y tomar decisiones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y ah\u00ed est\u00e1, para m\u00ed, la verdadera oportunidad.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">No se trata necesariamente de eliminar al dise\u00f1ador, al desarrollador o a Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Se trata de eliminar una parte del trabajo mec\u00e1nico que hacemos entre tener una idea y verla funcionando.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hace unos a\u00f1os aprend\u00edamos d\u00f3nde estaba cada bot\u00f3n dentro de WordPress.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Despu\u00e9s aprendimos comandos, APIs y automatizaciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora estamos empezando a poder decir simplemente qu\u00e9 queremos conseguir.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La pregunta interesante es qu\u00e9 ocurrir\u00e1 despu\u00e9s:<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00bfterminaremos creando las webs haciendo clic dentro de Elementor o explic\u00e1ndole a un agente c\u00f3mo queremos que sea la p\u00e1gina y entrando despu\u00e9s \u00fanicamente para revisar el resultado?<\/strong><\/p>\n\n\n\n<h2 class=\"wp-block-heading\">Dudas de la comunidad<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfSe puede crear una web completa con Elementor utilizando IA?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Un agente conectado a WordPress puede ayudar a crear p\u00e1ginas, estructuras y contenidos, pero yo no interpretar\u00eda esto como \u201cpulsar un bot\u00f3n y obtener una web profesional perfecta\u201d.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Sigue siendo necesario definir objetivos, arquitectura, contenido, dise\u00f1o, SEO, responsive y experiencia de usuario.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La IA puede acelerar enormemente la ejecuci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La calidad final sigue dependiendo del criterio con el que dirijamos y revisemos el proceso.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 es NovaMira?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">NovaMira permite conectar agentes de IA con WordPress mediante MCP para que puedan disponer de herramientas con las que ejecutar determinadas tareas dentro de la instalaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Su inter\u00e9s est\u00e1 precisamente en pasar de una IA que \u00fanicamente responde a una IA que puede participar en la ejecuci\u00f3n.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfQu\u00e9 es MCP?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">MCP significa <strong>Model Context Protocol<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De forma simplificada, permite conectar modelos y agentes de inteligencia artificial con herramientas externas.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">En este caso, esa conexi\u00f3n puede utilizarse para interactuar con WordPress.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfPuede un agente modificar WordPress directamente?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Si dispone de las herramientas y permisos adecuados, puede ejecutar acciones sobre la instalaci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Precisamente por eso conviene controlar cuidadosamente qu\u00e9 acceso concedemos y trabajar inicialmente en entornos seguros.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfEs seguro conectar una IA a WordPress?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">La seguridad depender\u00e1 del entorno, los permisos y las herramientas disponibles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Yo aplicar\u00eda una regla sencilla: cuanto m\u00e1s poder concedamos al agente, m\u00e1s cuidadosos debemos ser.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Staging, backups recientes, permisos controlados y revisi\u00f3n humana me parecen medidas b\u00e1sicas.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfDebo usar NovaMira en una web en producci\u00f3n?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Personalmente no empezar\u00eda experimentando directamente en producci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Probar\u00eda primero en staging o desarrollo hasta entender bien el funcionamiento y los permisos que estamos concediendo.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Una vez conocemos el flujo, podemos decidir qu\u00e9 tareas tiene sentido automatizar y cu\u00e1les preferimos mantener bajo supervisi\u00f3n directa.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u00bfLa IA sustituir\u00e1 a Elementor?<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">No necesariamente.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">De hecho, una de las cosas que m\u00e1s me interesan de esta combinaci\u00f3n es precisamente que <strong>Elementor siga siendo la capa visual de revisi\u00f3n y edici\u00f3n<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">La IA puede construir una primera versi\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nosotros podemos abrirla y seguir trabajando sobre ella.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">M\u00e1s que sustituir Elementor, los agentes podr\u00edan convertirse en una nueva forma de darle instrucciones.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Opini\u00f3n Personal<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Herramientas como <strong>NovaMira marcan un punto de inflexi\u00f3n bastante interesante en la forma de trabajar con WordPress y Elementor<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Hasta ahora, la inteligencia artificial nos ayudaba sobre todo a generar textos, c\u00f3digo, CSS o ideas que despu\u00e9s ten\u00edamos que aplicar manualmente. Con los agentes de IA, el cambio est\u00e1 en que pueden empezar a <strong>ejecutar tareas directamente dentro de WordPress<\/strong>, y eso abre posibilidades mucho m\u00e1s potentes.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Lo que m\u00e1s me interesa no es que una IA pueda crear una web completa por s\u00ed sola, sino que pueda encargarse de buena parte del trabajo repetitivo: crear p\u00e1ginas, preparar estructuras, a\u00f1adir contenidos o generar una primera versi\u00f3n sobre la que despu\u00e9s podamos trabajar visualmente con Elementor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Para m\u00ed, ese es el escenario m\u00e1s l\u00f3gico: <strong>dejar que la IA acelere la ejecuci\u00f3n, pero mantener el control humano sobre las decisiones importantes<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Porque crear m\u00e1s r\u00e1pido no significa necesariamente crear mejor.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Todav\u00eda necesitamos pensar en dise\u00f1o, experiencia de usuario, SEO, rendimiento, accesibilidad, conversi\u00f3n y responsive. Si partimos de una mala estrategia, un agente de IA simplemente nos permitir\u00e1 ejecutarla mucho m\u00e1s r\u00e1pido.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tambi\u00e9n creo que hay que utilizar estas herramientas con cierta prudencia. Dar acceso a un agente para modificar WordPress significa concederle capacidad para realizar acciones reales sobre nuestra web. Por eso, al menos durante las primeras pruebas, prefiero trabajar en <strong>staging, con copias de seguridad y permisos bien controlados<\/strong> antes de utilizarlo sobre un proyecto importante en producci\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Aun as\u00ed, el potencial me parece enorme.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Quiz\u00e1 dentro de unos a\u00f1os ya no empecemos cada p\u00e1gina haciendo clic en Elementor desde cero. Puede que primero expliquemos al agente qu\u00e9 queremos construir, dejemos que prepare una primera versi\u00f3n y entremos despu\u00e9s \u00fanicamente para revisar, mejorar y ajustar los detalles.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Y precisamente esa evoluci\u00f3n es la que me parece m\u00e1s interesante: <strong>la IA no tiene por qu\u00e9 sustituir Elementor, sino convertirse en una nueva forma de interactuar con \u00e9l<\/strong>.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Ahora me gustar\u00eda conocer tu opini\u00f3n.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00bfUtilizar\u00edas un agente de IA para crear o modificar tus webs en WordPress? \u00bfTe parece una evoluci\u00f3n l\u00f3gica o prefieres seguir teniendo control manual sobre todo el proceso?<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9jamelo en los comentarios. Me interesa especialmente saber c\u00f3mo crees que los agentes de IA van a cambiar nuestra forma de trabajar con Elementor y WordPress.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Crear una web con Elementor y un agente de IA me parece uno de esos ejemplos en los que empezamos a ver de verdad hacia d\u00f3nde puede evolucionar WordPress. Hasta hace relativamente poco, cuando habl\u00e1bamos de utilizar inteligencia artificial para desarrollar una web, el flujo era bastante predecible: le ped\u00edamos a una IA que nos [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":9542,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_aifi_custom_prompt":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"set","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[491],"tags":[841,1323,1449],"class_list":["post-9541","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-wordpress","tag-crear-web","tag-elementor","tag-novamira"],"_links":{"self":[{"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/posts\/9541","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/comments?post=9541"}],"version-history":[{"count":1,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/posts\/9541\/revisions"}],"predecessor-version":[{"id":9543,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/posts\/9541\/revisions\/9543"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/media\/9542"}],"wp:attachment":[{"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/media?parent=9541"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/categories?post=9541"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hostingtg.com\/blog\/wp-json\/wp\/v2\/tags?post=9541"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}