En este tutorial, te mostraremos cómo ver y usar la Biblioteca de Medios de WordPress en el frontend.
Aquí hay algunas situaciones en que esto podría serte útil:
- Permitir que los usuarios puedan subir archivos desde el front-end
- Crear un image hosting con WordPress
- Crear una aplicación web donde los usuarios puedan almacenar archivos en la nube
- Permitir que usuarios específicos añadan texto alternativo a tus imágenes para posicionamiento SEO
- Y cualquier otra situación en la que necesites mostrar la biblioteca de medios de WordPress en el front-end.
Con el método que te mostraremos, puedes mostrar cualquier página de wp-admin o cualquier plugin en el frontend.
Usaremos el plugin WP Frontend Admin. Este plugin te ayuda a mostrar cualquier página de wp-admin en el frontend de tu sitio web para que los usuarios la usen sin tener que usar el panel de control back-end de WordPress.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.
Una vez instalado el plugin, solo tienes que seguir estos sencillos pasos para mostrar la biblioteca de medios de WordPress en el frontend y permitir que los usuarios suban archivos en el frotnend:
1- Muestra la biblioteca de medios en el frontend
Es realmente sencillo mostrar y gestionar la biblioteca de medios de WordPress en el frontend sin tener que escribir una sola línea de código. Solo tienes que seguir estos dos sencillos pasos:
- Ve a Medios > Biblioteca.
- Haz clic en Ver en el frontend.
Algo importante de mencionar es que WP Frontend Admin es compatible con cualquiera de los siguientes constructores de páginas:
- Elementor
- Visual Composer
- Gutenberg
- Divi
- Beaver Builder
- WP Page Builder
- Page Builder by SiteOrigin
- Oxygen
- Live Composer
- Brizy
- Etc.
Por lo tanto, puedes usar el siguiente shortcode para mostrar la biblioteca de medios de WordPress en las páginas creadas con cualquiera de estos constructores de páginas:
[vg_display_admin_page page_url="upload.php"]
Una vez introducido el shortcode, haz clic en Vista previa para mostrar la biblioteca de medios de WordPress en el frontend.
2- Selecciona la información básica de tu página frontend
Una vez que hagas clic en el botón Ver en el frontend, verás la biblioteca de medios de WordPress en el frontend.
También, verás el panel de Opciones Rápidas en la parte izquierda de la pantalla.
Puedes usar este panel para configurar tus páginas del frontend fácilmente. Puedes empezar a configurar tu página seleccionando la siguiente información básica:
- Título de la página: Introduce el título de la página en este campo.
- URL slug: Introduce aquí el slug de la URL, usando solo palabras clave.
- Plantilla: Selecciona la plantilla de la página en este desplegable. Seleccionaremos la plantilla por defecto.
- Añadir a menú: Puedes añadir la página a un menú de navegación previamente creado; solo tienes que seleccionarlo en este desplegable.
3- Oculta cualquier elemento innecesario de tu página frontend
Puedes personalizar tus páginas frontales ocultando cualquier elemento innecesario de ellas. Es muy sencillo porque no tienes que codificar nada.
Solo tienes que seguir estos dos sencillos pasos con cada elemento que quieras ocultar de tu página de biblioteca de medios en el frontend:
- Haz clic en Ocultar elemento.
- Haz clic en el elemento que quieres ocultar.
4- Edita cualquier texto de tu página frontend
Puedes editar cualquier texto de la biblioteca de medios frontal para personalizarla aún más. Solo tienes que seguir estos tres sencillos pasos:
- Haz clic en Editar textos.
- Edita todos los textos que quieras.
- Haz clic en Edición terminada.
5- Termina de configurar tu página frontend y publícala
Estas son algunas de las cosas que puedes hacer para terminar de configurar tu nueva página de la biblioteca de medios frontal:
- Activa la casilla Ocultar notificaciones añadidas por otros plugins o temas si no quieres que los usuarios vean notificaciones de wp-admin en el frontend.
- Marca la casilla Los usuarios deberían ver solo las publicaciones creadas por ellos si quieres que los usuarios vean sus propios archivos solamente.
- Haz clic en Guardar para aplicar los cambios y publicar la página.
4- Listo!
Después de estos sencillos pasos, tus usuarios que hayan iniciado sesión y tengan los permisos correspondientes podrán ver y administrar la biblioteca de medios de WordPress desde el frontend.
Importante: Solo los usuarios con el permiso upload_files podrán ver y gestionar la biblioteca de medios de WordPress en el frontend. Puedes seguir este tutorial para aprender a asignar ese permiso a cualquier rol de usuario.
Tú puedes probar el plugin premium en tu sitio web gratis por 7 días.