Como editar o seu tema com HTML no Tumblr

O Tumblr suporta personalização completa para qualquer tema livre escolhido, bem como temas totalmente personalizados para o seu blog do Tumblr. Temas no Tumblr são feitos por uma variedade de desenvolvedores diferentes, muitos deles usuários do Tumblr; assim, o design e o layout do código variam drasticamente entre os temas, com apenas elementos-chave em comum. Embora a experimentação seja um meio eficaz de aprender os prós e contras de um sistema, é melhor ter alguma base em temas antes de editar os seus. O Tumblr oferece uma página inteira de documentação sobre temas e variáveis ​​personalizados.

1

Abra sua página de personalização do Tumblr em Tumblr.com/customize; Você também pode clicar no seu nome de usuário na parte superior do painel do Tumblr e clicar em "Personalizar aparência" na barra lateral.

2

Clique no botão "Tema". A tela padrão é a tela de seleção de tema. Escolha um tema que você se sinta confortável editando, se ainda não tiver um selecionado. Uma vez selecionado, clique em "Usar HTML personalizado" na parte inferior do menu Tema.

3

Analise o código para ter uma ideia de como o desenvolvedor criou o tema originalmente. Os temas usam uma mistura de código, incluindo HTML, CSS e Javascript. Os temas do Tumblr usam um conjunto padrão de blocos para definir as áreas de código que se aplicam a diferentes publicações e seções do blog. Por exemplo, a seção que define as postagens de áudio iniciará "{block: Audio}" e terminará com "{/ block: audio}" e a seção para as postagens de cotação iniciaria {block: Quote} e terminaria "{/ block: Quote } "facilitando a localização de tipos e seções de post individuais. Se você estiver procurando por um elemento específico, o recurso "localizar" do seu navegador deverá encontrar palavras no HTML do tema.

4

Insira qualquer HTML personalizado que você deseja. Se você quiser criar uma nova folha de estilo para o seu tema, insira-a em algum lugar entre as tags de abertura e de fechamento para o cabeçalho do documento. Uma folha de estilo é formatada como

Você pode incluir tantos elementos em sua folha de estilo quanto precisar. Qualquer elemento pode ser modificado usando CSS. Por exemplo, se você quiser definir algo modificado com a tag H2 como 22 pixels de altura e cinza escuro, a folha de estilo incluiria este bloco:

h2 {tamanho da fonte: 22px; cor: # A8A8A8;}

5

Adicione qualquer estilo a elementos HTML individuais usando a tag "style". Por exemplo, se você quiser alterar as cotações em sua página para ter uma sombra de texto cinza claro, você encontrará o HTML que modifica sua cotação e adiciona dentro dos colchetes da tag HTML. Qualquer CSS adicionado dessa forma funciona além da folha de estilo da sua página.

6

Clique em "Atualizar visualização" para ver as alterações no seu blog do Tumblr na visualização sem salvar as alterações. Quando você finalmente fizer as alterações desejadas no seu blog do Tumblr e estiver pronto para confirmá-las, clique em "Salvar".

Gorjeta

• Alterações no seu tema afetam apenas a sua página, não o seu painel ou o Tumblelog.

Avisos

• Tenha cuidado com sua sintaxe; quaisquer erros de digitação ou erros de sintaxe podem quebrar todo o seu tema.
• Para voltar às opções de seleção de tema, você precisará selecionar "Desativar HTML personalizado". como implícito, isso remove qualquer HTML personalizado que você tenha usado.
• Se o seu tema usa uma folha de estilo externa para elementos de tema, alterar elementos CSS pode ser mais difícil.