Tema da matriz da Galeria 2 personalizado

• Abril 29, 2024

No último tutorial, começamos a personalizar o tema Matrix em nosso próprio tema para a Galeria 2. Continuaremos definindo esse novo tema como o tema padrão para nosso portfólio e alterando o gráfico de plano de fundo.

Dentro da pasta do tema para cada tema, há um arquivo de imagem screeshot.png, que é uma captura de tela desse tema. Ainda temos o png antigo do tema Matrix em nossa nova pasta de temas. Você pode substituir isso por um png para o tema da sua galeria. O tamanho médio do png é de cerca de 500 x 200 pixels. Você salvará o novo arquivo screenshot.png na pasta images.

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

Agora podemos voltar ao painel de controle do administrador do site. Primeiro, precisamos instalar o nosso novo tema. Vá para a seção Plug-ins e você verá que nosso novo tema está listado em Temas na parte inferior da página. Clique em Instalar para instalar o nosso novo tema. Em seguida, vá para a seção Temas da área Admin e altere o modelo padrão da Matrix para o nosso novo tema. Obviamente, você não notará nenhuma alteração no layout do modelo neste momento. Ainda precisamos fazer essas alterações.

Eu gosto de fazer as alterações gráficas no meu tema primeiro. Vamos adicionar uma imagem de fundo. Esta pode ser uma imagem repetida em mosaico. Mas, para corresponder ao meu site, usarei a mesma grande imagem estática de fundo. Precisamos salvar o jpg de fundo na pasta dCipollo no diretório gallery2.

C: \ xampp \ htdocs \ gallery2 \ dCipollo

Agora estamos prontos para alterar o arquivo theme.css para adicionar nosso gráfico de plano de fundo. Se dermos uma olhada no código fonte do arquivo main.php, veremos que a tag body possui uma classe de estilo chamada gallery.



Precisamos encontrar esse estilo body.gallery no arquivo theme.css.

body.gallery {
? ? margem: 0;
? ? estofamento: 0;
}

Agora, adicionaremos os códigos de estilo de plano de fundo a essa classe e apontaremos o URL da imagem de plano de fundo para o jpg na pasta dCipollo.

body.gallery {
? ? margem: 0;
? ? estofamento: 0;
? ? cor de fundo: #eeeeee;
? ? imagem de fundo: url ('../../ dCipollo / BG1_Gallery.jpg');
? ? anexo em segundo plano: rolagem;
? ? repetição em segundo plano: sem repetição;
? ? posição de fundo: canto superior esquerdo;
}

Se atualizarmos nossa página main.php para nosso portfólio, ainda não conseguimos ver a imagem de plano de fundo. Isso ocorre porque existem alguns estilos que têm o plano de fundo definido como branco. Vamos definir esses estilos para um plano de fundo transparente.

Isso deve cuidar dos gráficos de segundo plano do nosso portfólio. Estamos prontos para alterar o cabeçalho e rodapé da página da web.

Instruções De Vídeo: ???? Samsung Galaxy A8 - Toque personalizado (MP3 ) e galeria de fotos (Pastas) (Abril 2024).