{"id":54330,"date":"2019-02-22T07:00:00","date_gmt":"2019-02-22T15:00:00","guid":{"rendered":"https:\/\/dhblog.dream.press\/blog\/?p=54330"},"modified":"2025-01-16T13:23:07","modified_gmt":"2025-01-16T21:23:07","slug":"que-es-un-click-to-edit-website-builder","status":"publish","type":"post","link":"https:\/\/www-dev.dreamhost.com\/blog\/es\/que-es-un-click-to-edit-website-builder\/","title":{"rendered":"\u00bfQu\u00e9 es un Creador de Sitios de Clic-para-Editar?"},"content":{"rendered":"\n

\u00bfEn busca del constructor de sitios perfecto? Ahora ofrecemos <\/i>Creador de Sitios WP<\/a><\/i>, un conjunto de herramientas y plugins premium que hacen que sea a\u00fan m\u00e1s f\u00e1cil (y r\u00e1pido) poner tu sitio web en l\u00ednea!<\/i><\/p>\n\n\n\n

Construir un sitio web sol\u00eda ser un desaf\u00edo que consum\u00eda mucho tiempo. Requer\u00eda experiencia y conocimiento de codificaci\u00f3n en varios lenguajes, y raramente ten\u00edas una generalidades de c\u00f3mo podr\u00eda lucir el resultado final. Aunque algunos a\u00fan utilizan este enfoque manual para la construcci\u00f3n de sitios, de ninguna manera es la \u00fanica opci\u00f3n.<\/p>\n\n\n\n

De hecho, hoy en d\u00eda pr\u00e1cticamente cualquiera puede dise\u00f1ar un sitio en minutos sin necesidad de mirar una sola l\u00ednea de c\u00f3digo. Esto es gracias al surgimiento de los \u2018constructores de p\u00e1ginas\u2019, que te permiten utilizar una interfaz intuitiva para editar el dise\u00f1o y contenido de tu sitio directamente. Entonces, \u00bfqu\u00e9 es un creador de sitios de clic-para-editar? Me alegra que lo preguntes.<\/p>\n\n\n\n

En este art\u00edculo, vamos a examinar los creadores de p\u00e1ginas con funci\u00f3n de clic para editar y por qu\u00e9 pueden ser \u00fatiles. Tambi\u00e9n te presentaremos a Remixer<\/a><\/span> y demostraremos c\u00f3mo puedes usarlo para crear tu propio sitio web en minutos.<\/p>\n\n\n\n

<\/span><\/p>\n\n\n\n\n\n

\"Ad<\/div>\n\n\n\n\n
\n \n Tenemos la Herramienta Definitiva de Dise\u00f1o de Sitios Web\n <\/h2>\n \n Cuando te asocias con DreamHost, obtienes acceso al Creador de Sitios WP y m\u00e1s de 200 sitios de inicio espec\u00edficos para la industria \u00a1gratis!\n <\/p>\n\n \n Lanza Tu Sitio <\/a>\n\n <\/div>\n<\/div>\n\n\n

Qu\u00e9 son los Creadores de Sitios de Clic-para-Editar (Y C\u00f3mo Funcionan)<\/strong><\/h2>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n

Un constructor de p\u00e1ginas es una herramienta utilizada para crear sitios web<\/a><\/span> sin necesidad de escribir c\u00f3digo manualmente. Suelen presentarse como editores visuales Lo-Que-Ves-Es-Lo-Que-Obtienes (WYSIWYG), donde puedes editar el dise\u00f1o y el contenido directamente en la p\u00e1gina.<\/p>\n\n\n\n

Mientras existen diferentes estilos de creador de sitios, las soluciones de clic-para-editar<\/a><\/span> usan una interfaz donde simplemente necesitas hacer clic en un elemento de la p\u00e1gina para editarlo directamente. Por ejemplo, al hacer clic en un fragmento de texto te permite cambiar su contenido, estilo, formato, y m\u00e1s.<\/p>\n\n\n\n

Estas herramientas te brindan un nivel de control sobre el dise\u00f1o y la disposici\u00f3n de tu sitio que antes era sin precedentes. \u00bfPero eso significa que son la herramienta adecuada para ti? \u00a1Vamos a averiguarlo!<\/p>\n\n\n\n

Por qu\u00e9 podr\u00edas considerar usar un Creador de Edici\u00f3n con Clic<\/strong><\/h2>\n\n\n\n

No hay escasez de ventajas al usar un constructor de edici\u00f3n por clic<\/a><\/span>, pero la m\u00e1s importante es lo accesible que hacen el dise\u00f1o de un sitio. Como no requieren ning\u00fan c\u00f3digo, un constructor de edici\u00f3n por clic permite incluso a los principiantes crear dise\u00f1os llamativos en cuesti\u00f3n de minutos. Esto los hace ideales para dise\u00f1adores principiantes con experiencia limitada o nula trabajando con HTML y CSS<\/a><\/span>.<\/p>\n\n\n\n

La interfaz intuitiva y en tiempo real tambi\u00e9n te permite ver inmediatamente c\u00f3mo aparecer\u00e1 el resultado final una vez publicado. Cualquier cambio que realices ser\u00e1 instant\u00e1neamente visible en el editor, por lo que siempre sabr\u00e1s exactamente c\u00f3mo tus ediciones afectan al sitio. Esto significa que es f\u00e1cil realizar cambios menores r\u00e1pidamente, sin necesidad de ayuda externa.<\/p>\n\n\n\n

Finalmente, un buen constructor de clic-para-editar tambi\u00e9n te ayudar\u00e1 a crear f\u00e1cilmente sitios web responsivos<\/a><\/span>. El dise\u00f1o que creas se puede adaptar f\u00e1cilmente para funcionar en m\u00faltiples dispositivos diferentes, como smartphones y tabletas. Esto es importante ya que Google probablemente penalizar\u00e1 tu sitio<\/a><\/span> si no es compatible con dispositivos m\u00f3viles.<\/p>\n\n\n\n

Un Vistazo R\u00e1pido a las Soluciones de Clic-para-Editar<\/strong><\/h2>\n\n\n\n

Hemos cubierto los beneficios de usar un creador de clic-para-editar, as\u00ed que profundicemos en algunas aplicaciones reales. Hay muchas herramientas disponibles espec\u00edficas para WordPress. Algunas de las opciones m\u00e1s populares incluyen Divi<\/a><\/span>, Elementor<\/a><\/span>, y Beaver Builder<\/a><\/span>.<\/p>\n\n\n\n

Todos estos ofrecen su propia versi\u00f3n del concepto de creador de p\u00e1ginas. Por ejemplo, Elementor es una soluci\u00f3n integral para pr\u00e1cticamente cada aspecto de personalizaci\u00f3n del sitio<\/a><\/span>. Aunque esto lo hace muy extenso, tambi\u00e9n puede ser algo intimidante para un usuario por primera vez.<\/p>\n\n\n\n

Mientras tanto, el Divi Builder ofrece un gran rendimiento y la capacidad de realizar pruebas A\/B<\/a><\/span> pero no tiene una versi\u00f3n gratuita. Debido a que se basa en shortcodes internamente, tambi\u00e9n tendr\u00e1s que manejar el elemento de estar \u2018atrapado\u2019 si deseas cambiar de soluci\u00f3n en el futuro.<\/p>\n\n\n\n

En contraste, Beaver Builder es una de las herramientas m\u00e1s f\u00e1ciles de usar, pero tambi\u00e9n es la m\u00e1s cara. Adem\u00e1s, carece de la capacidad para realizar ediciones en l\u00ednea. Aun as\u00ed, es popular entre muchos usuarios de WordPress.<\/p>\n\n\n\n

Incluso WordPress est\u00e1 participando en la acci\u00f3n con el editor Gutenberg<\/a><\/span>. Esto transformar\u00e1 el editor de contenido actual con una interfaz inspirada en los constructores de p\u00e1ginas.<\/p>\n\n\n\n

Una alternativa a estas soluciones es el constructor de clic-para-editar Remixer, que permite a los usuarios configurar un sitio r\u00e1pidamente y luego exportarlo f\u00e1cilmente a WordPress<\/a><\/span> cuando est\u00e9n listos para agregar funcionalidades adicionales. Echemos un vistazo un poco m\u00e1s detallado a este constructor antes de pasar a la parte divertida de crear un sitio.<\/p>\n\n\n\n

Una Introducci\u00f3n a Remixer<\/strong><\/h2>\n\n\n
\n
\"\"<\/figure><\/div>\n\n\n

Remixer<\/a><\/span> es un creador de sitios de clic para editar de DreamHost que se lanz\u00f3 en 2017<\/a><\/span>. Su objetivo es ofrecer una manera para que los usuarios crean un sitio f\u00e1cil de mantener<\/a><\/span> sin demasiados gastos.<\/p>\n\n\n\n

Usando Remixer, incluso un principiante completo puede crear un sitio web de aspecto profesional en unos pocos minutos. Esto se debe en gran medida a su interfaz intuitiva, pero tambi\u00e9n a la galer\u00eda de plantillas preconstruidas<\/a> y im\u00e1genes de stock que son gratuitas para usar.<\/p>\n\n\n\n

Si quieres crear un sitio simple que sea f\u00e1cil de mantener, Remixer es la opci\u00f3n ideal. No requiere conocimientos de programaci\u00f3n ni plugins adicionales. La herramienta incluso cuenta con un asistente de creaci\u00f3n de sitios<\/a><\/span> para facilitar las cosas. Finalmente, Remixer tambi\u00e9n est\u00e1 incluido con el plan de Shared Hosting de DreamHost<\/a><\/span>. Adem\u00e1s, Remixer puede crecer seg\u00fan tus necesidades. Si descubres que necesitas a\u00f1adir funcionalidades de comercio electr\u00f3nico o de blogging m\u00e1s adelante, puedes exportar tu sitio de Remixer a WordPress<\/a><\/span>.<\/p>\n\n\n\n

C\u00f3mo Crear un Sitio con el Constructor de P\u00e1ginas Remixer (En 3 Pasos)<\/strong><\/h2>\n\n\n\n

Ahora veamos c\u00f3mo construir un sitio utilizando Remixer<\/a><\/span>, el cual requiere una cuenta de DreamHost<\/a><\/span>.<\/p>\n\n\n\n

Paso 1. Elige una Plantilla<\/strong><\/h3>\n\n\n\n

Cuando te hayas registrado, puedes acceder a Remixer directamente desde tu Panel de control de DreamHost<\/a><\/span>. Simplemente selecciona Remixer<\/span> > Panel<\/span> en el men\u00fa de la izquierda, luego selecciona el bot\u00f3n Comienza a usar Remixer <\/span>.<\/span><\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Esto abre una nueva pesta\u00f1a con la interfaz de Remixer. Aqu\u00ed, tu primer paso es seleccionar un tema para usar como base para tu sitio. Podr\u00e1s editar esto extensamente, as\u00ed que consid\u00e9ralo solo un punto de partida.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Puedes pasar el cursor sobre un tema y hacer clic en Seleccionar Tema<\/span> para comenzar.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Sin embargo, si deseas personalizar el tema a\u00fan m\u00e1s primero, puedes hacer clic en la opci\u00f3n Crear<\/span> en el men\u00fa superior derecho. Esto abrir\u00e1 un breve asistente que consta de unos pocos pasos donde podr\u00e1s configurar el tema. En el primer paso (Dise\u00f1o<\/span>), se te dar\u00e1 a elegir entre tres plantillas.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Cuando selecciones uno, tendr\u00e1s la oportunidad de elegir un esquema de colores para tu tema. Selecciona uno para ver c\u00f3mo se actualiza la vista previa a la izquierda.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

clic Elige Im\u00e1genes<\/span> para proceder al siguiente paso. Aqu\u00ed puedes elegir un conjunto de im\u00e1genes de stock para usar.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Por supuesto, no necesitas usar estas im\u00e1genes y podr\u00e1s importar las tuyas propias m\u00e1s tarde. Sin embargo, puede ser \u00fatil seleccionar im\u00e1genes de marcador de posici\u00f3n adecuadas que coincidan con tu visi\u00f3n durante el proceso de dise\u00f1o.<\/p>\n\n\n\n

Selecciona las im\u00e1genes que desees, luego haz clic en Choose Fonts<\/span>. Ahora podr\u00e1s seleccionar un par de fuentes para usar en tu sitio.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Una vez que hayas elegido un par que te guste, puedes hacer Vista previa del sitio<\/span> para ver el tema que has creado.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Como dijimos, esto no es necesariamente el dise\u00f1o final, pero s\u00ed una base s\u00f3lida. Sin embargo, t\u00fa has<\/span> hecho algunas de las elecciones m\u00e1s importantes en cuanto a tu dise\u00f1o general y disposici\u00f3n antes de ajustar tu creaci\u00f3n. Para hacerlo, haz clic en Guardar y editar este sitio<\/span> para abrir el constructor Remixer.<\/p>\n\n\n\n

Paso 2. Edita el Dise\u00f1o y el Contenido<\/strong><\/h3>\n\n\n\n

Dado que el constructor Remixer utiliza una interfaz de clic para editar, probablemente ya hayas descubierto c\u00f3mo funciona. Todo lo que necesitas hacer es simplemente hacer clic en cualquier elemento de la p\u00e1gina para editarlo.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Para probar esto, haz clic en el subt\u00edtulo debajo del texto del t\u00edtulo. Ver\u00e1s que puedes cambiar el texto y aplicar varios estilos y formatos.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Cuando termines, haz clic en otro lugar y ver\u00e1s c\u00f3mo tus cambios son visibles al instante.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Ciertos elementos de la p\u00e1gina tienen configuraciones \u00fanicas, que aparecer\u00e1n din\u00e1micamente cuando el elemento sea seleccionado. Por ejemplo, si seleccionaras la imagen del encabezado, notar\u00e1s que el men\u00fa de la izquierda se actualizar\u00e1 para mostrar configuraciones relacionadas con la imagen.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Desde aqu\u00ed, puedes cambiar f\u00e1cilmente la imagen, recortarla, ajustar su tama\u00f1o o rotarla. Puedes elegir una imagen de stock existente o reemplazarla por una de las tuyas. Remixer incluso te permite aplicar filtros a las im\u00e1genes.<\/p>\n\n\n\n

Si deseas agregar un nuevo elemento, debes buscar los botones Nuevo<\/span> de color azul colocados entre los elementos de p\u00e1gina existentes.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Haciendo clic en uno de estos se abre una nueva secci\u00f3n donde puedes seleccionar el elemento que deseas agregar. Selecciona el que quieras, y aparecer\u00e1 instant\u00e1neamente en la p\u00e1gina, donde podr\u00e1s editarlo como cualquier otro elemento.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Ahora tienes libertad para dise\u00f1ar tu sitio como desees, editando y a\u00f1adiendo nuevos elementos seg\u00fan sea necesario. Una vez que hayas completado el dise\u00f1o, es hora de publicarlo.<\/p>\n\n\n\n

Paso 3. Publica tu sitio con un clic<\/strong><\/h3>\n\n\n\n

Cuando hayas completado tu sitio, todo lo que queda es publicarlo. Afortunadamente, este proceso es muy sencillo. Puedes publicar el sitio utilizando un dominio generado aleatoriamente, pero es m\u00e1s probable que quieras usar un dominio personalizado.<\/p>\n\n\n\n

Para hacer esto, necesitar\u00e1s asegurarte de que ning\u00fan elemento de la p\u00e1gina est\u00e9 seleccionado para que la opci\u00f3n de Directorio del Sitio Web<\/span> est\u00e9 disponible en el men\u00fa.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Aqu\u00ed puedes seleccionar el dominio que deseas usar para tu nuevo sitio. Puedes elegir uno existente en la lista o hacer clic en el enlace para comprar un nuevo dominio.<\/p>\n\n\n\n

Si seleccionas un dominio ya asignado a un sitio, ver\u00e1s un mensaje de advertencia. Puedes optar por reemplazar el sitio existente con el que acabas de crear. Los archivos del sitio web anterior seguir\u00e1n guardados en l\u00ednea en tu servidor de Shared Hosting en caso de que quieras volver al sitio web anterior.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Cuando hayas seleccionado un dominio, haz clic en la opci\u00f3n Publicar<\/span> en la esquina superior derecha.<\/p>\n\n\n

\n
\"\"<\/figure><\/div>\n\n\n

Esto compilar\u00e1 tu sitio y lo publicar\u00e1. Cuando termines, el bot\u00f3n que acabas de hacer clic cambiar\u00e1 a decir Ver<\/span>. Haz clic en esto para ver el sitio en una nueva pesta\u00f1a, \u00a1y tu sitio ahora est\u00e1 en vivo y listo para usar! Puedes volver a Remixer para editar el sitio como desees, publicar tus cambios o crear un sitio completamente nuevo.<\/p>\n\n\n\n

Nota: Si est\u00e1s publicando Remixer en tu dominio por primera vez, puede haber una demora inicial para que la propagaci\u00f3n de DNS<\/a><\/span> ocurra antes de que tu nuevo sitio Remixer sea visible p\u00fablicamente.<\/p>\n\n\n\n

\n\n\n

Get Content Delivered Straight to Your Inbox<\/h2>

Subscribe now to receive all the latest updates, delivered directly to your inbox.<\/p>

<\/div>