⚠️ AVISO: Essa página ainda está em construção portanto algumas coisas podem estar faltando. Se você tiver dúvidas sobre uma opção de um tema meu que não foi explicada aqui, me pergunte via Ask no Tumblr.⚠️ WARNING: This page is still under construction and some things might be missing. It is also not fully translated to English yet. If you have questions about a theme option from one of my themes, ask me via Ask on Tumblr.
IntroduçãoIntroduction
Seja bem-vindo(a) ao meu Guia de Opções de Tema! Nesta página você encontra informações sobre todas as opções de personalização disponíveis em meus temas para Tumblr.Welcome to my Theme Options Guide! In this page you will find information about all of the customization options available on my Tumblr themes.
⚠️
Atenção:Warning:
Este guia é referente aos meus temas apenas. Você pode não econtrar as mesmas opções em temas de outros desenvolvedores.This guide referes to my themes only. You might not find the same options in themes made by other developers.
⚠️
Atenção:Warning:
Nesta página eu irei mencionar alguns termos de UI Design com os quais algumas pessoas podem não estar familiarizadas, os principais são: Sidebar, Header e Footer. Se você não souber o que são essas coisas, leia este post.In this page I will mention some UI Deisgn terms that some people might not be familiar with, the main ones are: Sidebar, Header and Footer. If you don't know what these things are, read this post.
Meus temas já vêm prontos para uso, basta apenas instalar o tema e se não tiver tempo para editá-lo, pode deixar para depois, pois o tema ficará 100% funcional sem necessecitar de nenhum ajuste. Porém, se você quiser modificar as configurações padrões do tema, você pode facilmente personalizá-lo através das Opções de Tema:My themes come ready to use, you just need to install it and if you don't have time to edit it, you can do it later with no problem, the theme will already be 100% functional with no adjusment needed. However, if you want to modify the default settings of the theme, you can easily do so through the Theme Options:
Meus temas atuais possuem diversas opções de personalização e é normal ficar um pouco confuso(a) ao vê-las já que o Tumblr não possibilita à desenvolvedores de temas dividir essas opções em seções, então não há como organizá-las de uma forma que fiquem mais fáceis de entender. Assim também como não é possível colocá-las em mais de um idioma, então o título das opções estão todos em Inglês.My current themes have many customization options and it's normal to get a little confused when you see them since Tumblr doesn't give theme developers the option to separate these options in sections, so there is no way to organize them in a way that makes it easier to understand them.
Por isso, neste guia eu irei tentar te ajudar a não ficar tão perdido(a) nas opções dos meus temas. Irei explicar para quê cada uma delas serve e como configurá-las da forma correta de acordo com suas preferências.So, in this guide I will try to help you not to get so lost in the options of my themes. I will explain what each one of them do and how to set them up correctly according to your preferences.
Dica:Tip:
Se você está procurando saber mais sobre uma opção específica do tema que está usando, você pode apertar CTRL+F ou CTRL+G (aqui na página do tutorial) e seu navegador abrirá uma pequena aba de pesquisa, use essa aba para pesquisar pelo título da opção que você está procurando e econtrá-la mais rapidamente.If you're looking for an specific option you found in a theme you're using, you can press CTRL+F or CTRL+G (here on this page) and your browser will open a small search bar, use this search bar to research the title of the option you're looking for and it will quickly take you to it.
As Opções de Tema do Tumblr: o que são e como funcionamTumblr's Theme Options: what is it and how dos it work
Vá até a página Personalizar do seu blog desejado (seja ele seu blog principal ou um blog adicional) e rolando a página para baixo você encontrará as "Opções de tema", que é esta seção aqui da página Personalizar:Go to the Customize page of your blog and scrolling down the page you will find the "Theme Options" section:
É aqui que você tem acesso às opções de personalização que o tema que você instalou oferecem.That's where you have access to the customization options that the theme you have installed offers you.
Essas opções são definidas pelo desenvolvedor do tema e não pelo Tumblr, enquanto que as opções que se encontram fora da seção "Opções de tema" são definidas pelo Tumblr e estão fora do controle dos desenvolvedores de tema. É importante estar ciente disso para que quando você tiver alguma dúvida, problema ou sugestão saiba a quem recorrer. Pois a maioria das pessoas que desenvolvem temas para o Tumblr (incluindo eu) não trabalha para o Tumblr e não tem nenhuma conexão/envolvimento direto com a equipe que é responsável pela plataforma. Como desenvolvedores de tema, nossa única responsabilidade é com os nossos próprios temas, bugs causados pela plataforma estão fora do nosso controle.These options are set by the person who developped the theme and not by Tumblr, while the options that are outside the "Theme Options" section are defined by Tumblr and can't be changed by theme developers. It's important to know this so that whenever you have a question, problem or suggestion you'll know who to reach out for it. Because most of the people who make themes for Tumblr (including me) don't work for the platform nor have any direct connection to the team that is responsible for the platform. As theme developers, our only responsability is with our own themes, bugs caused by the platform are out of our control.
As Opções de tema do Tumblr são separadas por 5 tipos: Imagens, Cores, Múltipla Escolha, Interruptores(ativar/desativar) e Textos. Então vamos falar agora sobre cada uma delas.Tumblr's Theme Options are divided in 5 types: Images, Colors, Multiple Choices, Switches and Texts. So let's talk about every one of them now.
Opções de imagemImage options
Alguns dos meus temas vêm com opções para adicionar ou alterar uma ou mais imagens do tema. As opções de imagem são aquelas que possuem um ícone de câmera ou um ícone de lápis na frente, desta forma:Some of my themes come with options to add or change one or more images in the theme. The image options are those with a camera or pencil icon in front of them:
Como configurar as opções de imagem:How to use image options:
Clicando numa dessas opções, uma janela de navegação do seu computador será aberta para você escolher uma imagem para upload.Clicking over one of these options will open a navigation window from your PC so that you can choose an image to upload.
⚠️
Atenção:Warning:
O Tumblr possui um limite de 2MB por imagem, ou seja, se você tentar carregar uma imagem que tenha mais de 2MB, o Tumblr não irá aceitar.Tumblr has a 2MB limit per image, so if you try to upload an image that has more than 2MB it just won't accept.
Quando não houver nenhuma imagem definida para uma opção de imagem, você verá um ícone de câmera na frente dela, que indica que você pode adicionar uma imagem àquela opção. Quando já houver uma imagem definida para uma opção, você verá um ícone de lápis na frente dela, que indica que você pode alterar ou remover a imagem que está ali:If there is no image uploaded in an image option, you will see a camera icon in front of it, it means that you can add an image to that option. Once an image has already been defined for that option, you'll see a pencil icon in front of it, it means that you can change or remove the image in there:
Pra quê serve cada opção disponível:
As opções de imagem que você pode encontrar nos meus temas são:
A) Background:
O Background (que significa plano de fundo, e que também possui o apelido de "bg") é a imagem que é mostrada por trás de todo conteúdo do tema (posts, sidebars e etc.). Quase todos os meus temas possuem uma opção para definir uma imagem de Background, caso você queira uma.
B) Sidebar/Sidebar Image:
Nem todos os temas possuem Sidebar, e nem todas as Sidebars possuem espaço para colocar uma imagem. Mas para aqueles que possuem, a opção "Sidebar" ou "Sidebar Image" é onde você pode adicionar, remover ou alterar a imagem da Sidebar.
Você também pode encontrar em alguns temas opções como "Sidebar 2"/"Sidebar Image 2", caso seja possível colocar mais de uma imagem na Sidebar do tema. Também pode encontrar "Left Sidebar" ou "Right Sidebar", caso o tema possua duas Sidebars; assim "Left Sidebar" se refere à Sidebara do lado esquerdo, e "Right Sidebar" se refere à Sidebar do lado direito do tema.
Na maioria dos meus temas, se você não quiser imagem na Sidebar, basta removê-la.
C) Sidebar Background/Header Background/Footer Background:
Em alguns temas você pode encontrar a opção de colocar uma imagem de fundo na Sidebar, no Header, ou no Footer, e é para isso que essas opções servem.
D) Extra Borders Background:
Em alguns temas é possível colocar bordas texturizadas ao redor dos elementos da página. Use essa opção para definir a imagem de textura dessas bordas:
Porém, primeiro você precisa ativar essas bordas através da opção "Extra Borders" (da qual eu irei falar mais adiante).
E) Banner/Banner2/Banner3/etc.:
Alguns dos meus temas vêm com opção de colocar um banner, e você pode adicionar/alterar o banner do tema através da opção de imagem "Banner".
Se o tema possuir mais opções de banner, como "Banner2", "Banner3", etc... Isso significa que você pode colocar mais de um banner e eles serão mostrados como um slide. Se você não quiser um slide, remova as imagens de todas as opções de banner menos da primeira, e assim você terá um banner normal, ou remova a primeira também e use o tema sem banner.
Opções de corColor options
As opções de cor permitem que você defina a cor de vários elementos do tema. Elas são aquelas opções que possuem uma bolinha na frente, e essas bolinhas mostram a cor que já está definida para cada opção:
Como configurar as opções de cor:
Ao clicar em uma opção de cor, um selecionador de cores será aberto, onde você terá duas formas para escolher as cores...
Tem a forma mais prática:
E o método mais avançado:
❔ Como usar o método avançado:
No retângulo colorido que fica na parte de cima, arraste a linha para a esquerda e direita para escolher um tom:
No retângulo maior, que fica em baixo, arraste a bolinha para qualquer direção dentro dele para definir a luminosidade e a intensidade da cor:
Quanto mais para cima você levar a bolinha dentro do quadrado, mais clara a cor irá ficar; e quanto mais para baixo, mais escura. Arrastando a bolinha mais para o lado direito, a cor irá ficar mais intensa, mais vibrante; enquanto que, levando mais para o lado esquerdo, ela irá ficar mais acinzentada.
Pra quê serve cada opção disponível:
Meus temas atuais possuem diversas opções de cor para te dar bastante liberdade na hora de personalizá-los. As opções que você pode encontrar são:
A) Background:
A opção "Background" define a cor do fundo do tema.
Dica:Tip:
Quando você usa uma imagem como Background, pode parecer que não faz diferença nenhuma definir uma cor para o Background, já que a imagem vai tapar a cor de fundo mesmo. Mas na verdade faz sim. Às vezes, ao abrir o seu blog, a imagem de fundo pode demorar para carregar, e quando isso acontece, é possível ver a cor de fundo. Então por esse motivo é legal definir uma cor de fundo que combine com o resto do seu tema.
B) Borders:
A opção "Borders" define a cor das bordas dos elementos do tema, caso as bordas estejam ativadas, e também a cor de algumas linhas divisórias do tema:
Você pode ativar/desativar as bordas através da opção "Borders" (da qual eu irei falar mais adiante).
C) Extra Borders:
Essa opção define a cor de fundo das bordas texturizadas do tema, caso não haja nenhuma imagem definida para elas.
Apenas lembrando que as bordas texturizadas precisam ser ativadas atravéz da opção de interruptor "Extra Borders".
D) Shadows:
A opção "Shadows" define a cor da sombra dos elementos do tema, caso as sombras estejam ativadas:
Meus temas possuem alguns estilos diferentes de sombra para você escolher o que preferir, ou você pode deixar as sombras desativadas, e eu mostrarei como fazer isso mais adiante nesse tutorial.
E) Text Shadows:
A opção "Text Shadows" define a cor da sombra dos textos/letras do tema, caso a sombra dos textos esteja ativada.
Você pode ativar/desativar a sombra dos textos, e eu mostrarei como mais adiante.
F) Titles Background:
Essa opção é responsável por definir a cor do fundo dos Títulos do tema:
Alguns dos meus temas vêm com mais de um estilo para os Títulos que você pode escolher através da opção "Titles Style" (mais adiante.)
G) Titles Font:
Essa opção é responsável por definir a cor da fonte dos Títulos do tema.
H) Titles Links:
Essa opção é responsável por definir a cor do título dos posts de Link.
I) Subtitles:
Essa opção é responsável por definir a cor da fonte dos Subtítulos dos posts, ou seja, todos os títulos que não forem o título principal do post.
J) Sidebar/Sidebar Background:
Essa opção é responsável por definir a cor do fundo da Sidebar.
K) Sidebar Font:
Essa opção é responsável por definir a cor da fonte dos textos da Sidebar.
L) Sidebar Links:
Essa opção é responsável por definir a cor da fonte dos links da Sidebar.
M) Header/Header Background:
Essa opção é responsável por definir a cor do fundo do Header.
N) Header Font:
Essa opção é responsável por definir a cor da fonte dos textos do Header.
O) Header Links:
Essa opção é responsável por definir a cor da fonte dos links do Header.
P) Footer/Footer Background:
Essa opção é responsável por definir a cor do fundo do Footer do tema.
Q) Footer Font:
Essa opção é responsável por definir a cor da fonte dos textos do Footer.
R) Footer Links:
Essa opção é responsável por definir a cor da fonte dos links do Footer.
S) Menu/Menu Background:
Essa opção é responsável por definir a cor do fundo do Menu principal do tema.
T) Menu Font:
Através dessa opção você define a cor das letras do Menu principal.
U) Posts/Posts Background:
Através dessa opção você define a cor do fundo dos posts.
V) Font/Posts Font/Main Font:
Através dessa opção você define a cor da fonte dos posts.
W) Links/Posts Links:
Através dessa opção você define a cor dos links dos posts.
X) Highlights/Highlights Backgrounds:
Através dessa opção você define a cor dos destaques do tema. Os "destaques" são espaços que recebem uma configuração diferente nos posts, geralmente são: os blockquotes (blocos de citação), o "balão" da pergunta em posts de Ask, captions (comentários) em posts reblogados, as informações do post no link permanente, entre outros.
Y) Highlights Font:
Essa opção serve para definir a cor dos textos dos destaques.
Z) Highlights Links:
Essa opção serve para definir a cor dos links dos destaques.
AA) Notes/Notes Background:
Essa opção serve para definir a cor do fundo das notas dos posts (parte em que mostra a data de postagem, número de reblogs e likes e os botões de like e reblog).
AB) Notes Font:
Essa opção serve para definir a cor da fonte das notas.
AC) Notes Font Hover:
Essa opção serve para definir a cor da fonte das notas ao passar o cursor do mouse sobre elas.
AD) Notes Links:
Essa opção serve para definir a cor dos links das notas.
Opções de múltipla escolhaMultiple choices options
As opções de múltipla escolha são aquelas que possuem uma setinha na frente:
Como configurar as opções de múltipla escolha:
Ao clicar em uma opção de múltipla escolha, um menu suspenso irá se abrir para que você possa escolher entre as várias opções disponíveis:
As opções de múltipla escolha que você pode encontrar na maioria dos meus temas são:
A) Generic Font:
Essa opção serve para definir uma fonte genérica para o tema todo caso você não queira usar fontes personalizadas ou caso elas não carreguem.
B) Slider Animation:
Se o tema possui Slider ele terá essa opção para você poder escolher o tipo de animação da transição das imagens. As opções geralmente são duas:
Fade: as imagens desaparecem para mostras as próximas;
Slide: as imagens deslizam para o lado para mostrar as próximas.
C) Sidebar Position:
Se o tema possuir uma Sidebar ele pode ter a opção "Sidebar Position" para você escolher de que lado ela deve ficar no tema: Left = Esquerda; Right = Direita.
D) Number of Columns:
Através dessa opção você escolhe quantas colunas você quer que os temas sejam mostrados em sua versão desktop (na versão móvel, o tema é sempre mostrado em 1 coluna). Em alguns temas o número de colunas disponível é maior do que em outros, isso depende do tamanho do layout do tema. Em alguns temas você terá opção de apenas 1 ou 2 colunas, já em outros poderá usá-los em até 5 colunas.
E) Titles Style:
Nos meus temas atuais é possível você escolher entre mais de um estilo para os títulos. Os estilos são:
Style 1: o título tem cor de fundo e, se as bordas estiverem ativadas, terá bordas;
Style 2: o título não tem cor de fundo e nem bordas.
F) Notes Style:
Através dessa opção você pode escolher entre diferentes estilos para as notas dos posts. Em alguns desses estilos as notas apenas aparecem ao passar o mouse sobre um post.
G) Blockquotes Style:
Essa opção define o estilo dos blockquotes (blocos de citação), que podem ser adicionados em posts no Tumblr:
H) Shadow Style:
Através dessa opção você pode escolher entre diferentes estilos de sombra para os elementos do tema. Se não quiser usar nenhum, escolha a opção "No Shadows".
I) Round Corners:
Essa opção te permite deixar os elementos do tema com cantos arrendondados. Quanto maior o número, maior será a curva nos cantos.
J) Round Corners in Images:
Através dessa opção você define cantos arredondados para imagens e outros elementos que ficam dentro dos posts como "balões" de asks.
K) Images Transparency:
Adiciona transparência às imagens e vídeos dos posts. Ao passar o mouse sobre elas, elas ficam com sua aparência normal.
L) Images Effect/Images Filter:
Adiciona filtros às imagens e vídeos dos posts. Ao passar o mouse sobre elas, elas ficam com sua aparência normal.
Opções de interruptorSwitch options
Interruptores são opções que possuem um botão de ativar/desativar:
Como configurar as opções de interruptor:
Clique no botãozinho da opção e, quando ele ficar azul significa que a opção está ativada, quando estiver cinza significa que a opção está desativada.
❗ Erro em opções de interruptor:
As opções de interruptor do Tumblr costumam apresentar um probleminha: quando você instala um tema novo algumas dessas opções de interruptor que vêm ativadas por padrão são mostradas como "desativadas" (elas aparecem com o botãozinho cinza embora estejam ativadas) e as que vêm desativadas por padrão são mostradas como "ativadas" (aparecem com o botãozinho azul embora estejam desativadas). Ou seja, os valores são mostrados incorretamente. Isso é um pequeno bug do Tumblr que pode ser consertado apenas clicando no botãozinho de cada uma dessas opções após instalar o tema pela primeira vez, depois do primeiro clique os valores passarão a serem mostrados corretamente para essas opções e aí você pode configurá-las como preferir.
As opções de interruptor que você pode encontrar nos meus temas atuais são:
A) Show Banner only at the First page:
Se o tema possui banner, ele provavelmente terá essa opção. Ela permite que você escolha se quer que o banner seja mostrado apenas na primeira página do seu blog e em mais nenhuma outra página. Se quiser, basta deixar essa opção ativada.
B) Fixed Header:
Com essa opção ativada, o Header (Cabeçalho) do tema fica fixado ao rolar a página, ou seja, ele fica parado em seu lugar. Com essa opção desativada, o Header rola normalmente junto com a página.
C) Fixed Sidebar/Fixed Left Sidebar/Fixed Right Sidebar:
Essa opção é igual à anterior, porém refere-se à Sidebar (Barra Lateral) do tema. Se o seu tema possuir mais de uma Sidebar, ele poderá ter as opções "Fixed Left Sidebar" (para a Sidebar esquerda) e "Fixed Right Sidebar" (para a Sidebar direita) para que você possa definir essa opção para as duas separadamente.
D) Borders:
Ative essa opção se você quiser usar bordas nos elementos do tema:
E) Borders on Images:
Ative essa opção se você quiser adicionar bordas às imagens dos posts também.
F) Extra Borders:
Ative essa opção se você quiser adicionar bordas externas maiores e/ou com textura aos elementos do tema.
G) Margin on Images:
Essa opção ativa/desativa a margem ao redor das mídias dos posts (imagens, vídeos, player de áudio, etc.), ou seja, essa opção define se deve haver espaço entre as mídias e a borda do post ou não. Aqui vai uma demonstração, assim é o tema sem margem ao redor das mídias:
E assim com margens:
H) First Captions Header:
Essa opção ativa/desativa o header do primeiro caption de um post reblogado. Basicamente quando você rebloga um post de outro blog e esse post é um post NPF (novo formato de posts do Tumblr), o username do blog que fez a postagem original fica aparecendo acima do conteúdo do post. Eu chamo essa parte que mostra o username do autor de "header" do caption. Sendo que caption é cada seçãozinha do post onde uma pessoa acrescentou algo ao post após reblogá-lo, e para cada caption é mostrado o username da pessoa que fez esse comentário logo acima de seu comentário (você pode ver uma demonstração disso no primeiro post que eu usei como exemplo na imagem a seguir).
Aqui vai uma demonstração do que a opção "First Captions Header" faz; a imagem abaixo mostra dois posts com essa opção ativada (ou seja, os headers dos primeiros captions são mostrados):
E a imagem abaixo mostra os mesmos posts agora com essa opção desativada (ou seja, os primeiros headers são removidos):
Como você pode ver, no primeiro dos dois posts dos exemplos acima há vários captions, desativar a opção "First Captions Header" esconde apenas o header do primeiro caption, os restantes continuam sendo mostrados sempre.
Eu deixei essa opção disponível porque, em alguns casos, se você quiser que o tema tenha uma aparência mais limpa, poder esconder esses headers pode te ajudar melhor a alcançar esse estilo.
I) Photos Caption:
Deixe essa opção desativada para esconder a descrição/caption/comentários de posts de imagem e vídeo. Assim a descrição é mostrada apenas ao passar o mouse por cima do post e nas páginas de link permanente.
Post de imagem com a opção "Photos Caption" ativada:
Post de imagem com a opção "Photos Caption" desativada:
J) Number of Likes:
À pedido de um(a) seguidor(a) eu adicionei essa opção aos meus temas atuais: esconder o número de likes e reblogs. Com essa opção desativada, seu tema não irá mostrar o número de interações dos seus posts, porém na Dashboard do Tumblr o número de interações dos seus posts ainda será visível publicamente (o Tumblr não disponibiliza essa opção de esconder o número de likes até o momento em que eu estou escrevendo este post, portanto não é possível modificar o sistema da plataforma, só o que se pode fazer é omitir esses números no seu tema).
K) Share Buttons:
Ative essa opção para habilitar botões de compartilhamento em seus posts para que outras pessoas possam compartilhá-los em outras redes sociais.
L) Post Author:
Essa opção é apenas relevante para blogs coletivos (blogs com mais de um moderador), portanto se o seu blog é moderado apenas por você, você pode deixar essa opção desativada. O que ela faz é mostrar em "Informações do post" qual dos moderadores do seu blog foi quem publicou aquele post.
M) Related Posts:
Ative essa opção se quiser que seu tema recomende postagens relacionadas em seus links permanentes.
N) Infinite Scroll:
Ative essa opção se quiser que seu tema tenha rolagem infinita ao invés de paginação:
Rolagem Infinita: os posts das próximas páginas do seu blog são carregadas abaixo dos posts atuais, sem precisar mudar de página;
Paginação: no final de cada página é mostrado botões que levam para as próximas páginas.
⚠️
Atenção:Warning:
Se o tema ficar muito pesado no seu blog (demorar muito para carregar) — o que pode acontecer em blogs com muitas fotos e gifs —, desative a Rolagem Infinita para deixá-lo mais leve.
O) Smooth Effects:
Essa opção serve para ativar/desativar algumas animações que deixam o tema mais estiloso, como o Smooth Scroll (que é um plugin que deixa a rolagem das páginas do tema mais suave) e o Animate on Scroll (que é um plugin que faz com que os elementos da página carreguem com uma animação "fade" ou "slide" suave).
⚠️
Atenção:Warning:
Se o tema ficar muito pesado no seu blog, desative a opção Smooth Effects para deixá-lo mais leve.
P) Custom Tooltips:
Tooltips são aquelas plaquinhas com um texto de informação que aparecem quando passamos o mouse por cima de um link. Ativar essa opção adiciona estilização aos tooltips para deixá-los combinando com o tema:
⚠️
Atenção:Warning:
Se o tema ficar muito pesado no seu blog, desative a opção Custom Tooltips para deixá-lo mais leve.
Opções de textoText options
Em meus temas eu utilizo as opções de textos para definir diversas coisas desde os links dos menus até o tamanho do layout do tema. Essa pode ser a parte mais confusa de configurar das Opções de Tema, já que no Tumblr não é possível organizar tudo em seções e essas opções acabam ficando todas misturadas.
Como configurar as opções de texto:
Clique no campo de escrita e digite ou cole o valor de sua preferência.
É possível adicionar códigos HTML em opções de texto, porém algumas delas são próprias somente para números, portanto eu irei falar um pouco sobre cada uma agora...
Opções de texto para fontes personalizadas:
Em meus temas atuais eu modifiquei o método de configurar as fontes para que o tema fique mais leve. Em meus temas antigos eu instalava várias fontes para que você pudesse escolher entre uma delas, o que deixava o tema bastante pesado, já que ele precisava carregar todas aquelas fontes. Mas agora, em meus temas atuais, você apenas instala as fontes que quiser usar, e eu vou mostrar como fazer isso agora...
❔ Como instalar fontes personalizadas em meus temas atuais:
Passo 1: Vá até o site de fontes do Google: Google Fonts; e procure por uma ou mais fontes que você goste.
Passo 2: Quando econtrar uma fonte que gostar, clique sobre ela e você será levado(a) para uma página onde são mostradas todas as variações/estilos dessa fonte. Algumas fontes possuem diversas variações outra possuem apenas uma. Então ali você vai escolher quais dessas variações quer usar e depois vai clicar no botão "Select this style" que aparece bem na frente dela:
Ao fazer isso, uma barra lateral irá se abrir do lado direito da sua tela, mostrando uma lista com todas as fontes que você escolheu. Você pode fechá-la sempre que quiser, pois ela manterá as suas fontes salvas ali. Você também pode voltar para a página inicial do Google Fontes e escolher outras fontes, todas elas ficarão salvas naquela barra lateral e você também pode remover dali quaisquer fontes que não quiser mais usar:
Você pode escolher quantas fontes quiser para experimentar no seu tema, mas eu recomendo que depois você mantenha apenas as fontes que for usar mesmo, pois quanto mais fontes houverem instaladas no seu tema, mais lento será o carregamento dele especialmente para quem não estiver com uma conexão muito boa.
Passo 3: Após escolher todas as fontes que desejar, abra a barra lateral que mostra suas fontes selecionadas e, logo abaixo da lista de fontes, há uma seção separada onde está escrito "Use on the web". Ali você encontra o script das fontes que você escolheu:
Deixe a opção "<link>" marcada e copie todo aquele código que é mostrado ali (apenas o primeiro código que aparece ali, o segundo não).
Passo 4: Então vá até as opções de personalização do seu tema e procure a opção "Custom Fonts Script". Apague o script que já estiver ali no campo de texto daquela opção, e cole ali o script das fontes que você escolheu:
Passo 5: Agora você só precisa escolher em quais partes do tema você quer usar cada fonte. Em meus temas atuais, você encontrará opções para adicionar fontes personalizadas em diferentes elementos do tema. E para fazer isso, basta que você digite/cole o nome da fonte escolhida na opção certa. Por exemplo, se você quiser usar a fonte "Amatic SC" nos títulos do seu tema, basta digitar/colar o nome "Amatic SC" na opção "Custom Titles Font":
Abaixo estão todas as opções que você pode encontrar em meus temas para incluir fontes personalizadas em diferentes elementos dele (textos, títulos, notas, etc.). Se você não definir uma fonte personalizada para algum elemento do tema, ele irá usar a fonte genérica que você definiu na opção "Generic Font" ou a fonte que você definir em "Custom Text Fonts".
A) Custom Fonts Scripts:
É nessa opção que você deve colar o script de todas as fontes personalizadas que quiser usar no tema, como recém mostrado no tutorial acima.
B) Custom Titles Font:
Nessa opção você define uma fonte personalizada para os títulos do tema.
C) Custom Texts Font/Custom Posts Font:
Nessa opção você define uma fonte personalizada para os textos do tema (tudo que não for um título nem uma nota).
D) Custom Quotes Font:
Nessa opção você define uma fonte personalizada para os posts de citação:
E) Custom Notes Font:
Nessa opção você define uma fonte personalizada para as notas do tema (notas dos posts, tooltips, créditos e quaisquer textos pequenininhos que aparecem no tema):
Opções de texto para números:
Nas opções a seguir deve-se colocar apenas valores numéricos, caso contrário isso poderá causar erros no tema, com apenas algumas excessões. Ou seja, coloque apenas números, não coloque unidades de medida como px (pixels), cm (centímetros), % (porcentagem) ou qualquer outra coisa além de números a menos que a opção seja uma das poucas excessões que eu vou mencionar.
A) Banner Height:
Se o tema possui um banner, ele pode ter essa opção. Em "Banner Height" você define a altura desse banner.
B) Scrollbar Width:
Nessa opção você define a largura das barras de rolagem do tema.
C) Layout Width:
Nessa opção você define a largura do layout do tema. Essa é a única opção de valor numérico em que você vai precisar colocar a unidade, que, no caso, é porcentagem. Funciona assim: se você quiser que a largura do layout ocupe a tela inteira, então defina a largura como "100%"; se você quiser que o layout ocupe metade da tela, defina a largura como 50% (você até pode definir esse valor em outra unidade, se quiser, isso não causará problema nenhum para essa opção, porém não colocar o valor em porcentagem fará com que o tema deixe de ser responsivo).
D) Posts Max Height:
Essa opção te permite definir um tamanho máximo da altura dos posts, caso você não queira que eles fiquem muito compridos na página inicial do seu tema. Essa opção é bem útil para quem usa um tema com várias colunas, pois nesse caso, posts muito compridos podem estragar a estética da grade dos posts.
Para configurar essa opção, basta colocar um valor numérico (por exemplo: 500, 300, etc.) e ver como ficou. Isso irá fazer com que todos os posts que tiverem altura maior do que o valor que você definiu ali sejam "cortados" e recebam um botão de "mostrar mais", assim o restante do post pode ser visualizado em seu link permanente:
Se você quiser desativar essa funcionalidade, insira o valor "auto" à essa opção ao invés de um valor numérico. Isso fará com que todos os posts sempre fiquem na sua altura original:
E) Posts Spacing:
Nessa opção você define o tamanho do espaçamento entre os posts.
F) Posts Padding/Posts Padding Thickness:
Nessa opção você define o tamanho da margem interior dos posts:
Essa opção ainda é relevante mesmo se você estiver com a opção "Margin on Images" desativada, pois "Posts Padding" não se refere apenas à margem entre as mídias e a borda dos posts, se refere também à margem entre os textos e a borda dos posts.
G) Notes Padding/Notes Padding Thickness:
Nessa opção você define o tamanho da margem interior das notas dos posts.
H) Borders Thickness:
Nessa opção você define a grossura das bordas, caso elas estejam ativadas:
I) Extra Borders Thickness:
Nessa opção você define a grossura das bordas texturizadas, caso elas estejam ativadas:
J) Images Spacing:
Nessa opção você define o tamanho do espaçamento entre as imagens de photosets/galeria de imagens:
K) Header Font Size:
Nessa opção você define o tamanho da fonte do Header, caso o tema tenha um Header.
L) Menu Font Size:
Nessa opção você define o tamanho da fonte do Menu principal do tema.
M) Sidebar Title Size/Sidebar Titles Size:
Nessa opção você define o tamanho da fonte do(s) título(s) da Sidebar, caso o tema tenha Sidebar.
N) Titles Size/Titles Font Size:
Nessa opção você define o tamanho da fonte dos títulos dos posts.
O) Font Size/Posts Font Size/Main Font Size:
Nessa opção você define o tamanho da fonte de textos normais do tema.
P) Quotes Font Size:
Nessa opção você define o tamanho da fonte de posts de Citação.
Q) Notes Font Size:
Nessa opção você define o tamanho da fonte das notas dos posts.
Opções de texto para textos, links e códigos:
Nas opções a seguir você pode colocar o que quiser desde um texto comum a um pequeno código HTML e/ou emojis, exceto em opções que são especificamente para endereço de links como eu vou mostrar a seguir.
❗ E lembre-se sempre:
Ao colocar um endereço de link inclua o "http://" ou "https://" na frente, caso contrário o link não irá funcionar.
Por exemplo: o endereço certo do meu blog é "https://anyhs-themes.tumblr.com" e não "anyhs-themes.tumblr.com" ou "www.anyhs-themes.tumblr.com".
Essa regra apenas pode ser quebrada se você estiver se referindo a uma página que pertença ao blog onde você está colocando esse link, mas nesse caso, sempre comece o link com "/". Exemplos: o endereço "/archive" irá redirecionar para a página Archive (Arquivo) do seu blog; o endereço "/ask" irá levar para a página da sua Ask (caso sua Ask esteja ativada); e colocar apenas uma barra (assim: "/") irá redirecionar para a página inicial do seu blog.
A) Header Title/Banner Text/Sidebar Phrase:
Opções de texto com o nome "Header Title", "Banner Text", "Sidebar Phrase" ou algo parecido servem para definir textos de "enfeite" que estão presentes no tema. Você pode colocar o que quiser nessas opções.
B) Banner Link/Banner2 Link/Banner3 Link/etc.:
Se o tema possui banner/slider, você pode colocar links nesses banners para que ao clicar neles eles redirecionem para outra página. Esses links devem ser adicionados aos campos "Banner Link", "Banner 2 Link", "Banner 3 Link", etc. Cada número representa a posição do banner, por exemplo: "Banner 2 Link" é para definir o link do segundo banner do slider; "Banner 3 Link" é para o terceiro banner, e assim vai...
C) Button1 Link/Button2 Link/etc.:
Essas opções servem para você definir o link dos botões do Menu principal do tema.
Meus temas vêm com espaço para adicionar vários links em seu(s) menu(s), se você não tiver links o suficiente para preencher todos os botões, você não precisa preencher os que não for usar. Deixe o campo de link dos botões vazios e eles não serão mostrados no tema, ou seja, apenas os botões que tiverem um link serão carregados no tema.
D) Button1 Title/Button2 Title/etc.:
Essas opções servem para você definir o título dos botões do Menu principal do tema, ou seja, a frase/palavra que irá ser mostrada no botão.
E) Button1 Tip/Button2 Tip/etc.:
Em alguns dos meus temas você encontrará essas opções. Elas servem para definir além de um título para os botões, também uma dica ao passar o mouse por cima do botão:
F) Button1 Icon/Button2 Icon/etc.:
Em alguns dos meus temas você encontrará essas opções, que servem para definir ícones para os menus. Nesses campos de texto você deve colar o código HTML dos ícones de sua escolha. Para saber como e onde pegar o código de ícones que você pode usar, leia este tutorial: Como colocar/editar ícones nos meus temas.
Não é obrigatório utilizar ícones. Se você não quiser incluir ícones no seu menu, basta deixar o campo dos ícones vazios.
G) Dropdown Button Title:
Se o tema possuir um menu suspenso (uma lista de links que se abre ao passar o mouse sobre um determinado botão), ele terá essa opção para que você possa editar o título do botão que abre esse menu.
Se você não quiser usar o menu suspenso, deixe esse campo vazio e o botão do menu suspenso será removido do tema.
H) Dropdown Button Tip:
Nessa opção você define a dica (texto que aparece ao passar o mouse por cima) do botão que abre o menu suspenso.
I) Dropdown Button Icon:
Nessa opção você define o ícone do botão que abre o menu suspenso.
Nessas opções você irá definir o título dos links do menu suspenso.
K) Dropdown Item1 Link/Dropdown Item2 Link/etc.:
Nessas opções você irá definir o endereço dos links do menu suspenso.
L) Featured Posts Title:
Se o tema tiver uma seção para mostrar posts destacados, ele terá essa opção para você poder definir um título para a seção.
Se você não quiser incluir um título para essa seção, basta deixar essa opção vazia.
A seção "Featured posts" não precisa ser usada apenas para destacar postagens do seu blog, você também pode usá-la para destacar outros blogs ou posts/artigos de outros blogs/sites.
M) Featured Post1 Title/Featured Post2 Title/etc.:
Através dessas opções você irá definir o título de cada um dos posts em destaque.
N) Featured Post1 Link/Featured Post2 Link/etc.:
Através dessas opções você irá definir o link de cada um dos posts em destaque.
O) Sidebar Menu Title/Header Menu Title/Footer Menu Title:
Se o tema possuir mais de um menu, ele terá opções como estas:
"Sidebar Menu" se refere a um menu que esteja localizado na Sidebar do tema;
"Header Menu" se refere a um menu que esteja localizado no Header do tema;
E "Footer Menu" se refere a um menu que esteja localizado no Footer do tema.
Em "Sidebar Menu Title", "Header Menu Title" e/ou "Footer Menu Title", você define um título para esses menus. Se não quiser definir um título para eles, apenas deixe esse campo vazio.
Se o tema possuir mais de um menu, ele também terá opções como essas (exemplo: "Sidebar Button1 Title", "Sidebar Button2 Title", etc.), que são campos onde você deve inserir o título de cada botão desses menus.
Se o tema possuir mais de um menu, ele também terá essas opções (exemplo: "Sidebar Button1 Icon", "Sidebar Button2 Icon", etc.) para você definir um ícone para esses botões.
Se o tema possuir mais de um menu, é através dessas opções (exemplo: "Sidebar Button1 Link", "Sidebar Button2 Link", etc.) que você define um link para cada botão desses menus.
S) Social Medias Menu Title:
Se o tema possuir um menu próprio para redes sociais, ele pode possuir essa opção que serve para colocar um título no topo desse menu.
T) Social Media 1 Title, Social Media 1 Icon, Social Media 1 Link:
O menu de redes sociais funciona como os outros menus, eles possuem opção para voce definir o título, o ícone e o link do botão. Geralmente meus temas vêm com espaço para até 10 botões de rede social e você não precisa usar todos. Preencha o link apenas dos botões que for usar, e os que estiverem sem link não serão mostrados no tema.
U) Header Text Box Title/Sidebar Text Box Title/Footer Text Box Title:
Em alguns dos meus temas você terá uma ou mais dessas opções "Text Box" para você poder incluir textos em alguns lugares do tema, seja no Header, na Sidebar ou Footer. E através dessa opção você pode definir um título para esse bloco de texto. Se não quiser um título, basta deixar essa opção em branco.
V) Header Text Box Content/Sidebar Text Box Content/Footer Text Box Content:
Se o seu tema possuir opção para adicionar blocos de texto, é nessa opção que você irá digitar/colar o texto que quiser. Se não quiser usar esse bloco de texto, basta deixá-lo em branco que ele desaparecerá do tema.
Em alguns dos meus temas você terá uma ou mais dessas opções "Code Box" para você poder incluir códigos personalizados em alguns lugares do tema. Essas opções são parecidas com as opções "Text Box" mencionadas anteriormente, a diferença é que as opções "Code Box" não possuem formatação nenhuma, assim elas são específicas para códigos (caso você queira incluir algum código peronsalizado ou anúncios no tema).
Através dessa opção voce define um título para a "Code Box", caso queira.
Se o seu tema possuir opção para adicionar blocos de códigos, é nessa opção que você irá digitar/colar o código que quiser. Se você não for usar esse bloco de código, basta deixá-lo em branco que ele desaparecerá do tema.
Como restaurar configurações antigas do seu temaHow to recover old settings of your theme
Se após fazer algumas alterações no seu tema, você mudar de ideia e quiser voltar para as configurações antigas dele, há uma forma bem simples de fazer isso com apenas alguns cliques. Inclusive se você trocou de tema, depois se arrependeu, quer voltar a usar o tema que estava usando anteriormente, mas não consegue encontrar seu código para poder instalar de novo... Esse método pode resolver o seu problema.
O Tumblr possui uma ferramente que salva quase todas as alterações que você faz no seu tema como um histórico, então é possível acessar esse histórico e voltar a alterações antigas. Porém, esse histórico tem um limite, ele apenas salva, no máximo, as últimas 20 alterações que você fez. Então se você quiser restaurar o seu tema para como ele estava há uns 3 anos atrás, por exemplo, você provavelmente não vai conseguir.
Mas enfim, a página do Tumblr onde você pode acessar esse histórico de alterações do seu tema, é essa aqui: Recuperar tema personalizado. Se voce não entender como usar a página, eu tenho um tutorial que pode te ajudar aqui: Como recuperar um tema antigo.
