Como personalizar um tema do Tumblr existente

O tema do Tumblr define a aparência e a formatação de todo o conteúdo do seu blog, desde o tamanho das imagens até o estilo das fontes. Você pode ajustar qualquer tema do Tumblr, seja gratuito ou premium, visitando a tela de personalização. Algum conhecimento de HTML (HyperText Markup Language) e CSS (Cascading Style Sheets) é útil, mas você pode fazer edições básicas mesmo se não estiver familiarizado com a codificação de sites.

A tela de personalização

Clique no link "Personalizar" para entrar na tela de personalização, que permite alterar o título do seu blog, sua descrição e todas as opções disponíveis no seu tema atual. Selecione "Procurar temas" se quiser mudar para um tema diferente. Observe a opção "Adicionar uma página", que pode ser usada para criar páginas estáticas e links ao lado das postagens do blog. O link "Opções avançadas" permite que você defina o número de postagens mostradas em cada tela, force a abertura de links em uma nova janela e ative a visualização móvel padrão do Tumblr para o seu blog.

Opções de tema integrado

Os autores de temas podem incluir um conjunto de opções integradas em seus temas - isso significa que você pode alterar cores, fontes e outras variáveis ​​sem alterar o código real do próprio tema. As opções listadas à esquerda da tela de personalização foram fornecidas pelo autor. Eles variam de tema para tema, mas podem abranger cores e tamanhos de fonte, imagens de fundo e cabeçalho, barra lateral e opções de layout, rolagem infinita, a exibição de tags e notas e opções de widget. Além disso, pode haver campos para você inserir códigos de nome de usuário para Google Analytics, Typekit, Instagram, Twitter e outros serviços de terceiros.

Adicionando CSS Personalizado

Os temas do Tumblr usam CSS para definir o estilo do corpo do texto, imagens e títulos em seu site. Eles funcionam da mesma maneira que as folhas de estilo em um processador de texto, permitindo ao usuário criar um conjunto uniforme de formatos de fonte que são aplicados em todo o site. Clique em "Editar HTML" na tela de personalização para estudar o HTML existente do tema: o CSS deve ser incorporado no próprio HTML ou haverá um link para um arquivo .css hospedado em outro lugar no Tumblr. Use a seção Adicionar CSS personalizado na página Opções avançadas para inserir seu próprio código CSS se quiser anular a folha de estilo padrão do tema.

Editando o HTML do tema

Além de adicionar CSS personalizado, você também pode editar o HTML do tema diretamente por meio do link "Editar HTML" na tela de personalização. O código HTML é normalmente usado para definir o layout e a estrutura da página, controlando quais elementos são mostrados e onde são colocados; O código CSS está mais preocupado com a aparência e o estilo do texto, bordas e imagens. Se você editar o tema HTML diretamente, o Tumblr desativa o recurso de atualização automática do tema para preservar suas alterações - isso significa que se uma atualização de tema for lançada no futuro, você precisará instalá-la manualmente (e, em seguida, reaplicar seu Ajustes de HTML).

Como é que eu...?

O código CSS e HTML exato de que você precisa para fazer alterações depende da maneira como o tema foi escrito por seu autor. Diferentes desenvolvedores da Web usam diferentes estruturas HTML e CSS, mas se você passar algum tempo examinando o código existente, poderá ver como as cores e os estilos foram aplicados. Se você precisar de alguma instrução básica sobre o tipo de ajustes de HTML e CSS que você pode fazer, há muitos tutoriais online em sites como W3Schools, Webmonkey e HTMLDog. Também há recursos relevantes na Central de Ajuda do Tumblr, e você também pode entrar em contato com o autor do tema diretamente para obter dicas.