Como editar seu tema com HTML no Tumblr

O Tumblr oferece suporte para personalização total para qualquer tema gratuito que você escolher, bem como temas totalmente personalizados para o seu blog do Tumblr. Os temas no Tumblr são feitos por uma variedade de desenvolvedores diferentes, muitos deles usuários do Tumblr; como tal, o design e o layout do código variam drasticamente entre os temas, com apenas elementos-chave em comum. Embora experimentar seja um meio eficaz de aprender os meandros de um sistema, é melhor ter algum conhecimento básico sobre os temas antes de editar o seu. 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 em 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 com o qual se sinta confortável para editar, se ainda não tiver um selecionado. Uma vez selecionado, clique em "Usar HTML personalizado" na parte inferior do menu Tema.

3

Examine o código para ter uma ideia de como o desenvolvedor construiu originalmente o tema. 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 postagens 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 postagens de citação iniciará {block: Quote} e terminará "{/ block: Quote} } "facilitando a localização de seções e tipos de postagens individuais. Se você estiver procurando por um elemento específico, o recurso "localizar" do seu navegador deve ser capaz de localizar palavras no HTML do tema.

4

Insira qualquer HTML personalizado que desejar. Se você quiser criar uma nova folha de estilo para o seu tema, deverá inseri-la em algum lugar entre as marcas de abertura e de fechamento do cabeçalho do documento. Uma folha de estilo é formatada como

corpo {plano de fundo: # 000000;}

Você pode incluir quantos elementos precisar em sua folha de estilo. Qualquer elemento pode ser modificado usando CSS. Por exemplo, se você quiser definir qualquer coisa modificada 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ê deseja alterar as citações em sua página para ter uma sombra de texto cinza claro, você encontrará o HTML que modifica sua citação e adicionará style = "text-shadow: 1px 1px # A8A8A8;" dentro dos colchetes da tag HTML. Qualquer CSS adicionado desta forma funciona em adição à folha de estilo da sua página.

6

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