Personalizado el tema Matrix de Gallery 2

• Abril 25, 2024

En el último tutorial, comenzamos a personalizar el tema Matrix en nuestro propio tema para la Galería 2. Continuaremos configurando este nuevo tema como el tema predeterminado para nuestro portafolio y cambiando el gráfico de fondo.

Dentro de la carpeta de temas para cada tema hay un archivo de imagen screeshot.png que es una captura de pantalla de ese tema. Todavía tenemos el antiguo png del tema Matrix en nuestra nueva carpeta de temas. Es posible que desee reemplazar esto con un png para el tema de su galería. El tamaño promedio de png es de alrededor de 500 x 200 píxeles. Guardará el nuevo archivo screenshot.png en la carpeta de imágenes.

C: \ xampp \ htdocs \ gallery2 \ themes \ dCipollo \ images

Ahora podemos volver al panel de control del Administrador del sitio. Primero, necesitamos instalar nuestro nuevo tema. Vaya a la sección Complementos y verá que nuestro nuevo tema aparece en la lista de Temas en la parte inferior de la página. Haga clic en Instalar para instalar nuestro nuevo tema. Luego, vaya a la sección Temas del área de Administración y cambie la plantilla predeterminada de Matrix a nuestro nuevo tema. Por supuesto, no notará ningún cambio en el diseño de la plantilla en este momento. Todavía tenemos que hacer esos cambios.

Me gusta hacer los cambios gráficos a mi tema primero. Agreguemos una imagen de fondo. Esta puede ser una imagen repetida en mosaico. Pero para que coincida con mi sitio web, usaré la misma gran imagen de fondo estática. Necesitamos guardar nuestro jpg de fondo en la carpeta dCipollo en el directorio gallery2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Ahora estamos listos para cambiar el archivo theme.css para agregar nuestro gráfico de fondo. Si echamos un vistazo al código fuente del archivo main.php, vemos que la etiqueta del cuerpo tiene una clase de estilo llamada galería.



Necesitaremos encontrar este estilo body.gallery en el archivo theme.css.

body.gallery {
? ? margen: 0;
? ? relleno: 0;
}

Ahora agregaremos los códigos de estilo de fondo a esta clase y señalaremos la url de la imagen de fondo al jpg en la carpeta dCipollo.

body.gallery {
? ? margen: 0;
? ? relleno: 0;
? ? color de fondo: #eeeeee;
? ? imagen de fondo: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? adjunto de fondo: desplazamiento;
? ? repetición de fondo: sin repetición;
? ? posición de fondo: arriba a la izquierda;
}

Si actualizamos nuestra página main.php para nuestro portafolio, aún no podemos ver la imagen de fondo. Esto se debe a que hay algunos estilos que tienen el fondo establecido en blanco. Establezcamos estos estilos en un fondo transparente.

Eso debería ocuparse de los gráficos de fondo para nuestra cartera. Estamos listos para cambiar el encabezado y pie de página de la página web.

Instrucciones De Vídeo: Castlevania Serie Tema (Theme) Windows 7 Personalizado (Abril 2024).