Usar o livro de estilos para definir o visual do seu site

Neste guia, você aprenderá a usar o livro de estilos para visualizar uma prévia de como as alterações de Estilos afetarão a exibição de qualquer bloco, sem precisar inserir esses blocos no site.

Essa funcionalidade está disponível nos sites com o nossos planos WordPress.com Premium, Negócios e Commerce e o antigo plano Pro. Para sites com os planos Gratuito e Pessoal, faça upgrade do seu plano para acessar essa funcionalidade.

Ele mostra exemplos de como todos os blocos disponíveis ficarão após você salvar as alterações nos estilos do seu site.

1. Acesse o painel do seu site.
2. Vá para a seção Aparência → Editor.
3. Selecione Estilos no menu esquerdo.
4. Clique no ícone de um olho à direita do texto “Estilos”. (Você pode clicar no ícone novamente para retornar ao editor.)

Você também pode abrir o livro de estilos ao editar qualquer página, modeloou parte de modelo. Estas são as etapas mostradas na visão geral em vídeo acima. Siga estas etapas:

1. Acesse o painel do seu site.
2. Vá para a seção Aparência → Editor.
3. Edite uma página, modelo ou parte do modelo.
4. Clique no ícone Estilos (um círculo com uma metade branca e uma metade preta) na barra de ferramentas superior do editor.
5. Clique no ícone Livro de estilos (o ícone parece um olho) para abrir o livro de estilos. (Você pode clicar no ícone novamente para retornar ao editor.)

Depois de abrir o livro de estilos, você pode visualizar e alterar seu esquema de cores e tipografia, com exemplos que mostram como cada alteração afeta textos, blocos, mídias e outros elementos do site.

À direita do painel Estilos, veja uma prévia de como diferentes tipos de elementos (cores, tipografia, botões, imagens, etc.) serão exibidos no seu site. Para editar os estilos de um elemento específico:

1. Clique em um elemento (cores, tipografia, etc.) na visualização à direita da tela.
2. Edite os estilos do elemento no painel Estilos à esquerda.
3. Para voltar à lista de elementos e escolher outro, clique na seta ao lado do nome do elemento.

4. Quando terminar, clique no botão Revisar alteração… na parte inferior do painel Design para revisar e salvar suas alterações.

Para sair sem salvar, clique no ícone na parte superior esquerda do painel Design e selecione a opção de sair sem salvar as alterações.