Cómo mostrar fácilmente plantillas en sitios web de WordPress utilizando los códigos cortos de Elementor

Elementor es uno de los constructores de páginas más populares. Ofrece muchas características de gran alcance, uno de los cuales es elcódigo cortoEl uso de plantillas Elementor. Con códigos cortos, puede incrustar fácilmente y mostrar plantillas Elementor en cualquier lugar de su sitio de WordPress.

En este artículo se explica cómo utilizar Elementor Plantilla de visualización de códigos cortosy profundizar en cómo aprovechar al máximoVentajas de los códigos cortos para mejorar el diseño y la funcionalidad de su sitio web.

¿Por qué usar los shortcodes de Elementor?

Los shortcodes de Elementor pueden utilizarse en una amplia gama de aplicaciones para ayudarle a mostrar contenido de forma flexible en diferentes ubicaciones de su sitio web. Estos son algunos escenarios de aplicación comunes:

1. Presentación flexible de contenidos: Puede obtener más información en elArtículos, páginas, barras lateralesWidget,Insertar plantillas de Elementor en pies de página, etc.Esto hace que el contenido del sitio web sea más dinámico y flexible.
2. Diseño coherente: Utilizando el mismoPlantilla de código cortoPuede mantener diferentes partes de su sitio webEstilo de diseño coherentepara garantizar la coherencia de la marca.
3. Racionalización del flujo de trabajoEl uso de shortcodes puede simplificar enormemente tu flujo de trabajo. Basta con crear y diseñar la plantilla en un solo lugar y, a continuación, reutilizarla en varias ubicaciones mediante shortcodes, lo que reduce el tiempo y el esfuerzo que supone duplicar diseños.
4. Actualizaciones dinámicasCuando actualizas una plantilla Elementor guardada, todo lo que utiliza el shortcode de la plantilla se actualiza automáticamente, haciendo que el mantenimiento del sitio sea más eficiente.

¿Cómo mostrar plantillas usando el shortcode de Elementor?

Para sacar el máximo partido de los shortcodes de Elementor, primero debe asegurarse de que ha instalado y activado la extensión Elementor responder cantando Elementor Pro Plugins. Aunque la versión gratuita de Elementor también es potente, muchas funciones avanzadas, como el uso de shortcodes de plantilla, requieren el soporte de Elementor Pro.

Paso 1: Vaya a la plantilla guardada

En primer lugar, inicie sesión en el panel de control de WordPress. En el menú de la izquierda, vaya a "Plantilla" > "Plantillas guardadas".

Aquí verá que ha creado y guardado el archivoTodas las plantillas Elementor. Ya se trate de una página, un bloque o un widget global, todas estas plantillas pueden mostrarse mediante shortcode.

Si no se ha creado ninguna plantilla, puedeConstruir una plantilla a partir de una página.

Paso 2: Obtener el shortcode de la plantilla

existe "Plantillas guardadas" verás un código corto único junto a cada plantilla. Estos códigos cortos son las claves utilizadas para incrustar estas plantillas en su sitio web.

Si ustedno haCuando veas el código corto, puede ser que las opciones de pantalla no estén habilitadas. En la esquina superior derecha de la página busque el botón "Opciones de pantalla"Asegúrese de marcar "Código corto" Opciones. De esta manera, usted puede ver el código corto para cada plantilla en la lista de plantillas.

Paso 3: Inserte el shortcode en cualquier lugar de la página web

Ahora, sólo tiene que copiar el código corto de la plantilla deseada y pegarlo en cualquier lugar de su sitio WordPress que admita códigos cortos. Esto incluyeArtículos, Páginas, Widgetsetc.

Por ejemplo, si desea mostrar una plantilla específica en una entrada, simplemente edite la entrada y pegue el código corto en el lugar apropiado.Renderizar automáticamente esta plantillay se muestra en el artículo.

Aplicaciones avanzadas de los códigos cortos de Elementor

Más allá de la inserción básica de plantillas, los shortcodes de Elementor pueden tener aplicaciones más avanzadas. Por ejemplo, puedes combinarlo con otros plugins de WordPress comoCompartir en redes sociales, funciones de comercio electrónico e incluso formularios personalizadospara conseguir una funcionalidad de página más compleja.

1. Botones para compartir en redes sociales

Puedes crear una plantilla de Elementor que contenga botones para compartir en redes sociales e incrustarlos en distintos lugares de tu sitio web mediante un shortcode. Por ejemplo, crear un bloque de intercambio social personalizado y mostrar ese bloque al final de cada entrada del blog a través de shortcode.

2. Acordeón y etiquetas

Usando ElementorElementos de acordeón o etiquetaCree un bloque de visualización de contenido informativo y, a continuación, pase el bloqueEl código corto lo incrusta en ela la página correspondiente. Por ejemplo, puede utilizar este método en una página de preguntas frecuentes (FAQ) para mostrar contenido dinámico.

3. Libros electrónicos y catálogos

Si tu sitio web ofrece descargas de libros electrónicos o muestra catálogos, puedes diseñar un bloque de descarga con Elementor y utilizar el shortcode para mostrarlo en una página o artículo concretos. De esta forma podrás añadir rápidamente la misma funcionalidad de descarga en diferentes páginas sin tener que duplicar el diseño.

Extensión: Uso de Elementor Global Widget y WDesignKit

Además de los códigos cortos de plantilla, Elementor también proporciona Widget globalFuncionalidad.Global Widget permite crear widgets una sola vez y reutilizarlos en varias páginas, y pueden actualizarse en un solo lugar y sincronizarse automáticamente en todas las ubicaciones en las que se utilice el widget.

Uso del widget global de Elementor

1. Creación de widgets globalesDiseña un widget (como un botón o un formulario) en Elementor y guárdalo como widget global.
2. Utilización en diferentes páginasWidget global: Puede utilizar este widget global en diferentes páginas seleccionándolo directamente de la biblioteca de widgets.
3. Una actualización, sincronización globalSi necesita modificar el widget, sólo tiene que actualizarlo en un lugar y todas las páginas que utilicen el widget se actualizarán automáticamente de forma sincronizada.

Plantillas Elementor listas para usar de WDesignKit

Si no quiere dedicar tiempo a diseñar desde cero, o aún no está familiarizado con Elementor, puede considerar utilizar las plantillas ya preparadas que proporciona WDesignKit. Estas plantillas han sido cuidadosamente diseñadas para funcionar con una amplia gama de tipos de sitios web y se pueden incrustar directamente en tu sitio web utilizando shortcodes.

resúmenes

Los shortcodes de Elementor son una herramienta potente y flexible que puede ayudarte a mostrar fácilmente plantillas prediseñadas en varias ubicaciones de tu sitio web WordPress. No solo eso, sino que el uso de shortcodes puede mejorar drásticamente la eficiencia de la construcción de tu sitio web, garantizando la coherencia en el contenido y el diseño.

Tanto si quieres mostrar catálogos, libros electrónicos, botones para compartir en redes sociales o contenido dinámico más complejo, los shortcodes de Elementor pueden satisfacer tus necesidades. Si buscas mejorar aún más el diseño y la funcionalidad de tu sitio web, una combinación de plantillas Global Widget y WDesignKit te lo pondrá aún más fácil.

Contacte con nosotros
¿No puede leer el tutorial? Póngase en contacto con nosotros para obtener una respuesta gratuita. Ayuda gratuita para sitios personales y de pequeñas empresas	Servicio de atención al cliente WeChat
① Tel: 020-2206-9892
② QQ咨询：1025174874
(iii) Correo electrónico: info@361sale.com
④ Horario de trabajo: de lunes a viernes, de 9:30 a 18:30, días festivos libres