Tatami

Tatami: O Guia Completo para Personalização do Seu Tema WordPress

O Tatami é um tema do WordPress que oferece uma ampla gama de opções de personalização para transformar a aparência do seu site. Desde a instalação até a utilização de widgets e personalização de menus, este guia detalha cada aspecto do tema Tatami. Vamos explorar como você pode maximizar seu uso e deixá-lo do jeito que você sempre sonhou.

Desenvolvimento

1. Instalação do Tema

A instalação do tema Tatami é bastante simples e pode ser feita de duas maneiras: através do painel de administração do WordPress ou usando um cliente FTP.

1.1. Instalação via Painel de Administração

Após adquirir o tema, você receberá um link de download por e-mail. Depois de baixar o arquivo .zip do Tatami, vá até “Aparência / Temas” no painel do WordPress, selecione “Adicionar Novo” e clique em “Fazer upload do tema”. Escolha o arquivo .zip que você baixou e clique em “Instalar agora”. Pronto, o tema está ativo!

1.2. Instalação via FTP

Se preferir, você pode instalar o tema usando um cliente FTP, como o Filezilla. Extraia a pasta do tema Tatami e faça o upload dela para a pasta /wp-content/themes/ do seu servidor. Após isso, o tema aparecerá em seu painel do WordPress, na seção de temas disponíveis.

2. Opções do Tema

Na página de opções do tema em “Aparência / Opções do Tema”, você encontrará várias configurações para personalizar o Tatami de acordo com suas preferências.

2.1. Cores Personalizadas

Você pode customizar a cor dos links, a cor de hover dos links e o fundo do rodapé usando valores hexadecimais ou através de um selecionador de cores.

2.2. Opções de Miniaturas

O Tatami permite exibir miniaturas dos posts de diferentes formas: acima do título como full width, miniaturas grandes ou pequenas. Escolha a que melhor se adapta ao seu estilo.

2.3. Logotipo e Texto Personalizado

Faça upload do seu logotipo no formato PNG transparente através do uploader de mídia e insira o URL da imagem no campo destinado ao logotipo. É aconselhável que o tamanho do logotipo seja em torno de 500 x 75px.

Você também pode incluir texto personalizado no cabeçalho ou rodapé do tema, além de links para suas redes sociais na caixa de autor em posts individuais.

2.4. Favicon e Ícone Touch Apple

Para adicionar um favicon, crie uma imagem 16×16 pixels e utilize um gerador de favicon online. O mesmo vale para o Apple touch icon, que deve ser uma imagem PNG de 128×128 pixels.

2.5. Botões de Compartilhamento

Ative botões de compartilhamento para Twitter, Google+, Facebook e Pinterest, escolhendo onde exibi-los: na página principal, nas páginas de posts únicos ou nos dois.

2.6. CSS Personalizado

Se precisar alterar o estilo do Tatami, você pode incluir CSS customizado na seção apropriada. Para usuários do Jetpack, a funcionalidade de CSS Personalizado também está disponível.

2.7. Fundo Personalizado

Para personalizar o fundo, escolha uma cor ou faça o upload de uma imagem. Caso opte pela imagem, escolha uma que não seja muito pesada para não prejudicar a velocidade de carregamento do site.

3. Menus Personalizados

O Tatami oferece duas áreas para menus personalizados: um para a navegação primária e outro para a navegação do rodapé. Adicione links, páginas, categorias e salve a configuração. Você também pode criar submenus através de um simples arrastar e soltar.

4. Widgets

Com o Tatami, você possui duas áreas de widgets. Utilize o widget de Links Sociais para vincular seus perfis de redes sociais e o widget de Flickr para exibir suas imagens. Outros widgets, como o de vídeo em destaque e o sobre mim, oferecem personalizações adicionais que enriquecem a experiência do usuário.

5. Formatos de Post

O Tatami suporta vários formatos de post, como citação, vídeo, link, imagem, galeria, áudio e chat. Cada formato permite uma maneira única de apresentar seu conteúdo, tornando seu blog mais interativo e atraente.

5.1. Citação

Para publicar uma citação, utilize a tag blockquote no editor de texto. Você também pode incluir o autor da citação com a tag cite.

5.2. Vídeo

Para adicionar um vídeo, selecione o formato apropriado e cole o código de incorporação do YouTube ou Vimeo.

5.3. Link

Para usar o formato de link, adicione o URL no post e aplique a classe CSS link.

5.4. Galeria

Ao inserir imagens em um post, o WordPress automaticamente gera um shortcode de galeria. Lembre-se de que as miniaturas devem ter largura mínima de 760px.

6. Modelos de Página

O tema oferece modelos de página como “Página de Arquivo”, ideal para listar suas postagens mais populares e um arquivo mensal.

7. Caixa do Autor em Posts Únicos

Para adicionar uma descrição do autor ao final de cada post, complete a seção “Informações Biográficas” na sua conta de usuário do WordPress.

8. Shortcodes

O Tatami disponibiliza shortcodes para conteúdo em múltiplas colunas, caixas de informação e botões, facilitando a criação de layouts personalizados.

9. Traduções do Tema

O tema está preparado para tradução. Com o plugin Codestyling Localization, você poderá adicionar suas próprias traduções de forma prática.

10. Tema Filho para Personalizações

Se você deseja personalizar ainda mais o Tatami, a criação de um tema filho é a solução ideal. Isso garante que suas alterações não sejam perdidas em atualizações futuras.

11. Como Criar 2 Logotipos (Móvel + Desktop)

Para ter versões diferentes do logotipo para desktop e mobile, crie uma imagem maior para desktop e outra menor para a barra de navegação mobile. Adicione ambas no seu painel de mídia e utilize CSS personalizado para definir em qual área cada logotipo deve aparecer.

12. Impressão ou Salvamento como PDF

Caso você precise de uma versão impressa ou PDF deste guia, utilize o botão de impressão amigável disponível na documentação do Tatami. Isso permite que você escolha se quer incluir imagens ou remover partes do texto.

O tema Tatami, com suas várias opções de personalização e suporte a diferentes formatos de post, é uma ótima escolha para quem deseja um blog atraente e funcional. Com as informações acima, você consegue transformar seu site e deixá-lo com a sua cara, oferecendo uma experiência única para seus leitores.