Faq- informações sobre como personalizar este tema

em 20/12/2018

Leia atentamente a documentação abaixo, ela vai te orientar na perfeita configuração e instalação do Tema Amanda.

Configurando a responsividade:
Ele é responsivo. Para que a responsividade funcione vá ao painel de seu blog e clique em Tema. A seguir, na caixinha escrito Celular marque a opção Não.
Assim:

Plano de fundo:
Caso queira trocar o plano de fundo após instalar o tema vá ao painel de seu blog e clique em Tema/Personalizar/Planos de fundo.
Exclua a imagem original do tema e carregue a sua. Ajuste como desejar.
Aplique a alteração.

Ajuste o tamanho do logo:
Acesse o código fonte e localize AREA DO HEADER
Aí ache o trecho:

#Header1_headerimg {
width: 100%;
max-width: 587px; /* LARGURA EXATA DO SEU LOGO */
height: auto;
margin: 0 auto;
margin-top:4em; /* DISTANCIA O LOGO DO TOPO, ALTERE SE PRECISAR AJUSTAR */
margin-bottom: -1em; /* DISTANCIA O LOGO DO SLIDE, ALTERE SE PRECISAR AJUSTAR */
}

Onde você vê 587px troque para a largura exata de seu logo.Altere os valores para posicionar o logo/nome do blog mais acima ou mais abaixo.

Para adicionar seu logo é simples: vá em Layout e clique para editar o Gadget Cabeçalho da página.
Ao carregar a imagem selecione a opção Em vez de título e descrição, deixe em Tamanho original e carregue.
Salve, e tá feito.


Para ajustar cores e fontes:
Caso queira trocar cores e fontes básicas do Tema Amanda, após instalar o tema vá ao painel de seu blog e clique em Tema/Personalizar/Avançado.
Ajuste/altere como desejar.
Aplique as alterações ao blog.

Sobre o slide:
Inseri esse slide como gadget HTML/JAVASCRIPT
Quer exclui-lo? Delete o elemento de página e salve.
Quer exibi-lo apenas na página inicial do blog?
Aplique a condicional que define isso.
Leia:
As condicionais do Blogger- exibir e ocultar elementos de página no blog

Editar o slide com sua categoria escolhida:
No código HTML/JAVASCRIPT do slide voce verá esse código:

<div id='slider-wrapper'>
<div id='slider-container'>
<div id='section-featured'>
<script>
document.write("<script src=\"/feeds/posts/default/-/Vintage?max-results="+numposts1+"&orderby=published&alt=json-in-script&callback=showlatestposts1\"><\/script>");
</script>
</div>
</div>
</div>

Troque a palavra Vintage (que é o nome da categoria que escolhi para o blog de  demonstração) pela sua categoria escolhida, de seu blog.
Tem que ser a grafia exata de seu marcador escolhido, ok?
Exemplo: se seu marcador escolhido for Beleza, tem que ser escrito exatamente como é no blog. Se usar beleza não vai funcionar.
Entendeu?

Tutorial que explica como o slide funciona:
https://www.elainegaspareto.com/2019/01/slide-de-posts-recentes-modelo-amanda.html

Tutoriais usados na personalização do Tema Amanda


Abaixo deixo os links dos tutoriais que usei para personalizar este template. Use-os para editar o que desejar, ou para entender seu funcionamento:

Para editar o menu leia:
https://www.elainegaspareto.com/2017/12/menu-responsivo-com-submenus-para-blog.html

Cabeçalho ocupando a largura total da página:
http://www.elainegaspareto.com/2018/01/cabecalho-do-blog-ocupando-largura-total-pagina.html

Como criar um logo exclusivo para o blog:
https://www.elainegaspareto.com/2018/10/como-criar-um-cabecalho-personalizado-para-blog.html

Botão Voltar ao topo com efeito deslizante:
https://www.elainegaspareto.com/2017/11/botao-voltar-ao-topo-moderno.html

Perfil do autor e ícones de redes sociais:
https://www.elainegaspareto.com/2017/11/foto-de-perfil-arredondada-e-icones-redes-sociais.html


Crédito das imagens usadas no plano de fundo: @shaycochrane

Nenhum comentário:

Postar um comentário



Topo