Feito com Chinaski

Temas e Design

Um tema Chinaski é um diretório de arquivos Template Toolkit que o builder estático renderiza em cada página pública : o ponto de controle completo de como um site parece. Esta seção cobre o tema embarcado, cada arquivo de template de que ele é feito, como criar e clonar os seus, e as terras de variáveis/blocos/assets que tornam a saída segura.

O modelo de templates (comece aqui)

  • Arquivos de Template : o conjunto de templates de site (page.tt, post.tt, blog_index.tt, 404, search, offline, e os partials com prefixo _), a ordem de busca tema-primeiro com fallbacks embutidos, e como os templates por página escolhem seu arquivo.
  • Os templates por base: o shell não identificado raw.tt, as listagens documents.tt, o search.tt, e o offline.tt : cada um com sua própria página.

Construindo seu tema

  • Criar & Clonar Temas : o caminho de upload (regras de arquivo, arquivos obrigatórios, a varredura de segurança), clonar qualquer tema (o que clonar o default significa: um diretório vazio com comportamento de fallback), e exportação.
  • O Tema Letterbox : o padrão embarcado, como sua base de referência/depuração.
  • Variáveis & Helpers : o que cada template recebe no stash (campos de conteúdo, configurações de site, árvores de navegação, hreflang, JSON-LD…).
  • Blocos em Temas : como os shortcodes {{block:name​}} e os templates de bloco renderizam dentro de qualquer tema.
  • Assets & SRI : tratamento de assets estáticos; o comportamento de cache-busting e integridade do CSS de admin (e como a saída estática embarca os seus).
  • Design Tokens e Design Briefs : definindo valores de marca uma vez (tokens) e o fluxo de geração assistido por IA para um tema novo a partir de um brief.

O que você deve saber antes de começar

  • Os fallbacks o deixam seguro. O diretório do tema ativo é buscado primeiro, os built-ins em segundo. Um tema só embarca os arquivos que muda; um tema sem os arquivos padrão ainda constrói (apenas usa os built-ins inalterados). Um clone do tema padrão começa como um diretório de tema vazio exatamente para esse fluxo.
  • Tudo são arquivos .tt. O básico de Template Toolkit (escapamento (| html/| uri), INCLUDE/PROCESS, chomp de espaços em branco) está nas páginas de segurança/variáveis : com as regras do que deve ser escapado (tudo fornecido pelo usuário exceto body e json_ld).
  • Erros não matam builds. Falhas de renderização por template registram um erro no build log e continuam; o dashboard nomeia os primeiros templates que falharam.

O fundamento de segurança

O editor de temas só aceita templates seguros (a varredura executa no upload), e o conteúdo educativo no doc embutido de Theme Authoring cobre as regras de escapamento : trate essas regras (escape os dados do usuário, scripts inline mínimos, trate os editores de snippet com cuidado) como orientação permanente para os seus próprios arquivos de tema.

Também em Temas e Design

Os arquivos Template Toolkit que formam um theme do Chinaski: page.tt, post.tt, blog_index.tt, 404.tt e outros, onde ficam e as regras de busca.

Um mapa do tema padrão Letterbox: seus templates em builder/site_templates/, o que cada arquivo .tt renderiza e como cloná-lo.

Crie um tema enviando um arquivo ou clonando um existente: formatos aceitos, os seis arquivos de template obrigatórios e a exportação limpa.

Veja as variáveis que os themes recebem do builder, de URLs e datas a menus e design tokens, e como funcionam os helpers pré-calculados.

Como o builder associa tipos de bloco a templates em builder/block_templates/: detecção de ciclos, fallback de idioma e o que um tema pode esperar.

Entenda as duas trilhas de assets, site público e app de admin, e a regra de recarga: reinicie o app após editar seus cinco arquivos com SRI.

Envie um design brief com HTML e CSS de referência para que o Claude ou outro assistente gere um theme correspondente, sem tocar no site no ar.

Use o template raw.tt quando o corpo da página deve ser emitido literalmente como o arquivo HTML completo: quando escolher e o que continua valendo.

Como o documents.tt gera a listagem pública /documents/: a grade de cartões, ícones de tipo, selos de metadados, o estado vazio e o que entra.

Como o search.tt monta a página de busca: o formulário, os resultados ao vivo e o search-index.json por idioma, filtrado no navegador.

Entenda o offline.tt, o template da página de fallback offline do PWA: o que ele renderiza, o comportamento noindex e quando é gerado.

Gerencie os design tokens, propriedades CSS guardadas no banco e emitidas como declarações :root: a tela do admin, o build e a nomenclatura.

Leia este site em