Demostración frontend Demostración backend Descargar
En esta publicación, me gustaría compartir con ustedes 4 impresionantes plantillas de galería de imágenes desarolladas con PHP, MySQL y Bootstrap 3 . Estas plantillas son completamente gratuitas, son 100% responsive y muy fáciles de implementar.
En un tutorial anterior he publicado un artículo llamado: Galería de imágenes con Bootstrap, PHP y MySQL
He basado el panel de administración en los ejemplos que se han mostrado en el tutorial antes mencionado, pero el front-end, lo he basado en un pack de plantillas que he descargado de forma gratuita del sitio: tutorialzine.com.
Las plantillas
Las cuatro plantillas usan la cuadrícula Bootstrap 3 para sus diseños. El HTML es totalmente compatible con el framework y sigue las prácticas recomendadas. Para el diseño, se ha utilizado CSS, mientras que nos aseguramos de mantenerlo autocontenido para que no estropee el resto de sus estilos.
Cada plantilla tiene efectos de desplazamiento único exclusivos de CSS, así como la funcionalidad de Lightbox gracias al complemento baguetteBox.js . Hay muchas otras bibliotecas de Lightbox, pero se ha elegido esa por el nombre genial (ya que no tiene dependencias y es súper fácil de usar).
Características panel de administración
- Administración y gestión de las imágenes
- Agregar nueva imágenes a la galería
- Editar las imagenes
- Eliminar imágenes de la galería
Características Front-end
- Diseño fluido con efecto de superposición (Fluid gallery)
- Diseño limpio con estilos mínimos (Gallery clean)
- Diseño de cuadrícula con efecto de zoom (Gallery grid)
- Miniaturas con título y descripción (Thumbnail gallery)
Instalación en windows (servidor local)
- Descargar los archivos fuentes del script
- Copiar y descomprimir el archivo en la carpeta c:\xampp\htdocs, al final tendras una carpeta llamada “bootstrap-gallery-templates”, a la cual podrás acceder desde el navegador como: http://localhost/bootstrap-gallery-templates/
- Crear una base de datos usando PHPMyAdmin accediendo a la url siguiente: http://localhost/phpmyadmin/, para este ejemplo la he nombrado: bootstrap_gallery, pero tu puede nombrarla como desees.
- Importar las tablas de la base de datos para ello vamos a buscar el archivo “bootstrap_gallery.sql” en el directorio root de nuestro script, una vez localizado procedemos a hacer la importación de los datos desde PHPMyAdmin
- Configurar los datos de conexión a la base de datos editando el archivo de configuración llamado “conexion.php“, dicho archivo se encuentra en el directorio root de nuestro script.
- Vista web: http://localhost/bootstrap-gallery-templates/
Gratis para uso personal y/o comercial
Este paquete de script PHP para crear galerías de imágenes con PHP, MySQL y Boostrap, son gratuitos y puedes usarlos libremente para uso personal y/o comercial.
