# Documentação > Documentação do Blockstudio para começar a usar. Este arquivo lista as páginas em https://blockstudio.dev/pt/docs/. O índice do site inteiro está em https://blockstudio.dev/pt/llms.txt. ## Início - [Introdução](https://blockstudio.dev/pt/docs.md): Documentação do Blockstudio para começar a usar. - [Primeiros passos](https://blockstudio.dev/pt/docs/general/getting-started.md): Configure seu primeiro projeto Blockstudio. - [Configurações](https://blockstudio.dev/pt/docs/general/settings.md): Configure Blockstudio com blockstudio.json ou filtros. - [Composer](https://blockstudio.dev/pt/docs/dev/composer.md): Instale Blockstudio com Composer. - [Traduções](https://blockstudio.dev/pt/docs/general/translations.md): Use Blockstudio no seu idioma e ajude a traduzi-lo. ## Blocos - [Registro](https://blockstudio.dev/pt/docs/blocks/registration.md): Saiba como registrar blocos personalizados com Blockstudio. - [Esquema](https://blockstudio.dev/pt/docs/blocks/schema.md): Suporte ao esquema JSON para blocos Blockstudio. - [Substituições](https://blockstudio.dev/pt/docs/blocks/overrides.md): Substitua blocos em um nível detalhado. - [Twig](https://blockstudio.dev/pt/docs/blocks/templating/twig.md): Use templates Twig para seus blocos Blockstudio. - [Blade](https://blockstudio.dev/pt/docs/blocks/templating/blade.md): Use templates Laravel Blade para seus blocos Blockstudio. - [Geral (Blocos / Assets)](https://blockstudio.dev/pt/docs/blocks/assets.md): Enfileire e processe automaticamente arquivos CSS, SCSS e JavaScript para seus blocos. - [Registro de recursos](https://blockstudio.dev/pt/docs/blocks/assets/registering.md): Enfileire automaticamente arquivos CSS e JavaScript para seus blocos. - [Processamento de recursos](https://blockstudio.dev/pt/docs/blocks/assets/processing.md): Suporte à minificação, compilação de SCSS e módulos ES. - [Recursos do campo de código](https://blockstudio.dev/pt/docs/blocks/assets/code-field.md): Blocos de recursos dinâmicos por meio do campo de código. - [Registro de atributos](https://blockstudio.dev/pt/docs/blocks/attributes/registering.md): Saiba como registrar atributos personalizados para seus blocos. - [Tipos de campo](https://blockstudio.dev/pt/docs/blocks/attributes/field-types.md): Todos os tipos de campo disponíveis e suas propriedades em Blockstudio. - [Tipos de campos personalizados](https://blockstudio.dev/pt/docs/blocks/attributes/custom-field-types.md): Registre controles de editor personalizados e valores estruturados para atributos. - [Campos personalizados](https://blockstudio.dev/pt/docs/blocks/attributes/custom-fields.md): Definições reutilizáveis de campos para blocos Blockstudio. - [Campo de bloco](https://blockstudio.dev/pt/docs/blocks/attributes/block-field.md): Faça referência a outro bloco como campo, expandindo seus atributos em linha. - [Filtragem de atributos](https://blockstudio.dev/pt/docs/blocks/attributes/filtering.md): Filtre e modifique atributos de blocos com hooks PHP. - [Renderização de atributos](https://blockstudio.dev/pt/docs/blocks/attributes/rendering.md): Acesse valores de atributos nos modelos dos seus blocos. - [Atributos de bloco](https://blockstudio.dev/pt/docs/blocks/attributes/block-attributes.md): Acesse atributos padrão de bloco do WordPress, como alinhamento e tipografia. - [Utilitários de HTML](https://blockstudio.dev/pt/docs/blocks/attributes/html-utilities.md): Renderize valores de atributos como atributos de dados ou variáveis CSS. - [Armazenamento](https://blockstudio.dev/pt/docs/blocks/storage.md): Armazene valores de campos em metadados de posts ou opções. - [Editor expandido](https://blockstudio.dev/pt/docs/blocks/attributes/expanded-editor.md): Edite campos Blockstudio em um painel mais amplo quando a barra lateral do inspetor for estreita. - [Lógica condicional](https://blockstudio.dev/pt/docs/blocks/attributes/conditional-logic.md): Exiba ou oculte campos com base em condições. - [Preenchimento de opções](https://blockstudio.dev/pt/docs/blocks/attributes/populating-options.md): Preencha dinamicamente as opções dos campos com consultas, funções ou fontes externas. - [Desativar atributos](https://blockstudio.dev/pt/docs/blocks/attributes/disabling.md): Desative atributos temporariamente e preserve seus valores. - [Geral (Blocos / React Components)](https://blockstudio.dev/pt/docs/blocks/react-components.md): Use componentes do editor com tecnologia React diretamente nos seus templates PHP, Twig ou Blade. - [useBlockProps](https://blockstudio.dev/pt/docs/blocks/react-components/useblockprops.md): Crie paridade de marcação entre o editor e o frontend. - [InnerBlocks](https://blockstudio.dev/pt/docs/blocks/react-components/innerblocks.md): Permita blocos aninhados nos seus blocos personalizados. - [RichText](https://blockstudio.dev/pt/docs/blocks/react-components/richtext.md): Adicione campos de texto editáveis diretamente aos modelos dos seus blocos. - [MediaPlaceholder](https://blockstudio.dev/pt/docs/blocks/react-components/mediaplaceholder.md): Adicione um placeholder de envio de mídia aos seus blocos. - [Variações](https://blockstudio.dev/pt/docs/blocks/variations.md): Crie variações de blocos com diferentes valores padrão de atributos. - [Transformações](https://blockstudio.dev/pt/docs/blocks/transforms.md): Defina formas de transformar blocos em outros blocos. - [Pré-visualização](https://blockstudio.dev/pt/docs/blocks/preview.md): Ative as prévias de blocos no inseridor de blocos. - [Carregamento](https://blockstudio.dev/pt/docs/blocks/loading.md): Controle como os blocos são carregados no editor. - [SEO](https://blockstudio.dev/pt/docs/blocks/seo.md): Como Blockstudio se integra a plugins de SEO para analisar conteúdo em tempo real. - [Ambiente](https://blockstudio.dev/pt/docs/blocks/environment.md): Renderize o conteúdo condicionalmente com base no contexto de renderização. - [Contexto](https://blockstudio.dev/pt/docs/blocks/context.md): Acesse os dados do loop e do contexto do post nos templates de bloco. - [Metadados do post](https://blockstudio.dev/pt/docs/blocks/post-meta.md): Acesse os metadados do post nos templates dos seus blocos. - [Renderização programática](https://blockstudio.dev/pt/docs/blocks/rendering.md): Renderize blocos Blockstudio programaticamente com funções PHP ou tags HTML. - [Componentes](https://blockstudio.dev/pt/docs/blocks/components.md): Blocos fora do editor para renderização programática. - [UI Componentes](https://blockstudio.dev/pt/docs/blocks/ui-components.md): A biblioteca de componentes bsui incluída, o sistema de design que a sustenta e como definir seu tema. - [Ilhas](https://blockstudio.dev/pt/docs/blocks/islands.md): Divida blocos em espaços reservados seguros para cache e fragmentos renderizados no cliente. - [Interatividade](https://blockstudio.dev/pt/docs/blocks/interactivity.md): Use a WordPress Interactivity API nos seus blocos para adicionar comportamento reativo no lado do cliente. - [Inicialização](https://blockstudio.dev/pt/docs/blocks/block-api/initialization.md): Execute código durante a inicialização de WordPress. - [RPC](https://blockstudio.dev/pt/docs/blocks/block-api/rpc.md): Chame funções PHP no servidor pelo frontend com um sistema leve de RPC inspirado em tRPC. - [Banco de dados](https://blockstudio.dev/pt/docs/blocks/block-api/database.md): Defina um modelo de dados para seu bloco com endpoints CRUD automáticos, validação e vários backends de armazenamento. - [Cron](https://blockstudio.dev/pt/docs/blocks/block-api/cron.md): Defina tarefas agendadas em segundo plano por bloco com WordPress Cron. - [Hooks de PHP](https://blockstudio.dev/pt/docs/blocks/hooks/php.md): Filtros e ações de PHP disponíveis em Blockstudio. - [Hooks de JavaScript](https://blockstudio.dev/pt/docs/blocks/hooks/javascript.md): Filtros e ações de JavaScript disponíveis em Blockstudio. - [Tailwind CSS](https://blockstudio.dev/pt/docs/tailwind.md): Compilação de Tailwind CSS no servidor com cache automático. - [Extensões](https://blockstudio.dev/pt/docs/extensions.md): Amplie blocos registrados com atributos personalizados. ## Páginas e padrões - [Geral (Páginas e padrões / File Templates)](https://blockstudio.dev/pt/docs/pages-and-patterns.md): Crie páginas WordPress e padrões de blocos a partir de modelos de arquivos, com análise automática. - [Páginas](https://blockstudio.dev/pt/docs/pages-and-patterns/pages.md): Crie páginas WordPress a partir de modelos de arquivos, com sincronização explícita e segura para implantação. - [Padrões](https://blockstudio.dev/pt/docs/pages-and-patterns/patterns.md): Crie padrões de blocos WordPress a partir de modelos em arquivos. - [Modelos do site](https://blockstudio.dev/pt/docs/pages-and-patterns/site-templates.md): Crie modelos do Editor do site WordPress e partes de modelo a partir de arquivos Blockstudio. - [Hooks](https://blockstudio.dev/pt/docs/pages-and-patterns/template-hooks.md): PHP filtros e ações para páginas, padrões, modelos do site e o analisador HTML. - [Sincronização de conteúdo](https://blockstudio.dev/pt/docs/content-sync.md): Adicione conteúdo do banco de dados ao fluxo de Blockstudio com arquivos primeiro, projetando registros permitidos de WordPress em arquivos portáteis. ## Produção - [Desempenho](https://blockstudio.dev/pt/docs/production/performance.md): Padrões de frontend para produção, o criador de perfil integrado e as técnicas de renderização subjacentes. - [Pré-renderização estática](https://blockstudio.dev/pt/docs/production/static-prerendering.md): Sirva páginas anônimas como conteúdo estático HTML, antes da inicialização de WordPress. - [Armazenamento em cache](https://blockstudio.dev/pt/docs/production/caching.md): O único diretório de cache baseado em arquivos que contém todos os artefatos gerados pelo runtime. - [Mídia](https://blockstudio.dev/pt/docs/production/media.md): Dimensões estáveis de imagem, carregamento lento e manifesto de metadados de mídia. ## Desenvolvimento - [Trechos de código](https://blockstudio.dev/pt/docs/code-snippets.md): Use o fluxo de trabalho de Blockstudio com arquivos primeiro para trechos de código. - [Administração](https://blockstudio.dev/pt/docs/dev/admin.md): Inspecione blocos Blockstudio registrados, navegue pelos registros e veja dados do banco pelo wp-admin. - [Canvas](https://blockstudio.dev/pt/docs/dev/canvas.md): Área de trabalho visual e inventário público API de conteúdo Blockstudio. - [Seletor de elementos](https://blockstudio.dev/pt/docs/dev/grab.md): Um inspetor de elementos integrado para identificar arquivos de template de blocos no frontend. - [CLI](https://blockstudio.dev/pt/docs/dev/cli.md): Gerencie blocos Blockstudio, páginas, banco de dados, RPC e cron via WP-CLI. - [PHPStan](https://blockstudio.dev/pt/docs/dev/phpstan.md): Análise estática de projetos Blockstudio com templates tipados, validação de esquema e verificação de hooks. - [Integração com IA](https://blockstudio.dev/pt/docs/dev/ai.md): Índice de documentação endereçável para agentes de programação e contrato gerado para o seu projeto. - [Fontes de descoberta lógica](https://blockstudio.dev/pt/docs/dev/discovery-sources.md): Forneça inventários de arquivos compostos para a descoberta de Blockstudio e os caches de runtime. - [WPML](https://blockstudio.dev/pt/docs/dev/wpml.md): Gere a configuração de idioma WPML para traduzir os campos de texto dos blocos Blockstudio. - [Migrando para v7](https://blockstudio.dev/pt/docs/dev/migration/v7.md): Alterações incompatíveis e etapas para migrar Blockstudio 7. ## Opcional - [Documentação em um arquivo](https://blockstudio.dev/pt/docs/llms-full.txt): Markdown das páginas em /docs/, 720 KB, com cerca de 181,000 tokens - [Índice do site](https://blockstudio.dev/pt/llms.txt): Todas as páginas de Blockstudio