{"id":5883,"date":"2026-04-10T13:02:40","date_gmt":"2026-04-10T16:02:40","guid":{"rendered":"https:\/\/thiagorossi.com.br\/blog\/?p=5883"},"modified":"2026-04-10T13:08:11","modified_gmt":"2026-04-10T16:08:11","slug":"layouts-e-elements-no-cakephp","status":"publish","type":"post","link":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/","title":{"rendered":"Layouts e Elements no CakePHP"},"content":{"rendered":"Tempo de leitura: <\/span> 5<\/span> minutos<\/span><\/span>\n

Layouts e Elements no CakePHP: Voc\u00ea j\u00e1 parou para pensar quanto tempo perde copiando e colando o mesmo menu de navega\u00e7\u00e3o ou o mesmo rodap\u00e9 em todas as p\u00e1ginas do seu site? No desenvolvimento de software profissional, repeti\u00e7\u00e3o \u00e9 sin\u00f4nimo de erro. Se voc\u00ea mudar um link no menu e tiver 50 p\u00e1ginas, ter\u00e1 que editar 50 arquivos.<\/p>\n\n\n\n

Como especialista em CakePHP<\/strong>, preparei este d\u00e9cimo quinto artigo da nossa s\u00e9rie para ensinar voc\u00ea a dominar a organiza\u00e7\u00e3o visual do seu projeto. Vamos aprender a usar Layouts<\/strong> e Elements<\/strong> para transformar seu front-end em um sistema modular, f\u00e1cil de manter e extremamente escal\u00e1vel.<\/p>\n\n\n\n

<\/div>\n\n\n\n

Trabalhando com Layouts e Elements: Modularizando seu front-end no CakePHP<\/h2>\n\n\n\n

Layouts e Elements no CakePHP: No CakePHP, a visualiza\u00e7\u00e3o n\u00e3o \u00e9 apenas um amontoado de arquivos HTML. O framework utiliza um sistema de “casca” e “pe\u00e7as” que permite que voc\u00ea defina a estrutura global do site uma \u00fanica vez e apenas encaixe o conte\u00fado espec\u00edfico de cada p\u00e1gina.<\/p>\n\n\n\n

Essa modulariza\u00e7\u00e3o \u00e9 feita atrav\u00e9s de dois conceitos fundamentais:<\/p>\n\n\n\n

    \n
  1. Layouts:<\/strong> O “esqueleto” ou template global da aplica\u00e7\u00e3o.<\/li>\n\n\n\n
  2. Elements:<\/strong> Pequenos blocos de c\u00f3digo reutiliz\u00e1veis que podem ser inseridos em qualquer lugar.<\/li>\n<\/ol>\n\n\n\n

    Dominar esses conceitos \u00e9 o que permite que voc\u00ea gerencie um blog com centenas de artigos ou um SaaS complexo como o RPJobs<\/strong> sem enlouquecer com a manuten\u00e7\u00e3o do HTML.<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    1. O que \u00e9 um Layout? (O Esqueleto Global)<\/h2>\n\n\n\n

    O Layout<\/strong> \u00e9 o arquivo que cont\u00e9m as tags estruturais do seu site: <html><\/code>, <head><\/code>, <body><\/code>, al\u00e9m das chamadas de CSS e JavaScript globais. Ele define onde o conte\u00fado das suas views (como o formul\u00e1rio de cadastro ou a lista de artigos) ser\u00e1 renderizado.<\/p>\n\n\n\n

    Por padr\u00e3o, os layouts ficam em templates\/layout\/<\/code>. O arquivo padr\u00e3o do CakePHP \u00e9 o default.php<\/code>.<\/p>\n\n\n\n

    <\/div>\n\n\n\n

    Exemplo de um Layout Simples (default.php<\/code>)<\/h3>\n\n\n\n

    PHP<\/p>\n\n\n\n

    <!DOCTYPE html>\n<html>\n<head>\n    <?= $this->Html->charset() ?>\n    <title><?= $this->fetch('title') ?><\/title>\n    <?= $this->Html->css(['normalize.min', 'milligram.min', 'cake']) ?>\n    <?= $this->fetch('meta') ?>\n    <?= $this->fetch('css') ?>\n<\/head>\n<body>\n    <nav>\n        <\/nav>\n\n    <main class=\"main\">\n        <div class=\"container\">\n            <?= $this->Flash->render() ?>\n            <?= $this->fetch('content') ?>\n        <\/div>\n    <\/main>\n\n    <footer>\n        <\/footer>\n    <?= $this->fetch('script') ?>\n<\/body>\n<\/html>\n<\/code><\/pre>\n\n\n\n
    O m\u00e9todo <?= $this->fetch('content') ?><\/code> \u00e9 o cora\u00e7\u00e3o do layout. Ele atua como um marcador de posi\u00e7\u00e3o que o CakePHP preenche com o conte\u00fado da View que est\u00e1 sendo acessada.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    2. Criando Layouts Personalizados<\/h2>\n\n\n\n
    Nem todas as p\u00e1ginas do seu sistema precisam do mesmo esqueleto. O seu painel administrativo (Admin) certamente tem um visual diferente do seu site p\u00fablico. No CakePHP, voc\u00ea pode criar m\u00faltiplos layouts e alternar entre eles no seu Controller.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    Como trocar o Layout no Controller:<\/h3>\n\n\n\n
    PHP<\/p>\n\n\n\n
    public function login()\n{\n    \/\/ Usa o layout em templates\/layout\/login_area.php\n    $this->viewBuilder()->setLayout('login_area');\n}\n<\/code><\/pre>\n\n\n\n
    Isso permite que voc\u00ea tenha um layout limpo para p\u00e1ginas de login e um layout complexo, com barras laterais e menus suspensos, para a \u00e1rea restrita.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    3. Elements: O Poder da Reutiliza\u00e7\u00e3o<\/h2>\n\n\n\n
    Se o Layout \u00e9 o esqueleto, os Elements<\/strong> s\u00e3o os \u00f3rg\u00e3os e membros. Um Element \u00e9 um pequeno peda\u00e7o de c\u00f3digo (ex: um formul\u00e1rio de newsletter, um card de autor, um menu lateral) que voc\u00ea extrai para um arquivo separado para poder us\u00e1-lo em v\u00e1rios lugares.<\/p>\n\n\n\n
    Os Elements ficam em templates\/element\/<\/code>.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    Exemplo de Uso de Element:<\/h3>\n\n\n\n
    Imagine que voc\u00ea criou um bloco de “Artigos Relacionados”. Em vez de escrever o HTML e o loop de dados na p\u00e1gina de visualiza\u00e7\u00e3o e na home, voc\u00ea cria o arquivo templates\/element\/artigos_relacionados.php<\/code>.<\/p>\n\n\n\n
    Para cham\u00e1-lo em qualquer View, basta usar:<\/p>\n\n\n\n
    PHP<\/p>\n\n\n\n
    <?= $this->element('artigos_relacionados') ?>\n<\/code><\/pre>\n\n\n\n
    <\/div>\n\n\n\n
    Passando Dados para o Element:<\/h3>\n\n\n\n
    O Element n\u00e3o tem acesso autom\u00e1tico \u00e0s vari\u00e1veis da View, a menos que voc\u00ea as passe explicitamente. Isso torna o Element independente e muito mais f\u00e1cil de testar.<\/p>\n\n\n\n
    PHP<\/p>\n\n\n\n
    <?= $this->element('user_profile', ['user' => $usuarioLogado]) ?>\n<\/code><\/pre>\n\n\n\n
    No arquivo do element, voc\u00ea usaria a vari\u00e1vel $user<\/code> normalmente.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    4. View Blocks: Personalizando o Layout a partir da View<\/h2>\n\n\n\n
    \u00c0s vezes, voc\u00ea quer que uma p\u00e1gina espec\u00edfica carregue um arquivo CSS extra ou um script de terceiros (como o SDK do Facebook) apenas naquela tela, sem sujar o layout global. Para isso, usamos os Blocks<\/strong>.<\/p>\n\n\n\n
    Na sua View (view.php<\/code>), voc\u00ea pode definir um bloco:<\/p>\n\n\n\n
    PHP<\/p>\n\n\n\n
    <?php $this->append('css'); ?>\n    <link rel=\"stylesheet\" href=\"css\/galeria.css\">\n<?php $this->end(); ?>\n<\/code><\/pre>\n\n\n\n
    O CakePHP pegar\u00e1 esse conte\u00fado e o “transportar\u00e1” para onde voc\u00ea colocou o <?= $this->fetch('css') ?><\/code> no seu layout. \u00c9 a forma mais limpa de gerenciar depend\u00eancias espec\u00edficas de p\u00e1gina.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    5. View Cells: Elements com “C\u00e9rebro”<\/h2>\n\n\n\n
    Aqui est\u00e1 a surpresa: e se voc\u00ea precisar de um Element que busque dados no banco de dados sozinho? Por exemplo, uma barra lateral que mostra as “Top 5 Categorias”.<\/p>\n\n\n\n
    Se voc\u00ea usar um Element comum, teria que buscar as categorias em todos os Controllers do site. Para resolver isso, o CakePHP oferece as View Cells<\/strong>. Elas s\u00e3o como mini-controllers que buscam seus pr\u00f3prios dados e renderizam seu pr\u00f3prio template.<\/p>\n\n\n\n
    <\/div>\n\n\n\n
    Como criar uma Cell:<\/h3>\n\n\n\n
      \n
    1. Gere a Cell via terminal: bin\/cake bake cell Sidebar<\/code><\/li>\n\n\n\n
    2. No arquivo src\/View\/Cell\/SidebarCell.php<\/code>, fa\u00e7a a busca no banco.<\/li>\n\n\n\n
    3. No template da Cell templates\/cell\/Sidebar\/display.php<\/code>, crie o HTML.<\/li>\n\n\n\n
    4. Chame em qualquer lugar: <?= $this->cell('Sidebar') ?><\/code>.<\/li>\n<\/ol>\n\n\n\n
      \n\n\n\n
      6. Boas Pr\u00e1ticas na Modulariza\u00e7\u00e3o do Front-end<\/h2>\n\n\n\n
      Para manter seu projeto com qualidade de n\u00edvel s\u00eanior, siga estas diretrizes:<\/p>\n\n\n\n
        \n
      1. Mantenha o Layout Limpo:<\/strong> N\u00e3o coloque l\u00f3gica de PHP complexa no layout. Use helpers ou extraia para elements.<\/li>\n\n\n\n
      2. Nomeie bem seus Elements:<\/strong> Use nomes sem\u00e2nticos como card-artigo.php<\/code> ou navbar-principal.php<\/code>.<\/li>\n\n\n\n
      3. Use Prefixos de Pasta:<\/strong> Se voc\u00ea tem muitos elements, organize-os em subpastas dentro de templates\/element\/<\/code> (ex: element\/blog\/sidebar.php<\/code>).<\/li>\n\n\n\n
      4. Cuidado com a Performance:<\/strong> Evite chamar muitas Cells em uma \u00fanica p\u00e1gina, pois cada uma pode gerar uma nova consulta ao banco de dados.<\/li>\n<\/ol>\n\n\n\n
        <\/div>\n\n\n\n
        Conclus\u00e3o: Um Front-end Inteligente e Sustent\u00e1vel<\/h2>\n\n\n\n
        Trabalhar com Layouts e Elements<\/strong> no CakePHP transforma a maneira como voc\u00ea constr\u00f3i interfaces. Em vez de ser um “escritor de HTML”, voc\u00ea se torna um “arquiteto de componentes”. Essa abordagem modular n\u00e3o s\u00f3 acelera o desenvolvimento inicial, como torna a manuten\u00e7\u00e3o do seu blog de 500 artigos ou de qualquer SaaS algo prazeroso e seguro.<\/p>\n\n\n\n
        Ao centralizar a estrutura em Layouts e as pe\u00e7as repetitivas em Elements, voc\u00ea garante que sua aplica\u00e7\u00e3o seja visualmente consistente e tecnicamente impec\u00e1vel. Voc\u00ea est\u00e1 preparado para qualquer mudan\u00e7a de design, pois agora seu front-end \u00e9 t\u00e3o organizado quanto o seu banco de dados.<\/p>\n\n\n\n
        Mas antes de dominar o CakePHP, se for o seu caso, toda jornada tem um in\u00edcio. Vamos entender quais s\u00e3o os conhecimentos b\u00e1sicos necess\u00e1rios para aproveitar ao m\u00e1ximo este poderoso framework. Para iniciar seus estudos no CakePHP, voc\u00ea precisar\u00e1 dominar as seguintes tecnologias:<\/p>\n\n\n\n
        \n
        \n
        \"HTML\"<\/a>
        HTML<\/figcaption><\/figure>\n<\/div>\n\n\n\n
        \n
        \"CSS\"<\/a>
        CSS<\/figcaption><\/figure>\n<\/div>\n\n\n\n
        \n
        \"Javascript\"<\/a>
        JavaScript<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
        \n
        \n
        \"SQL\"<\/a>
        SQL<\/figcaption><\/figure>\n<\/div>\n\n\n\n
        \n
        \"Capa<\/a>
        PHP<\/figcaption><\/figure>\n<\/div>\n<\/div>\n\n\n\n
        E se voc\u00ea gosta do nosso conte\u00fado, n\u00e3o deixe de contribuir adquirindo os servi\u00e7os e produtos dos nossos apoiadores e empresas que somos associados.<\/p>\n\n\n\n
        \n
        \n
        \"Hospedagem<\/a><\/figure>\n<\/div>\n\n\n\n
        \n
        \"Ofertas<\/a><\/figure>\n<\/div>\n\n\n\n
        \n
        \"Amazon<\/a><\/figure>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"
        Tempo de leitura: <\/span>  5<\/span> minutos<\/span><\/span>Layouts e Elements no CakePHP: Voc\u00ea j\u00e1 parou para pensar quanto tempo perde copiando e…<\/p>\n","protected":false},"author":1,"featured_media":5819,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[97],"tags":[],"class_list":["post-5883","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-cakephp","wpcat-97-id"],"yoast_head":"\nLayouts e Elements no CakePHP - BLOG THIAGO ROSSI<\/title>\n<meta name=\"description\" content=\"Layouts e Elements no CakePHP: No CakePHP, a visualiza\u00e7\u00e3o n\u00e3o \u00e9 apenas um amontoado de arquivos HTML. O framework utiliza um sistema de...\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/\" \/>\n<meta property=\"og:locale\" content=\"pt_BR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Layouts e Elements no CakePHP - BLOG THIAGO ROSSI\" \/>\n<meta property=\"og:description\" content=\"Layouts e Elements no CakePHP: No CakePHP, a visualiza\u00e7\u00e3o n\u00e3o \u00e9 apenas um amontoado de arquivos HTML. O framework utiliza um sistema de...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/\" \/>\n<meta property=\"og:site_name\" content=\"BLOG THIAGO ROSSI\" \/>\n<meta property=\"article:published_time\" content=\"2026-04-10T16:02:40+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-10T16:08:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/04\/capa-cakephp.png\" \/>\n\t<meta property=\"og:image:width\" content=\"758\" \/>\n\t<meta property=\"og:image:height\" content=\"426\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"author\" content=\"Thiago Rossi\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Escrito por\" \/>\n\t<meta name=\"twitter:data1\" content=\"Thiago Rossi\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. tempo de leitura\" \/>\n\t<meta name=\"twitter:data2\" content=\"8 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/\"},\"author\":{\"name\":\"Thiago Rossi\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\"},\"headline\":\"Layouts e Elements no CakePHP\",\"datePublished\":\"2026-04-10T16:02:40+00:00\",\"dateModified\":\"2026-04-10T16:08:11+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/\"},\"wordCount\":1055,\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/capa-cakephp.png\",\"articleSection\":[\"CakePHP\"],\"inLanguage\":\"pt-BR\"},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/\",\"name\":\"Layouts e Elements no CakePHP - BLOG THIAGO ROSSI\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/capa-cakephp.png\",\"datePublished\":\"2026-04-10T16:02:40+00:00\",\"dateModified\":\"2026-04-10T16:08:11+00:00\",\"description\":\"Layouts e Elements no CakePHP: No CakePHP, a visualiza\u00e7\u00e3o n\u00e3o \u00e9 apenas um amontoado de arquivos HTML. O framework utiliza um sistema de...\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/#breadcrumb\"},\"inLanguage\":\"pt-BR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/#primaryimage\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/capa-cakephp.png\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2026\\\/04\\\/capa-cakephp.png\",\"width\":758,\"height\":426,\"caption\":\"CakePHP\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/layouts-e-elements-no-cakephp\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Layouts e Elements no CakePHP\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"name\":\"THIAGO ROSSI\",\"description\":\"Mais de 20 anos de experi\u00eancia no mercado de TI!\",\"publisher\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\"},\"alternateName\":\"TR | CURSO WEB DEV\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"pt-BR\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#organization\",\"name\":\"THIAGO ROSSI\",\"alternateName\":\"TR | CURSO WEB DEV\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"contentUrl\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/wp-content\\\/uploads\\\/2024\\\/04\\\/new-logo.webp\",\"width\":300,\"height\":300,\"caption\":\"THIAGO ROSSI\"},\"image\":{\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/linkedin.com\\\/in\\\/thiagox86\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/#\\\/schema\\\/person\\\/5f28286948ec2afdeb2e044a2196cd87\",\"name\":\"Thiago Rossi\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"pt-BR\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g\",\"caption\":\"Thiago Rossi\"},\"description\":\"Com mais de 20 anos de experi\u00eancia em tecnologia, atuo como Engenheiro de Computa\u00e7\u00e3o, desenvolvedor de sistemas, escritor e produtor de conte\u00fado. Minha trajet\u00f3ria passa pelo ensino t\u00e9cnico, desenvolvimento web, arquitetura de sistemas e cria\u00e7\u00e3o de solu\u00e7\u00f5es voltadas para a ind\u00fastria de jogos digitais. Acredito que conhecimento deve ser acess\u00edvel e aplic\u00e1vel. Essa vis\u00e3o resultou em uma biblioteca com mais de 550 artigos gratuitos, abrangendo temas como desenvolvimento web, infraestrutura, intelig\u00eancia artificial, Game Design, mercado de jogos e carreiras na ind\u00fastria de games. Sou autor do livro \\\"GDD \u2013 O Guia Definitivo\\\", uma obra dedicada ao planejamento e documenta\u00e7\u00e3o de jogos digitais, e criador do GameMeTRix, uma plataforma que auxilia desenvolvedores na an\u00e1lise e valida\u00e7\u00e3o de ideias para jogos. Meu trabalho busca conectar planejamento, tecnologia e mercado para ajudar criadores a transformar boas ideias em projetos vi\u00e1veis. Atualmente concentro meus estudos e projetos no desenvolvimento de jogos web, na cria\u00e7\u00e3o de metodologias para valida\u00e7\u00e3o de produtos digitais e na produ\u00e7\u00e3o de conte\u00fado t\u00e9cnico voltado ao ecossistema de jogos. Meu compromisso \u00e9 unir teoria, pr\u00e1tica e experi\u00eancia de mercado para contribuir com o crescimento de novos desenvolvedores e profissionais da \u00e1rea.\",\"sameAs\":[\"https:\\\/\\\/thiagorossi.com.br\\\/blog\",\"https:\\\/\\\/instagram.com\\\/thiagorossix86\"],\"url\":\"https:\\\/\\\/thiagorossi.com.br\\\/blog\\\/author\\\/thiagorossi\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Layouts e Elements no CakePHP - BLOG THIAGO ROSSI","description":"Layouts e Elements no CakePHP: No CakePHP, a visualiza\u00e7\u00e3o n\u00e3o \u00e9 apenas um amontoado de arquivos HTML. O framework utiliza um sistema de...","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/","og_locale":"pt_BR","og_type":"article","og_title":"Layouts e Elements no CakePHP - BLOG THIAGO ROSSI","og_description":"Layouts e Elements no CakePHP: No CakePHP, a visualiza\u00e7\u00e3o n\u00e3o \u00e9 apenas um amontoado de arquivos HTML. O framework utiliza um sistema de...","og_url":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/","og_site_name":"BLOG THIAGO ROSSI","article_published_time":"2026-04-10T16:02:40+00:00","article_modified_time":"2026-04-10T16:08:11+00:00","og_image":[{"width":758,"height":426,"url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/04\/capa-cakephp.png","type":"image\/png"}],"author":"Thiago Rossi","twitter_card":"summary_large_image","twitter_misc":{"Escrito por":"Thiago Rossi","Est. tempo de leitura":"8 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/#article","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/"},"author":{"name":"Thiago Rossi","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87"},"headline":"Layouts e Elements no CakePHP","datePublished":"2026-04-10T16:02:40+00:00","dateModified":"2026-04-10T16:08:11+00:00","mainEntityOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/"},"wordCount":1055,"publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/04\/capa-cakephp.png","articleSection":["CakePHP"],"inLanguage":"pt-BR"},{"@type":"WebPage","@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/","url":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/","name":"Layouts e Elements no CakePHP - BLOG THIAGO ROSSI","isPartOf":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#website"},"primaryImageOfPage":{"@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/#primaryimage"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/#primaryimage"},"thumbnailUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/04\/capa-cakephp.png","datePublished":"2026-04-10T16:02:40+00:00","dateModified":"2026-04-10T16:08:11+00:00","description":"Layouts e Elements no CakePHP: No CakePHP, a visualiza\u00e7\u00e3o n\u00e3o \u00e9 apenas um amontoado de arquivos HTML. O framework utiliza um sistema de...","breadcrumb":{"@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/#breadcrumb"},"inLanguage":"pt-BR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/"]}]},{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/#primaryimage","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/04\/capa-cakephp.png","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2026\/04\/capa-cakephp.png","width":758,"height":426,"caption":"CakePHP"},{"@type":"BreadcrumbList","@id":"https:\/\/thiagorossi.com.br\/blog\/layouts-e-elements-no-cakephp\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/thiagorossi.com.br\/blog\/"},{"@type":"ListItem","position":2,"name":"Layouts e Elements no CakePHP"}]},{"@type":"WebSite","@id":"https:\/\/thiagorossi.com.br\/blog\/#website","url":"https:\/\/thiagorossi.com.br\/blog\/","name":"THIAGO ROSSI","description":"Mais de 20 anos de experi\u00eancia no mercado de TI!","publisher":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#organization"},"alternateName":"TR | CURSO WEB DEV","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/thiagorossi.com.br\/blog\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"pt-BR"},{"@type":"Organization","@id":"https:\/\/thiagorossi.com.br\/blog\/#organization","name":"THIAGO ROSSI","alternateName":"TR | CURSO WEB DEV","url":"https:\/\/thiagorossi.com.br\/blog\/","logo":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/","url":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","contentUrl":"https:\/\/thiagorossi.com.br\/blog\/wp-content\/uploads\/2024\/04\/new-logo.webp","width":300,"height":300,"caption":"THIAGO ROSSI"},"image":{"@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/linkedin.com\/in\/thiagox86"]},{"@type":"Person","@id":"https:\/\/thiagorossi.com.br\/blog\/#\/schema\/person\/5f28286948ec2afdeb2e044a2196cd87","name":"Thiago Rossi","image":{"@type":"ImageObject","inLanguage":"pt-BR","@id":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/bb28b4665f4162bab9fbef8db5a7f00597f79ab90ece9a67189bb6bce78d5786?s=96&d=retro&r=g","caption":"Thiago Rossi"},"description":"Com mais de 20 anos de experi\u00eancia em tecnologia, atuo como Engenheiro de Computa\u00e7\u00e3o, desenvolvedor de sistemas, escritor e produtor de conte\u00fado. Minha trajet\u00f3ria passa pelo ensino t\u00e9cnico, desenvolvimento web, arquitetura de sistemas e cria\u00e7\u00e3o de solu\u00e7\u00f5es voltadas para a ind\u00fastria de jogos digitais. Acredito que conhecimento deve ser acess\u00edvel e aplic\u00e1vel. Essa vis\u00e3o resultou em uma biblioteca com mais de 550 artigos gratuitos, abrangendo temas como desenvolvimento web, infraestrutura, intelig\u00eancia artificial, Game Design, mercado de jogos e carreiras na ind\u00fastria de games. Sou autor do livro \"GDD \u2013 O Guia Definitivo\", uma obra dedicada ao planejamento e documenta\u00e7\u00e3o de jogos digitais, e criador do GameMeTRix, uma plataforma que auxilia desenvolvedores na an\u00e1lise e valida\u00e7\u00e3o de ideias para jogos. Meu trabalho busca conectar planejamento, tecnologia e mercado para ajudar criadores a transformar boas ideias em projetos vi\u00e1veis. Atualmente concentro meus estudos e projetos no desenvolvimento de jogos web, na cria\u00e7\u00e3o de metodologias para valida\u00e7\u00e3o de produtos digitais e na produ\u00e7\u00e3o de conte\u00fado t\u00e9cnico voltado ao ecossistema de jogos. Meu compromisso \u00e9 unir teoria, pr\u00e1tica e experi\u00eancia de mercado para contribuir com o crescimento de novos desenvolvedores e profissionais da \u00e1rea.","sameAs":["https:\/\/thiagorossi.com.br\/blog","https:\/\/instagram.com\/thiagorossix86"],"url":"https:\/\/thiagorossi.com.br\/blog\/author\/thiagorossi\/"}]}},"_links":{"self":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/5883","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/comments?post=5883"}],"version-history":[{"count":3,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/5883\/revisions"}],"predecessor-version":[{"id":5886,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/posts\/5883\/revisions\/5886"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media\/5819"}],"wp:attachment":[{"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/media?parent=5883"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/categories?post=5883"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/thiagorossi.com.br\/blog\/wp-json\/wp\/v2\/tags?post=5883"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}