Elements of a theme: what is Sidebar, Header, Pagination and Footer

The layout of a theme can contain the following elements: Posts, Header, Sidebar, Footer and Pagination. These are how different sections of theme are called depending on where they are positioned inside the layout.

It's important to know how to identify them in case you're reading a tutorial that mentions one or more of them, in case you're customizing a theme or thinking about making a commission (since you'll need to provide details about your preferences for all the elements in the layout).

Well, first, here goes a graphic representation of each element of a theme:

Elementos de um tema: o que é Sidebar, Header, Pagination e Footer

O layout de um tema pode conter os seguintes elementos: Posts, Header, Sidebar, Footer e Pagination. Isso são apenas a forma como são chamadas diferentes seções de um layout dependendo de onde elas estão posicionadas.

E é importante saber identificá-las caso você leia um tutorial que mencione alguma delas, caso você esteja customizando um tema ou caso esteja pensando em encomendar um tema (já que precisará dar detalhes sobre como você irá querer cada elemento do layout).

Bom, primeiramente, aqui vai uma representação gráfica dos elementos de um tema:

Como fazer o background do tema se ajustar à tela

Eu vejo muitos tutoriais por aí ensinando que para fazer um background (bg/imagem de fundo) que fique do tamanho da tela você precisa de uma imagem que seja exatamente do tamanho da tela... E isso não é errado, porém precisamos levar em consideração o fato de que nem todos os monitores possuem a mesma resolução. Por exemplo, o seu monitor pode ser de 1366x768, então uma imagem desse tamanho vai cobrir toda a tela do seu monitor, mas para quem usa um monitor de 1280x768 essa mesma imagem irá ficar com um pedaço “faltando”, pois ela é maior que a resolução desse monitor.

Porém existem códigos CSS que podem resolver esse problema, e é isso o que eu vim mostrar neste tutorial.

Como fazer textos degradê no Tumblr

Neste tutorial eu venho mostrar como colocar efeito degradê/gradiente/arco-íris em textos nos posts do Tumblr, como esses mostrados na imagem acima.

Este método é para o conteúdo de postagens, que funciona no Painel (Dashboard) do Tumblr. Se você quiser adicionar textos em gradiente no seu tema, tem um outro método melhor de fazer isso, porém eu não vou estar mostrando ele neste tutorial aqui.