Como usar seções estilizadas para personalizar o design do site da sua banda
Publicados: 2021-10-13 Seções estilizadas são ferramentas realmente poderosas que ajudam a destacar o conteúdo do seu site, ao mesmo tempo que mantêm a coerência com a sua própria marca artística. Eles abrem muitas portas para incluir mais opções de imagens, cores e layout para manter seu site envolvente.
Embora as seções possam ser particularmente úteis em sites de uma página, elas certamente podem ser aplicadas a qualquer página de seu site na qual você deseja chamar a atenção e diferenciação para os recursos que adicionar.
Há muitos aspectos a serem incluídos para garantir que o design do site da sua banda seja completo e profissional, como uma biografia eficaz, uma página de ótima música e um EPK. Depois de criar seu site de música e seu conteúdo principal estiver pronto, você pode se aprofundar um pouco mais e personalizar algumas seções para criar um site que se adapte ao seu estilo.
A chave para um ótimo design de site é manter os olhos do visitante do site movendo-se ao longo da página. Mudanças na cor, textura e movimento podem ajudar com isso, o que pode ser obtido por meio de estilos de seção personalizados. Existem tantos aspectos para se pensar aqui, e você pode estar se perguntando: Você pode criar um design de site de banda que realce seu conteúdo sem ser muito confuso?
Sim! A chave é criar um esquema de cores sólidas e encontrar algumas imagens de textura excelentes que você possa usar em todo o site. Aqui está um passo a passo das etapas a seguir para fazer um belo site com seções estilizadas!
Organize seu conteúdo
Uma seção é essencialmente um bloco de espaço em uma página onde você pode adicionar recursos. É bom usar seções para dividir as coisas por categoria ou para colocar ênfase em um recurso específico em uma página.
Por exemplo, você pode usar seções estilizadas para chamar a atenção para o recurso Inscrição na lista de correspondência ou dividir uma seção em três colunas para adicionar três recursos de imagem e texto para algumas boas chamadas para a ação na página inicial. Isso é visto no exemplo abaixo.
É muito simples adicionar uma seção a qualquer página do painel de controle. Em “Editar Conteúdo”, mova o mouse sobre o layout da página - você verá um botão azul “+ Adicionar Seção” aparecer acima ou abaixo de uma seção existente.
Clique nesse botão para adicionar uma nova seção!
Você também pode ajustar as colunas para cada seção individual aqui, clicando no botão “Editar colunas” no canto superior esquerdo da seção. Você pode escolher entre 1, 2 e 3 colunas, com algumas opções assimétricas para as barras laterais esquerda ou direita.
Personalize seus estilos de seção
Para um pouco mais de talento artístico, configure até três estilos de seção distintos na guia Editar tema. Os estilos de seção são onde você personaliza o plano de fundo da seção, bem como as cores do texto, link e botão. É aqui que você realmente definirá o tom para as seções em seu site - você pode definir cores de alto contraste entre as seções ou optar por diferenças de cores mais sutis - o que for adequado à sua estética.
Como o resto das opções de design de modelo de site de sua banda, você ajustaria os estilos de sua seção na guia “Editar tema” do painel de controle.
Nas opções do editor de tema à esquerda, basta rolar para baixo até as opções 'Estilo da seção 1', 'Estilo da seção 2' e 'Estilo da seção 3', selecione as configurações de cor e, quando tiver tudo configurado corretamente, clique em ' salvar 'para aplicar suas alterações.
Defina as propriedades da seção
Depois de definir os estilos de seção na guia Editar tema, você pode voltar à guia Editar conteúdo e aplicar propriedades diferentes às seções em seu site. Passe o mouse sobre uma seção e clique em “Editar seção” no canto superior esquerdo dessa seção. As propriedades que você pode ajustar são Section Colors (retiradas dos Section Styles que você configurou), Background Image & scroll effect e Section Padding.

Você também pode adicionar um Título opcional à seção e ajustar a justificativa desse título a seu gosto. Este título também pode ser adicionado como um item de submenu se você alternar para “ativar” o botão “Mostrar no menu”. Isso seria usado se você tiver muito conteúdo em uma página específica e quiser fornecer uma maneira mais fácil de acessar todo esse conteúdo.
Para alterar as cores da seção, clique em “Cores da seção” e selecione um estilo de seção no menu suspenso.
Para alterar o Padding da seção, clique em “Padding da seção” e escolha entre nenhum, pequeno, médio, grande ou extragrande. O preenchimento fornece mais espaçamento na parte superior e inferior do conteúdo em uma seção e pode criar espaços em branco para uma aparência polida.
Clique em “Salvar” para salvar todas essas alterações. Vou elaborar as opções de imagem de fundo abaixo, porque há muito potencial aqui!
Adicionar uma imagem de fundo
As possibilidades com recursos de fundo de seção são infinitas com a adição de textura, profundidade e estilo pessoal que eles oferecem. Em teoria, você poderia definir uma imagem de plano de fundo para cada seção do seu site de forma que fosse inteiramente baseada em imagens, sem blocos sólidos de cor. Este é um movimento realmente poderoso se você deseja criar um site muito visual.
É importante manter a coesão em mente ao fazer isso. Você vai querer ter certeza de que todas essas imagens estão dentro de uma paleta de cores semelhante e não têm muitos detalhes. Aqui está um exemplo de um site que criei usando diferentes imagens de céu e nuvens: réquiem para o céu
Para adicionar uma imagem de plano de fundo a uma seção, clique em “Editar seção” novamente e, em seguida, clique em “Imagem de plano de fundo”. A partir daqui, clique em “adicionar imagem” e carregue uma nova imagem ou escolha uma imagem do seu Seletor de imagens. Clique em “Aplicar”. Você pode então cortar e ampliar a imagem conforme necessário e clicar em Salvar.
A partir daqui, você pode definir a transparência da imagem. Dependendo do conteúdo da seção, você pode querer deixar a transparência da imagem em uma porcentagem baixa (abaixo de 20%). Mas, se a imagem não atrapalhar o conteúdo aqui, você pode aumentá-la um pouco. No meu exemplo aqui, configurei a transparência para 70%. Você pode escolher um estilo de seção diferente para combinar um fundo colorido com a imagem que você escolheu.
Em seguida, defina seu efeito de rolagem. Você pode optar por omitir isso, mas temos algumas opções que são bastante agradáveis. O efeito de rolagem Parallax oferece um efeito tridimensional elegante, pois a imagem de fundo rola em uma taxa ligeiramente diferente da própria página. O efeito Rolagem fixa corrige a imagem no plano de fundo e o restante do conteúdo rola por ela. Você pode brincar com eles conforme necessário. Novamente, clique em “Salvar” para aplicar essas alterações.
Divirta-se brincando com estilos de seção personalizados!
Como você pode ver a partir desses exemplos, as opções de estilo e layout que as seções fornecem são muito divertidas de trabalhar. Eles facilitam o design de um belo site de música. Muitos de nossos modelos de site vêm com algumas seções estilizadas pré-fabricadas para você começar, e todos eles estão prontos para dispositivos móveis também. Espero que este post lhe dê confiança para experimentar todas essas possibilidades!
Crie um site profissional pronto para dispositivos móveis em minutos e fácil de atualizar e manter. Construa o site da sua banda com o Bandzoogle hoje!