“Enfold Theme” es la plantilla para WordPress mejor puntuada de las más vendidas de Theme Forest
Puntuación: 4.84/5 ★★★★ (+8.700 valoraciones)
Ventas: +150.700
Precio: 59 $ (Incluyen actualizaciones de por vida y 6 meses de soporte)
Cómo crear o editar tu wordpress con Enfold
Instalación
Apariencia, opciones generales y menús
Páginas
Cómo añadir, diseñar, editar o eliminar páginas de tu wordpress con Enfold
Contenido (textos, imágenes, formularios, botones…)
Cómo editar el contenido con el editor avanzado de planillas “Avia”
Tienda on-line (con woocommerce)
Cómo crear una tienda on-line con enfold y woocommerce
Cómo añadir, editar o eliminar productos
Blog
Cómo añadir, editar o eliminar entradas
Portafolio
Cómo instalar Enfold Theme:
Instalar Enfold es rápido y sencillo.
Descarga la plantilla
Descarga el archivo Instalable para WordPress
Sube la plantilla
Sube la carpeta comprimida a tu WordPress desde “Apariencia > Temas > Añadir nuevo”.
Inicia sesión en tu WordPress.
Cómo iniciar sesión en tu WordPress:
Inicia sesión en tu WordPress accediendo a la URL de tu web, por ejemplo: www.miweb.com añadiendo /wp-admin al final.
Quedaría así:
www.miweb.com/wp-admin
Cómo añadir o crear páginas
- Desde el escritorio de tu WordPress (una vez logueado), dale a “+ Añadir>Página”.
- Diseña la estructura de la página arrastrando secciones (franjas) y columnas dentro de las secciones desde el editor avanzado de plantillas. Añade tus textos, imágenes, formularios, etc. Dentro de las columnas.
- Dale a “Vista previa” para ver cómo lo llevas y publícala cuándo estés listo.
- Guarda la página como plantilla para utilizar la misma estructura para otras páginas (sólo tendrás que reemplazar las imágenes y los textos).
Cómo editar o eliminar páginas
- Dirígete al menú “Páginas>Todas las páginas”.Selecciona el item que deseas editar o eliminar y dale a “Editar” o envíalo a la “Papelera”.
Cómo usar el editor de plantillas avanzado “Avia”
Arrastrar y soltar
El editor avanzado de plantillas es un constructor de páginas que hace posible la creación de diseños personalizados arrastrando y soltando bloques o elementos.
Cómo editar, textos, imágenes y demás elementos
Para editar los textos y/o las imágenes de tu web tan sólo debes hacer click sobre el icono del lápiz en la caja del elemento correspondiente.
Guardar composiciones para reutilizarlas
Los diseños construidos con el editor avanzado de plantillas pueden ser guardados como plantillas y reutilizados en otras páginas. Simplemente dale al botón “Plantillas” y crea una nueva para guardar tu maquetación. Así, si quieres hacer otra página, entrada o item del portafolio con la misma composición solo tendrás que reemplazar los textos y las imágenes.
El maquetador visual de Enfold consta de 4 pestañas con distintos elementos listos para utilizar en nuestra página. Solo tenemos que arrastrarlos y darle al botón del lápiz para Editar el contenido del elemento.
Las pestañas del maquetador son:
Elementos de diseño (12): Estos elementos estructurarán el contenido de tu página. Tienes secciones de color (franjas horizontales o filas), columnas (verticales) y filas de grilla.
Elementos de contenido (33): Son los elementos que formarán tu página. Textos, botones, galerías…
Encontrarás: Bloque de texto, separador, encabezado especial, caja con icono, lista con iconos, icono, headline rotator (encabezado giratorio), botón, botón de ancho completo, pase de contenido, notificación, pestañas, acordeón, caja promo, formulario de contacto, entradas del blog, magacín, rejilla del portfolio, masonry, miembro del equipo, tabla, barra de progreso, menú de ancho completo, pase de diapositivas, opiniones, catálogo, números animados, conteo regresivo animado, mailchimp signup (suscripción a tu newsletter de Mailchimp), area de widgets, social share buttons, comentarios y bloque de código.
Elementos multimedia (13): Imagenes, pases de diapositiva o sliders, galerías de imagenes, mapas de Google…
Encontrarás: imagen, imagen con puntos, vídeo, easy slider, easy slider de ancho completo, pase de diapositivas de pantalla completa, featured image slider (), diapositiva acordeón, layer slider avanzado, elemento de Partner/Logo, galería, galería masonry, mapa de Google.
Para poder guardar nuestro diseño como plantilla tendremos que fijarnos en una fina línea situada debajo de estas tres pestañas. Ahí tendremos los iconos de deshacer y rehacer típicos del Word, el botón de Plantillas y otro para expandir esa ventana y maximizarla. Una vez pinches en el botón de Plantillas tendrás la posibilidad de guardarla o cargar una que ya hayas hecho.
Plugins: Algunos plugins (como Woocommerce) ofrecen elementos listos para arrastrar en tu web.
Shortcode con Editor Visual
En algunas ocasiones cuando estamos diseñando una página sencilla de nuestra web con la plantilla Enfold no es necesario que utilicemos el page builder. Disponemos también de Shortcodes que podremos insertar fácilmente gracias a una interfaz gráfica. Para una página sencilla puede ser más indicado el uso del visual shortcode Editor que el page builder.
Aquí tienes un enlace con la lista de shortcodes disponibles. En el lateral derecho tienes una lista de los shortcodes y con su correspondiente ejemplo.
Cómo personalizar la apariencia
Opciones del Tema
- Opciones del Tema: Aquí elegimos la página de inicio, logotipo, favicon y el código de Google Analytics.
- Estructura General: decide, de forma muy visual, las dimensiones de tu sitio y la situación del logotipo (arriba, izquierda o derecha)
- Estilos Generales: escoge los colores de cada área (contenido principal, logo, sidebar, footer, fuentes…).
- Estilos Avanzados: escoge una etiqueta y asígnale unos valores CSS.
- Menú principal
- Header: configura todos sus aspectos (posición, tamaño, espaciado, migas de pan, transparencia…). En “elementos extra” puedes añadir hasta un menú secundario con información como el teléfono o alguna llamada a la acción. Enfold Theme nos da la posibilidad de elegir entre diferentes diseños de encabezamiento o headers para la página web.
- Barra lateral: decide en qué secciones está presente y en qué lado aparece.
- Footer: elige cuántas columnas lo conforman, asígnale un copyright personalizado…
- Layout builder
- Estructura del Blog: retícula de los artículos, elementos que deben aparecer, etc.
- Perfiles Sociales: asigna tus URL.
- Newsletter: introduce la clave API de Mailchimp para que se sincronice.
- Google Services
- Shop options
- Importar demo:
Puedes importar cualquiera de las demos prediseñadas con un solo click y luego reemplazar el contenido.
- Importar/Exportar: para guardar bien tu configuración del theme (o para instalarla).
- Theme Update: introduce tus datos de compra y actualiza desde aquí tu tema cuando quieras.
Cómo editar el menú o barra de navegación
Para editar los elementos a mostrar en el menú debes ir a “Apariencia>Menús”.
Cómo crear un blog con Enfold
1. Desde el escritorio de tu WordPress (una vez logueado), dale a “+ Añadir>Página”.
2. Activa el “Editor Avia de Plantillas”.
Desde “Elementos de diseño”Arrastra una “sección de color” a modo de cabezal y, desde “Elementos de contenido” un “encabezado especial”. Escribe un título, por ejemplo, “Blog”.
Debajo, fuera de la sección, arrasta una “rejilla de artículos”. Aquí se mostrarán tus entradas en forma de galería.
La plantilla Enfold incorpora diferentes tipos de diseño para mostrar el blog de la web. Aquí te dejo los ejemplos de la demo de Enfold:
- Masonry blog
- Blog Grid
- Blog multi autor
- Blog single author small
- Blog single author big
- Blog Single author fullwidth
Cómo añadir o crear entradas
- Desde el escritorio de tu WordPress (una vez logueado), dale a “+ Añadir>Página”.
- Diseña la estructura de la página arrastrando secciones (franjas) y columnas dentro de las secciones. Añade tus textos, imágenes, formularios, etc. Dentro de las columnas.
- Dale a “Vista previa” para ver cómo lo llevas y publícala cuándo estés listo.
- Guarda la página como plantilla para utilizar la misma estructura para otros proyectos (sólo tendrás que reemplazar las imágenes y los textos).
- Por último, bajamos un poquito en la misma página y en la parte inferior derecha nos encontramos con el recuadro “Imagen destacada”. Esto es la portada de nuestro proyecto para la galería o “rejilla de artículos”. Hacemos click en “Asignar imagen destacada” y le ponemos la que queramos.
Cómo editar o eliminar entradas
- Dirígete al menú “Entradas>Todas las entradas”.Selecciona el item que deseas editar o eliminar y dale a “Editar” o envíalo a la “Papelera”.
Cómo crear un portafolio con WordPress
Ejemplos de portafolio:
- Portfolio Ajax
- Portfolio 4 Column
- Portfolio 3 Column
- Portfolio 2 Column
- Mixed Fullwidth Portfolio
- Single Portfolio: 2/3 Slider
- Single Portfolio: 2/3 Gallery
- Single Portfolio: Big Slider
- Single Portfolio: Full Slider
1. Desde el escritorio de tu WordPress (una vez logueado), dale a “+ Añadir>Página”.
2. Activa el “Editor Avia de Plantillas” y arrasta una “rejilla de portafolio” desde “Elementos de contenido”.
3. Aquí se mostrarán tus trabajos en forma de galería.
4. Cada proyecto tendrá una página individual en la que puedes explicar y mostrar con más profundidad el trabajo.
Cómo añadir o crear un ítem del portafolio
- Desde el escritorio de tu WordPress (una vez logueado), dale a “+ Añadir>Ítem del portfolio”.
- Diseña la estructura de la página arrastrando secciones (franjas) y columnas dentro de las secciones. Añade tus textos, imágenes, formularios, etc. Dentro de las columnas.
- Dale a “Vista previa” para ver cómo lo llevas y publícala cuándo estés listo.
- Guarda la página como plantilla para utilizar la misma estructura para otros proyectos (sólo tendrás que reemplazar las imágenes y los textos).
- Por último, bajamos un poquito en la misma página y en la parte inferior derecha nos encontramos con el recuadro “Imagen destacada”. Esto es la portada de nuestro proyecto para la galería o rejilla de portafolio. Hacemos click en “Asignar imagen destacada” y le ponemos la que queramos.
Cómo editar o eliminar items de portfolio
- Dirígete al menú “Items de portfolio>Items de portfolio”.Selecciona el item que deseas editar o eliminar y dale a “Editar” o envíalo a la “Papelera”.
Cómo crear una tienda on-line con Enfold
1. Instala WooCommerce desde el panel de Plugins.
Se crearán automáticamente las páginas necesarias para tu tienda on-line, puedes cambiar la manera en qué se muestran en el menú desde “Apariencia>Menús”. Por ejemplo, poner “Mi cuenta” y Finalizar compra” como submenús del apartado “Tienda” (queda más limpio).
2. Puedes personalizar el aspecto de la tienda on-line en “Opciones del tema>Shop Options”.
3. Si no te gusta también puedes crear tu mismo una página en la que mostrar tus productos.
Crea una página nueva y arrasta una “rejilla de artículos” desde la pestaña “Elementos de contenido” del “Editor Avia de Plantillas”.
3. Aquí se mostrarán tus entradas en forma de galería.
4. Cada producto tendrá una página individual en la que puedes explicar y mostrar con más profundidad el mismo.
Cómo añadir un producto de la tienda on-line (WooCommerce)
- Iniciamos sesión en nuestro WordPress y vamos a “Añadir”, dentro de ítems de portfolio.
- Se nos abrirá una página de creación. Aquí crearemos la ficha de nuestro proyecto. Hacemos click en el Editor avanzado de plantillas y escribimos el título del trabajo.
- Una vez abierto el Editor avanzado de plantillas (Avia), hacemos click en “Plantillas” y cargamos la de “Portfolio work”. Una vez hecho esto podremos reemplazar los textos y la imagen del trabajo haciendo click.
- Por último, bajamos un poquito en la misma página y en la parte inferior derecha nos encontramos con el recuadro “Imagen destacada”. Esto es la portada de nuestro proyecto para la galería. Hacemos click en “Asignar imagen destacada” y le ponemos la que queramos.
Cómo editar o eliminar productos de Woocommerce
- Dirígete al menú “Productos>Productos”. Selecciona el item que deseas editar o eliminar y dale a “Editar” o envíalo a la “Papelera”.
¡Listo!
¿Tienes alguna duda? ¡Escríbela en los comentarios!
ENLACES DE INTERES DE LA PLANTILLA ENFOLD THEME:
2.- Mira las demos importables
3.- Videotutoriales oficiales (en inglés)
4.- Preguntas frecuentes (FAQS en inglés)
5.- Foro de soporte oficial (Respuestas en 24h los días laborables. Soporte en inglés y en español)
6.- Tutoriales oficiales (artículos escritos)
Hola, mi nombre es Maite,
Me ha parecido un artículo muy elaborado y muy bien explicado. No sé si es buen sitio comentar esto por aquí, pero te lo comento por si me puedes ayudar. Los estilos que tengo en mi blog, sólo me aparecen Elegant y Modern Business y quiero cambiarlo por Mansory blog o el Blod Grid, para darle más vistosidad,pero no soy capaz de ponerlo en mi blog. No hay manera que me aparezca en la configuración. ¿Puedes indicarme como configurar la plantilla Enfold, para poner este estilo?
Muchas gracias,
Maite
¡Hola Maite!
Digamos que por defecto WordPress muestra las entradas del blog en una página que genera por defecto. Para poder personalizar al máximo la página del blog lo ideal es que crees una nueva página y arrastres la Masonry Blog allí. Después, desde Opciones del tema, puedes seleccionar la página que quieres utilizar para el blog. Espero que te sirva de ayuda, si no me dices!
Hola muy buenas, utilizo la plantilla enfold desde hace mucho tiempo, pero ahora la estoy implementando en un telefono movil, y me surge un problema.
Entre e l header y la primera foto que pongo, me deja un enorme espacio en blanco que en el ordenador no se ve, pero en los dispositivos pequeños si.
En la web se ve….
Como podría solucionar ese problema?
Muchas gracias.
Hola Héctor, ¿Puedes facilitar un enlace para verlo?
Antes de nada, asegúrate de tener la última versión de WordPress y de la plantilla y que, si hay una sección de color, no tenga márgenes.
Muchas gracias a ti,
Buenas Dase, y gracias por contestar.
El enlace a la web es este https://canariasmultipanel.com/
En pc ningún problema, pero en el telf móbil no hay manera, sigo sin conseguirlo.
Verás que hay un espacio enorme desde el logo hasta el slider. Si te fijas, cuando habraes el menú, pasa lo mismo…. no lo entiendo verdad… llevo 2 semanas con eso y no hay manera… he probado código que he visto por ahi pero no hayh manera… ahora mismo miraba otros foros a ver…. una locura.
Tengo la última versión de wordpress 5.2.3 y la version de enfold la 4.1.2….creo que hay una nueva versión, pero no me da opción para actualizarla….
Hola Hector, disculpa la espera. Le he echado un ojo pero no consigo ver a qué se debe el problema. Puedes actualizar la plantilla mediante FTP, asegúrate de hacer una copia de seguridad o crear un Child Theme para asegurar que no pierdas nada 😉
Hola Hector,
Si donde te aparece el error es en una columna, tienes que editar entonces dentro de las opciones “diseño” el espaciado interno. Saludos!
Hola, buenos días, utilizo el Theme Enfold en la página del trabajo, soy la encargada de subir contenido, pero sé muy poco de wordpress. Resulta que antes, cuando editaba una nueva página me aparecían todas las opciones del editor AVIA para poder contruir mi página, y ahora no me aparece nada, solo el formato básico de wordpress. De hecho cuando ingreso a la edición de páginas o entradas que ya fueron editadas con el editor AVIA, sigue apareciendo la opción, pero al crear una nueva no aparece. Cuál pudo haber sido el problema? Que se me haya desactualizado el Theme? O hay algo que se haya tocado?
Desde ya muchas gracias
Hola Anabella, es posible que sea por actualizar WordPress. Hace algunas versiones WordPress cambió la manera de editar entradas y páginas añadiendo un editor llamado Gutenberg, prueba a instalar el plugin “No Gutenberg” y asegúrate de tener la plantilla Enfold actualizada.
¡Un saludo!
Felicitarles por la claridad y utilidad de su tutorial.
Mi consulta.
Tenemos un hosting muy limitado en la subida de archivos: 1MB.
De cabecera, en el home, tenemos el bloque EASY SLIDER en el que sólo pongo una imagen JPG o varias en secuencia animada.
Querría variar con otros tipo de archivos animados, como GIF o MP4 pero su “peso” me lo impide.
¿Es posible colocar ese archivo en otro repositorio y hacer un inserto-embebido del GIF o del MP4 dentro del EASY SLIDER?
¿O se trataría de renunciar al EASY SLIDER e incorporar otro bloque con un Elemento/Multimedia/Vídeo?
Nuestro sitio web por si ayuda a comprender la situación: salesianosloyola.es
Gracias por la respuesta.
Hola Txema,
Si el hosting tiene esa limitación seguramente se requiera contratar una ampliación para poder subir archivos más pesados. La otra opción es redimensionar y optimizar al máximo cada archivo, lo cuál también ayudará al renderizado rápido de la web.
¡Muchas gracias a ti!
Como puedo poner un video a pantalla completa en la home, que ocupe el 100% de la pantalla? el video es de youtube. debo insertar el mio propio o lo puedo linkar desde youtube? Si lo pongo como fondo de seccion de color, no suena. Me puedes decir como insertarlo y que suene porfavor? gracias
tambien necesitaria saber como ocultar el logo de arriba y el menu solo en esta pagina, para que solo se vea el video, y ya luego el contenido de mas abajo.. gracias
En la página de edición, dale al apartado de “Diseño de página” en la columna de la derecha y a “Ocultar encabezado”.
¡Gracias a ti!
En efecto, puedes linkar desde Youtube sin problemas pero para que se reproduzca el sonido deberías añadir un botón que enlace al vídeo encima de la sección. Así abrirá el vídeo para ser escuchado. ¡Gracias a ti!
Hola, he creado hace un año una web con Enfold. Ahora quiero transformarla en una tienda online y la estoy implementando con woocommerece. Mi problema es que no veo la manera de incorporar arriba el menú de categorías en la versión móvil. Podeis ayudarme?
Hola,
He tratado de darle estilo con el editor avia de plantillas a entradas y páginas que se han creado con anterioridad en nuestra página web, pero no me deja utilizar el editor. ¿Hay alguna forma de poder editar el estilo sin necesidad de volver a crear una página desde 0 y copiar todo el contenido de la anterior?
Gracias
Hola Jorge, Me parece que habría que copiar y pegar todo el contenido.
¿Te refieres a los “breadcumbs”? Si es así en Opciones del tema > Header creo que puedes activarlos.
Puse imágenes en “pase de diapositivas” en el Home. Quisiera saber como y donde tengo que poner las imágenes en formato para mobile? Gracias!
HOla, estoy armarndo una pequeña landing con avia. Y a la hora de crear un enlace desde un boton hacia un formulario en la misma página, no encuentro la manera de hacerlo. Como puedo solucionar esto?Se puede?