Lista Completa de Shortcodes y Ejemplos

Aquí está la lista completa de shortcodes disponibles con WP Frontend Admin:

1- Shortcode para mostrar cualquier página de wp-admin en el frontend

Usa el siguiente shortcode para mostrar cualquier sección de wp-admin en el frontend. Esta es la versión simple del shortcode, te mostraremos un shortcode más avanzado después de esto.

[vg_display_admin_page page_url="wp-admin URL"]

Solo tienes que sustituir la parte de  “wp-admin URL” por la URL de la sección de wp-admin que quieras mostrar en el frontend. Por ejemplo, si vas a mostrar los productos o las entradas, solo tienes que pegar la URL entre las comillas.

Una vez que hagas clic en Vista previa, veras el contenido de la sección wp-admin en el frontend, donde podrás configurar la página.

Notas:

  • La versión gratuita del plugin solo permite las URLs de la lista de posts y del editor de posts. Es necesario usar un plan pagado para mostrar cualquier página wp-admin en el frontend.
  • Puedes usar URLs relativas o URLs completas. Acepta URLs completas como esta: https://miweb.com/wp-admin/edit.php y acepta URLs relativas como esta: edit.php
  • Si usas el plan Plataforma en una red multisite, la URL completa siempre funcionará independientemente del sitio actual. Convertimos automáticamente la URL completa en una URL relativa internamente, por lo que siempre cargamos la página del sitio actual. No tienes que preocuparte por cambiar la URL del shortcode.

wp frontend admin shortcodes

Shortcode avanzado con todos los parámetros

[vg_display_admin_page page_url="wp-admin URL" allowed_user_ids="" forward_parameters="true" use_desktop_in_mobile="" allow_any_url="0" wu_plans=""]

page_url = Esto acepta la URL de wp-admin, puede ser una URL completa o una relativa como “edit.php”

allowed_user_ids = Esto acepta una lista de IDs de usuarios separados por comas. De esta manera puedes restringir esta sección de contenido para que se cargue solo para usuarios específicos. IMPORTANTE: Esto no dará acceso a los usuarios que no tenían acceso antes. Esto solo limitará el acceso, pero todavía tienen que tener el rol/permiso de usuario requerido. Valor por defecto: vacío.

forward_parameters  = esto reenviará cualquier parámetro de URL como ?post=33 de la ventana principal al contenido del administrador. Esto es útil para pasar la navegación del frontend al contenido del administrador. Valor por defecto = 1. Valores aceptados: “1”, “0”, “vacío”.

Por ejemplo, puedes mostrar una página de wp-admin con la URL /wp-admin/post.php?post=88 y usar la URL post.php en el shortcode y pasar el ID de la entrada en la URL del frontend directamente, por lo que una página del frontend se puede usar para cualquier ID de entrada cambiando el ?post=88 en la URL del frontend.

use_desktop_in_mobile =Esto es útil cuando no te gusta la versión móvil del contenido del administrador, y quieres mostrar la versión de escritorio en el móvil. Valor por defecto = 0. Valores aceptados: “1”, “0”, “vacío”.

allow_any_url = Esto es útil si quieres mostrar una página especial con nuestro shortcode. Por ejemplo, si quieres mostrar una página de frontend o una página de wp-admin de un subsitio diferente en la red (no el subsitio actual).

wu_plans = Esto es útil para restringir este contenido wp-admin específico para propietarios de planes específicos de WP Ultimo. Introduce los slugs del plan separados por comas.

Ya tenemos la opción de restringir la página por planes de WP Ultimo usando nuestro panel de configuración rápida en el frontend, sin embargo esas restricciones se aplican a la página frontend y a todas las instancias del shortcode en la página.

Este parámetro del shortcode es útil si quieres restringir una instancia del shortcode en la página y no las otras instancias.

Este parámetro del shortcode solo funciona si tienes el plan Plataforma.

2- Shortcode para mostrar el enlace de cierre de sesión en el frontend

Usa el siguiente shortcode para mostrar el enlace de cierre de sesión en cualquier lugar de tus páginas frontend:

[vg_display_logout_link redirect_to=""]

Notas:

  • El parámetro redirect_to es opcional. Por defecto, se redirigirá a la página actual después de cerrar la sesión. Puedes añadir cualquier URL en este parámetro.
  • Este shortcode devuelve un enlace normal (<a> tag). Si quieres obtener la URL de cierre de sesión (sin enlace), puedes usar el shortcode que te mostramos a continuación.
  • Si quieres añadir este shortcode a un elemento de menú “personalizado” para mostrar el enlace de cierre de sesión en tu menú, necesitas instalar el plugin Shortcode in Menus y agregarlo como un elemento shortcode usando el shortcode de abajo (no uses este shortcode porque devuelve un enlace completo, usa el shortcode de abajo que devuelve solo la URL).
  • Ten en cuenta que este enlace siempre tendrá un fondo oscuro y una fuente blanca porque está creado para mostrarse en el área de contenido de las páginas como un botón.

wp frontend admin shortcodes

3- Shortcode para obtener la URL de cierre de sesión

El siguiente shortcode te permite añadir la URL de cierre de sesión a cualquier elemento del menú, icono, etc. Devuelve una URL simple (sin enlace).

[vg_display_logout_url redirect_to=""]

Por ejemplo, puedes añadirlo a un elemento del menú del sitio, o añadirlo a cualquier elemento gráfico en Elementor o cualquier otro constructor de páginas. Cuando el usuario haga clic en el elemento que contiene el shortcode, su sesión se cerrará.

Notas:

  • El parámetro redirect_to es opcional. Por defecto, te redirigirá a la página actual después de cerrar la sesión. Puedes añadir cualquier URL en este parámetro.
  • Para añadir este shortcode a un elemento del menú, necesitas instalar el plugin Shortcode in Menus y añadirlo como un elemento shortcode.
  • Elementor permite el shortcode como URL en los botones o cajas de iconos solo en Elementor Pro. La versión gratuita de Elementor no permite shortcodes como URL.
  • Una forma sencilla de crear tu menú usando elementor es crear un menú normal en wp-admin > apariencia > menús, y usar el elemento “menú” en Elementor.

wp frontend admin shortcodes

4- Shortcode para mostrar el formulario de acceso en cualquier lugar

Con el siguiente shortcode, puedes mostrar el formulario de inicio de sesión de WordPress en cualquier lugar.

[wp_frontend_admin_login_form redirect_to=""]

Es útil para crear páginas de inicio de sesión personalizadas con tu propio diseño. Puedes crear cualquier plantilla de página con un constructor de páginas como Elementor, Beaver Builder, etc. y pegar el shortcode donde quieras mostrar el formulario de inicio de sesión.

Notas:

  • El parámetro redirect_to es opcional, si se omite el parámetro, se redirigirá a la URL encontrada en el parámetro redirect_to URL. Por ejemplo, si el usuario visita esta página de inicio de sesión miweb.com/login/?redirect_to=/my-account/, será enviado a /my-account/ después de iniciar sesión. Puedes introducir cualquier URL en este parámetro del shortcode u omitirlo para redirigir a la página de inicio del panel de control.
  • Puedes usar la etiqueta dinámica {user_site_base_url} en el parámetro redirect_to, y la etiqueta será reemplazada por la página de inicio del sitio propiedad del usuario actual. Esto es útil en redes multisitio en las que se quiere redirigir a los usuarios a sus propios sitios después de iniciar la sesión y una URL estática no funcionaría porque cada usuario tiene una URL de sitio diferente (Disponible desde la versión 1.13.0.1)
  • El contenido del administrador se cargará en el frontend solo para los usuarios registrados. Si un usuario invitado abre la página, mostramos un formulario de acceso en línea (en la misma página).
  • Si deseas crear una página de inicio de sesión independiente como la que se muestra a continuación, puedes usar el shortcode mencionado anteriormente. Sin embargo, debes ir a página de configuración > inicio de sesión > URL de la página de inicio de sesión, e introducir la URL de la página. Así nuestro plugin redirigirá a los usuarios a esta página en lugar de mostrar el formulario de inicio de sesión en línea

wp frontend admin shortcodes

5- Shortcode para enviar a los usuarios a su propio sitio web

Si estás creando una plataforma multisitio con un dashboard global, puedes usar el siguiente shortcode para obtener la URL del sitio público que posee el usuario actual. Esto es útil para añadir un botón “Ver mi sitio” al menú del panel de control, que redirigirá a los usuarios a ver su propio sitio web.

El shortcode funciona con usuarios que no son propietarios de ningún sitio, por ejemplo, clientes de los propietarios de su sitio. En este caso, devolverá la URL del último sitio donde el usuario tiene algún rol asignado.

[wp_frontend_admin_my_site_url]

Notas:

  • Tenemos el parámetro path, que es opcional, para añadir una ruta a la URL de la página de inicio. Por ejemplo, si tienes una red multisitio con subdirectorios, la URL de tu página de inicio podría ser http://site.com/site1/ y puedes añadir path=”/contact-us/”, que terminará siendo http://site.com/site1/contact-us/ – Ejemplo:
    [wp_frontend_admin_my_site_url path="/"]
  • El parámetro path acepta {homepage_id} como etiqueta dinámica. Úsala si necesitas insertar el ID de la página de inicio en cualquier lugar de la URL
  • Para añadir este shortcode a un elemento del menú, necesitas instalar el plugin Shortcode in Menus y agregarlo como un elemento shortcode.
  • Elementor permite el shortcode como URL en los botones o cajas de iconos solo en Elementor Pro. La versión gratuita de Elementor no permite shortcodes como URL. Pero el plugin “shortcode in menus” tiene una solución que hará que el shortcode funcione como URL en los botones usando Elementor free.

wp frontend admin shortcodes

6- Mostrar el enlace para editar la entrada o página actual

Puedes usar este shortcode para mostrar un enlace que abra el editor del frontend para editar el post/página actual:

[vg_display_edit_link]

Notas:

  • Aceptamos el parámetro post_id que es opcional. Puedes usar este parámetro para obtener un enlace para editar un ID de post específico. Puedes omitir el parámetro post_id y se mostrará un enlace para editar la entrada o página actual. Ejemplo:
  • [vg_display_edit_link post_id="8987"]
  • La mayoría de los temas añaden el enlace “Editar” al área de contenido automáticamente cuando el usuario actual tiene el rol requerido. En ese caso, este shortcode no es necesario.
  • Activar la opción en nuestra página de configuración > General > Añadir enlace “Editar” después del contenido del post. Así que nuestro plugin reemplazará todos los enlaces de edición que se encuentran en las páginas para abrir el editor frontend automáticamente, de lo contrario, se vincularán al editor backend.

7- Obtener la URL directamente del post o la página

Puedes usar este shortcode para obtener la URL del editor directamente para editar un post/página específica:

[vg_display_edit_url]

Notas:

  • Aceptamos el parámetro post_id que es opcional. Puedes utilizar este parámetro para obtener un enlace para editar un ID de post específico. Puedes omitir el parámetro post_id y se mostrará un enlace para editar la entrada o página actual. Ejemplo:
    [vg_display_edit_url post_id="8987"]
  • El parámetro post_id acepta “homepage” como valor y automáticamente devolveremos una URL para editar la página de inicio del sitio. Esto es útil porque cada sitio en una red multisitio podría tener una página de inicio diferente por lo que no podemos enlazar a un ID específico.
  • El parámetro extra_params acepta parámetros de URL adicionales para la página del editor. Por ejemplo, si quieres enlazar con el editor frontend de Elementor, Elementor requiere action=elementor para lanzar el editor frontend directamente. Así que podrías usarlo así:
    [vg_display_edit_link post_id="homepage" extra_params="action=elementor"]

8- Mostrar un selector de sitios para gestionar varios sitios en un mismo dashboard frontend

Puede usar este shortcode para mostrar una lista de sitios en los que el usuario tiene permisos para gestionar el sitio, y el usuario puede seleccionar un sitio para gestionarlo en el dashboard.

Por ejemplo, la lista de “Posts” mostrará los posts y la edición de posts del sitio actual. Si seleccionan otro sitio, verán las publicaciones del otro sitio en la misma página de “Posts”.

Debes añadir este shortcode a una página separada y enlazarla en el menú de tu panel de control. Por ejemplo, puedes nombrar la página “Mis sitios”.

Este shortcode requiere el plan Plataforma.

[wp_frontend_admin_site_selector]

¿Necesitas ayuda?

Tú puedes recibir ayuda instantánea en el chat en vivo durante horas laborales, o llena nuestro formulario de contacto y te responderemos via email.