⚠ Desculpe pela bagunça aqui, eu estou atualizando meu tema então algumas coisas ficarão fora do lugar por um tempo, mas logo logo voltarão ao normal.

⚠ Sorry for the mess in here, I'm currently updating my theme so some things will be out of place for a while, but soon it will be back to normal.

terça-feira, 22 de fevereiro de 2022

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

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:

Agora vamos falar um pouco sobre cada um deles...

Header:

O Header (ou "Cabeçalho" em Português) é uma seção que fica no topo do layout. Essa seção pode conter qualquer coisa, mas geralmente contém um Banner ou um Menu.

Sidebar:

A Sidebar (ou "Barra lateral" em Português) é uma seção que fica em uma lateral do layout. Ela pode se encontrar tanto do lado esquerdo quanto do lado do direito ou dos dois lados (um layout pode possuir duas Sidebars) da seção principal, que é a seção dos Posts. E pode conter qualquer coisa, mas geralmente é onde você encontra o Título, Descrição, Avatar e Menu do tema.

Posts:

A seção dos posts, você provavelmente já sabe o que é... É onde fica o conteúdo do seu blog, o que você posta e rebloga. Essa seção pode mostrar os posts em uma única coluna ou dividi-los e várias colunas dependendo do tema que você estiver usando.

Pagination:

O Pagination (ou "Paginação" em Português) é a parte do tema onde ficam os botões de navegação de páginas, ou seja, os botões para você ir para a próxima página ou voltar para a página anterior. Existem basicamente 4 tipos de paginação:

  1. Paginação simples: mostra apenas botões de "próxima página" e "página anterior". Exemplo:
  2. Paginação numerada (ou "Jump Pagination"): além dos botões "próxima página" e "página anterior", esse tipo de paginação também mostra botões para pular direto para uma página de número específico. Exemplo:
  3. Rolagem Infinita: quando um tema possui Rolagem Infinita ele não possui nenhum botão de paginação. A Rolagem Infinita funciona da seguinte forma: quando você chega ao final de uma página, os posts da próxima página são carregados automaticamente logo abaixo dos posts da página atual, na mesma página, dando a impressão de que a página não tem fim e você pode ficar rolando ela infinitamente. Você pode ver um exemplo de Rolagem Infinita nesse tema aqui, é só rolar a página até o fim;
  4. Rolagem Infinita com botão: é exatamente como a rolagem infinita normal exceto que, ao invés de carregar os próximos posts automaticamente, ela irá fazer isso somente após você clicar no botão de "carregar mais posts". Exemplo:

Footer:

O Footer (ou "Rodapé" em Português) é uma seção que se encontra no final da página. Pode conter qualquer coisa, mas geralmente contém os Créditos do tema e/ou um Menu.


Nem todo tema possui todos esses elementos e nem sempre eles aparecem no tema da forma como eu representei nas imagens desse post.

Em alguns temas essas seções podem não possuir cor de fundo o que dá a impressão de que o conteúdo delas está "flutuando" no tema. Porém qualquer conteúdo que for posicionado ao lado dos posts é considerado uma Sidebar, qualquer conteúdo posicionado acima dos posts é um Header, e abaixo dos posts é um Footer. E é basicamente isso.

Se esse post tiver sido útil, deixe um like ou reblogue lá no Tumblr (aqui),
isso ajudaria muito o meu blog! 💕