En la parte final de esta serie, lo guiaremos a través de las etapas finales de la creación de un sitio web de fotografía desde cero utilizando el sistema de administración de contenido (CMS) de Drupal.
Los sitios web creados con un CMS son más sofisticados que los que consisten en páginas de texto fijas o "estáticas", y son esenciales para mostrar imágenes.
Como CMS de código abierto y de propósito general, Drupal cuenta con una gran comunidad de desarrolladores contribuyentes y es popular entre los gobiernos, las empresas sin fines de lucro y las instituciones educativas.
Crear un sitio web en Drupal es más complicado que hacerlo en otros CMS como WordPress, por lo que atraerá a las personas con conocimientos de informática a quienes les gusta la idea de ir "detrás de la cortina" de un sitio web.
La recompensa será un sitio web seguro y a medida construido en una plataforma altamente personalizable donde se otorgan funciones adicionales mediante la instalación de módulos (características adicionales) y temas (que determinan la apariencia).
Para llegar a este punto, comenzamos la construcción de nuestro sitio en un entorno local, utilizando el host local de Acquia Dev Desktop.
Comience descargando Acquia Dev Desktop y ejecutando el instalador, luego inicie el software y seleccione Iniciar desde cero.
Utilice el valor predeterminado sugerido para ubicar los archivos de la base de código en su sistema, ingrese el nombre de su sitio y acepte las solicitudes predeterminadas para la versión de PHP y el nombre de la base de datos. Elija v8.9.1 en Instalar una distribución de Drupal, ingrese la información requerida y se instalará Drupal.
A continuación, instale el módulo Galería de medios y el tema Showcase Lite. Entonces empieza a crear tus galerías …
Lo que necesitará para crear un sitio web de fotografías en Drupal
- Ordenador
- acceso a Internet
- Imágenes listas para cargar
- Aplicación de desarrollo (estamos usando Acquia Dev Desktop)
- Tiempo: 1 semana (construcción)
Las tres etapas del desarrollo de un sitio Drupal
1. Comience configurando su nombre de dominio
A diferencia de wordpress.com, Drupal no ofrece una opción de alojamiento, por lo que deberá realizar estos arreglos usted mismo.
Antes de comenzar, también deberá adquirir un nombre de dominio para su sitio: visite Domain.com, Bluehost o www.123-reg.co.uk, o busque un proveedor en línea.
Ingrese el nombre de su sitio deseado y obtendrá una lista de extensiones disponibles (.com, .co.uk, etc.) y tarifas de registro.
2. Desarrolle su sitio Drupal en su propia computadora
Puede instalar Drupal en un sitio de alojamiento web y crearlo allí, pero desarrollar su sitio en un servidor local (su propia computadora) facilita mucho las cosas. Puede construir el sitio a su propio ritmo, solucionando cualquier inconveniente que surja y refinando la apariencia a medida que avanza.
3. Implemente el sitio terminado en su proveedor de alojamiento.
Cuando su sitio esté listo, puede implementarlo en su proveedor de alojamiento. Transferir los archivos al sitio anfitrión y configurar todos los ajustes podría llevar hasta un día, pero luego su sitio web de fotos está listo para su gran revelación.
Cree un sitio web de fotografías Drupal en 10 pasos
Utilizando el entorno local Acquia Dev Desktop, continuamos desarrollando nuestra
sitio antes de la prueba y posterior implementación en una plataforma de alojamiento de sitios web …
01 Crear enlaces de menú para las galerías
Después de crear algunas galerías, las vinculamos a la navegación principal para que los visitantes del sitio puedan navegar por ellas fácilmente. En el área de administración, hicimos clic en Estructura, luego Navegación principal y Menú de edición.
Ingresamos un título para el enlace del menú, luego escribimos "/ media_gallery / 1" en el campo Enlace, repitiendo este paso para las otras galerías, reemplazando "/ 1" por "/ 2", "/ 3", etc.
02 Mejora de la visualización de imágenes
Nuestras galerías se beneficiarían de una "caja de luz" para mostrar las fotos. Al seleccionar una imagen, se abriría una superposición emergente, en la que podemos hacer clic para ver todas las imágenes que se muestran en la galería.
Colorbox es un complemento de caja de luz popular que ha funcionado con varias versiones de Drupal, por lo que está bien establecido y se mantiene de forma activa.
Puede encontrar su página aquí: eche un vistazo a la descripción del complemento para ver qué puede hacer.
03 Descarga el módulo Colorbox
Observará en la descripción que hay dos elementos discretos en Colorbox, un módulo y un complemento, y el complemento es una descarga separada.
Comencemos con el módulo. Desplácese hasta la parte inferior de la página y busque la versión Drupal 8 (es la parte superior de los dos cuadros verdes), pase el mouse sobre el enlace tar.gz, haga clic con el botón derecho y seleccione Copiar dirección del enlace.
De vuelta en el área de administración del sitio, haga clic en la pestaña Extender, haga clic en Instalar nuevo módulo, pegue la URL y haga clic en Instalar.
04 Descargue el complemento Colorbox
Regrese a la página de descarga de Colorbox; inmediatamente debajo de Dependencias, haga clic en el enlace Colorbox Plugin 1.x. Esto guardará un archivo comprimido en la ubicación designada de su computadora para descargas.
Ahora necesita crear un directorio en su sistema para los archivos del complemento Colorbox. Según las instrucciones de la página de descarga de Colorbox, cree un directorio para que la ruta a los archivos se convierta en (nombre del sitio) / libraries / colorbox /, luego descomprima el archivo en esa ubicación.
05 Coloque los archivos de complemento sin comprimir
Con el archivo descomprimido, debería poder ver 14 archivos en el directorio, incluido el importantísimo archivo JavaScript jquery.colorbox-min.js.
Si su carpeta muestra algo diferente, asegúrese de que está buscando en el lugar correcto: la carpeta (nombre de sitio) / modules / colorbox presenta una sintaxis muy similar. (Esta carpeta debe contener 22 archivos, incluidas ocho subcarpetas; consulte el recuadro anterior).
06 Habilite el módulo Colorbox
Habiendo instalado ya el módulo Colorbox, ahora necesitamos habilitarlo. (Este proceso no es automático). Vuelva al área de administración de su sitio y haga clic en la pestaña Extender.
Desplácese hacia abajo dos tercios de la página; en la sección Medios, coloque una marca a la izquierda de Colorbox. Justo en la parte inferior de la página, haga clic en Instalar.
Vaya a Informes y ejecute un informe de estado: si Colorbox no aparece en Errores encontrados, entonces todo está bien.
07 Mira el efecto de nuestra nueva caja de luz
Ahora veamos qué diferencia ha hecho tener una caja de luz de imagen. Haga clic en Volver al sitio en la esquina superior izquierda de la pantalla y abra una de las galerías que agregó a la navegación principal.
Haga clic en una imagen y se abrirá en una superposición emergente. Un par de botones en la esquina inferior izquierda le permiten moverse a través de las imágenes en la galería, mientras que una X en la esquina inferior derecha cierra la ventana emergente: todo está funcionando bien.
08 Revise la información del título de la imagen
Otra característica de Colorbox es su capacidad para mostrar un título para las imágenes, que aparece en la parte inferior de la imagen que se está viendo cuando pasa el mouse sobre ella.
En la actualidad, se utiliza el texto alternativo (una breve descripción que utilizan los lectores de pantalla o cuando una imagen no se carga) que ingresamos para cada foto mientras cargamos los archivos de imagen. Para cambiar los subtítulos, abra el archivo de imagen en el menú Contenido / Archivos.
09 Agregue algunas otras páginas clave al sitio
Ahora que la visualización de la imagen se ve mejor, podemos comenzar a construir el sitio y agregar algunos otros elementos clave. En primer lugar, creemos una página Acerca de para describir los servicios fotográficos que ofrecemos.
Haga clic en la pestaña Contenido, haga clic en Agregar contenido y seleccione Página básica. Ingrese el texto deseado más una imagen en línea recortada a un tamaño apropiado. (Usamos 200 x 200 píxeles). Otras páginas para construir incluyen la página de bienvenida.
10 Evaluar el progreso y agregar otros elementos
Así que ahora tenemos un sitio web de fotografía en pleno funcionamiento, organizado en una serie de galerías que muestran las imágenes en una superposición emergente con información de subtítulos.
Es un buen comienzo, pero esto es solo el comienzo. Otros elementos del sitio que podría pensar en agregar incluyen publicaciones de blog regulares, para iniciar una conversación con los visitantes de su sitio, y esta es otra función que Drupal admite desde el primer momento.
Pasos finales: implemente su sitio local en la red
Así que ha completado su compilación y ha resuelto algunos aspectos ásperos probándolo por completo; ahora es el momento de implementar su sitio en Internet y revelarlo a una audiencia global. Así es como se hace …
1. Encuentra un proveedor de servicios de alojamiento.
Una vez que su sitio esté completamente construido y probado, y todos los errores o inconvenientes se hayan solucionado, estará listo para ser lanzado a una audiencia global.
El primer paso es encontrar un proveedor de alojamiento. Asegúrese de que su proveedor de alojamiento sea compatible con PHP y MySQL, ambos requeridos por Drupal.
2. Descargue un cliente FTP a su computadora
El Protocolo de transferencia de archivos (FTP) es el medio por el cual carga los archivos de su sitio local a su proveedor de alojamiento web. Uno de los clientes FTP más populares es FileZilla, que funciona tanto en Windows como en macOS. Puede encontrar FileZilla aquí.
3. Sube los archivos usando el Panel de control.
Su proveedor le dará acceso a un panel de control, para la administración del sitio todo en un solo lugar; cPanel es una opción popular. Siga las instrucciones de su proveedor para la implementación, pero tenga en cuenta que la transferencia de archivos y la configuración de la configuración pueden demorar hasta un día entero.
es la revista de fotografía favorita del mundo. Cada edición está repleta de las últimas noticias, reseñas, tutoriales, consejos de compra de expertos, sugerencias e imágenes inspiradoras. Además, cada edición viene con una selección de obsequios adicionales de interés para fotógrafos de todos los niveles.
Los mejores sitios de alojamiento de sitios web para fotógrafos: obtenga su portafolio en línea
Las mejores opciones gratuitas de almacenamiento en la nube para fotógrafos: plataformas y aplicaciones
Los mejores cursos de fotografía en línea: desde guías para principiantes hasta clases magistrales
Los mejores creadores de sitios web para fotógrafos
Los mejores administradores de contraseñas
La mejor computadora portátil para estudiantes
El mejor software de edición de fotos