{"id":10692,"date":"2022-04-06T11:57:16","date_gmt":"2022-04-06T09:57:16","guid":{"rendered":"https:\/\/www.host-fusion.com\/blog\/?p=10692"},"modified":"2022-04-06T11:57:20","modified_gmt":"2022-04-06T09:57:20","slug":"disenar-con-elementor","status":"publish","type":"post","link":"https:\/\/www.host-fusion.com\/blog\/2022\/04\/06\/disenar-con-elementor\/","title":{"rendered":"\u00bfDise\u00f1ar con Elementor es la mejor opci\u00f3n para tu web en WordPress?"},"content":{"rendered":"\n
\"Dise\u00f1ar<\/figure>\n\n\n\n

En los \u00faltimos a\u00f1os poder dise\u00f1ar con Elementor se ha convertido en toda una tendencia a la hora de disponer de una web totalmente personalizada sin necesidad de tocar nada de c\u00f3digo.<\/p>\n\n\n\n

Si bien esa es una de sus principales ventajas, \u00bfqu\u00e9 m\u00e1s ha hecho que hoy en d\u00eda sea uno de los 5 plugins m\u00e1s descargados e instalados en WordPress con m\u00e1s de 5 millones de instalaciones activas<\/strong>?<\/p>\n\n\n\n

A lo largo de este post te vamos a contar las razones por las que quiz\u00e1s para el proyecto de tu web tambi\u00e9n pueda ser una excelente opci\u00f3n.<\/p>\n\n\n\n

Qu\u00e9 es elementor<\/h2>\n\n\n\n
\"Elementor\"<\/figure>\n\n\n\n

Elementor es un maquetador visual para WordPress que permite dise\u00f1ar cualquier web sin necesidad de utilizar ning\u00fan c\u00f3digo<\/strong> y pudiendo ver los cambios aplicados directamente, tan sencillo como arrastrar y soltar.<\/p>\n\n\n\n

Este constructor visual dispone de una versi\u00f3n gratuita que puede ser \u00fatil e interesante para webs en las que no se requieran grandes dise\u00f1os, sin embargo su mayor potencial est\u00e1 en su versi\u00f3n Pro<\/strong>, otro plugin que previo pago de licencia permite ampliar muchas funcionalidades.<\/p>\n\n\n\n

Gracias a Elementor Pro podemos dise\u00f1ar pr\u00e1cticamente cualquier web de muy diversos tipos y funcionalidades.<\/p>\n\n\n\n

En definitiva, tu web tendr\u00e1 un dise\u00f1o \u00fanico y genuino.<\/strong><\/p>\n\n\n\n

Pero no queda ah\u00ed la cosa, adem\u00e1s podemos optar por instalar su propio theme (Hello) muy limpio y sencillo que por supuesto se lleva muy bien con este plugin.<\/p>\n\n\n\n

Tambi\u00e9n te puede interesar: \u00bfCu\u00e1l es la estructura de una web?<\/a><\/p><\/blockquote>\n\n\n\n

As\u00ed pues, atr\u00e1s quedan las limitaciones de dise\u00f1o de plantillas una vez instaladas.<\/p>\n\n\n\n

\"el<\/a><\/figure>\n\n\n\n

7 ventajas de dise\u00f1ar con Elementor tu web<\/h2>\n\n\n\n

A continuaci\u00f3n te vamos a dar los principales motivos por los que te recomendamos Elementor para tu proyecto web.<\/p>\n\n\n\n

1- Precio<\/h3>\n\n\n\n

Si tu web no requiere grandes funcionalidades su versi\u00f3n gratuita<\/strong> es m\u00e1s que suficiente pues te permitir\u00e1 mediante sus muchos widgets prescindir de otros tantos plugins, algunos incluso de pago.<\/p>\n\n\n\n

En esta versi\u00f3n gratuita dispones de m\u00e1s de 30 widgets, m\u00e1s de 30 plantillas de dise\u00f1os<\/strong> de secciones y p\u00e1ginas listas para su instalaci\u00f3n y website kits.<\/p>\n\n\n\n

\"Comparativa<\/figure>\n\n\n\n

A\u00fan as\u00ed, si la versi\u00f3n gratuita se te queda corta el precio de una licencia de individual empieza en 49$ al a\u00f1o<\/strong>, siendo bastante ajustado para todo lo que ofrece.<\/p>\n\n\n\n

La versi\u00f3n Pro incluye todo lo de la versi\u00f3n \u00abfree\u00bb junto a 60 widgets Pro y m\u00e1s de 300 plantillas Pro entre otras funcionalidades como formularios, constructor para Woocommerce, dise\u00f1o de popups y m\u00e1s de 60 Website Kits Pro.<\/p>\n\n\n\n

2- Facilidad de uso<\/h3>\n\n\n\n

La curva de aprendizaje con este constructor es bastante m\u00e1s corta que con otros constructores similares.<\/p>\n\n\n\n

Todo es muy intuitivo y visual, tan simple como arrastrar y soltar<\/strong> un widget en la secci\u00f3n o columna que deseas.<\/p>\n\n\n\n

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

Estos widgets a su vez se configuran todos de forma similar con una serie de opciones y personalizaciones comunes a todos ellos.<\/p>\n\n\n\n

De este modo en cuanto sepas c\u00f3mo configurar uno de ellos sabr\u00e1s c\u00f3mo puedes configurar cualquiera.<\/p>\n\n\n\n

\"Libreria<\/figure>\n\n\n\n

La cantidad de plantillas predise\u00f1adas<\/strong> existentes tambi\u00e9n facilita mucho las cosas, pudiendo disponer de pr\u00e1cticamente todas las p\u00e1ginas y elementos b\u00e1sicos necesarios para tu web sin necesidad de dise\u00f1ar desde cero.<\/p>\n\n\n\n

Esto agiliza mucho todo el proceso y permite a cualquier persona sin conocimientos previos disponer en unos pocos clics de toda una web, eso s\u00ed, a falta de hacer algunos ajustes para personalizar tu web.<\/p>\n\n\n\n

3- Guarda o utiliza bloques y plantillas<\/h3>\n\n\n\n

Se acab\u00f3 tener que dise\u00f1ar p\u00e1ginas o secciones enteras nuevas, podemos guardar dise\u00f1os que hayamos realizado para de este modo poderlos reutilizar o modificar cuando y donde deseemos<\/strong>.<\/p>\n\n\n\n

Esto es muy \u00fatil por ejemplo para dise\u00f1ar una secci\u00f3n con un formulario de suscripci\u00f3n que incluyamos en varias p\u00e1ginas de nuestra web. Si en alg\u00fan momento necesitamos modificar su dise\u00f1o con hacerlo sobre la plantilla original guardada ser\u00e1 suficiente y no ser\u00e1 necesario modificarlo p\u00e1gina por p\u00e1gina.<\/p>\n\n\n\n

\"Kits<\/figure>\n\n\n\n

Eso en lo que respecta a tus propias plantillas o bloques que puedes guardar, pero dispones de toda una biblioteca de plantillas<\/a> con p\u00e1ginas enteras, secciones, pop-ups, encabezados y pies de p\u00e1gina.<\/p>\n\n\n\n

Tan solo necesitas descargarlas e instalarlas en unos pocos clics.<\/p><\/blockquote>\n\n\n\n

Pero sin duda el mayor potencial de las plantillas est\u00e1 en poder dise\u00f1ar por completo c\u00f3mo deseas que sean p\u00e1ginas como las entradas individuales, posts personalizados, p\u00e1ginas de archivos, de resultados etc.<\/p>\n\n\n\n

Y en las plantillas juegan un papel fundamental la inclusi\u00f3n de las etiquetas din\u00e1micas<\/strong>.<\/p>\n\n\n\n

Estas etiquetas din\u00e1micas nos permiten indicar que tipo de contenido din\u00e1mico se debe mostrar en todo momento.<\/p>\n\n\n\n

Algunos tipos de etiquetas din\u00e1micas m\u00e1s habituales que podemos utilizar:<\/p>\n\n\n\n