{"id":1711,"date":"2026-05-11T18:33:31","date_gmt":"2026-05-11T18:33:31","guid":{"rendered":"https:\/\/uhost.com.br\/temav6\/?p=1711"},"modified":"2026-05-11T22:14:39","modified_gmt":"2026-05-11T22:14:39","slug":"manual-modulos-como-organizar-a-home-no-painel-uhost-v6","status":"publish","type":"post","link":"https:\/\/uhost.com.br\/temav6\/manual-modulos-como-organizar-a-home-no-painel-uhost-v6\/","title":{"rendered":"M\u00f3dulos \u2014 Como Organizar a Home no Painel uHost V6"},"content":{"rendered":"

Vis\u00e3o Geral<\/h2>\n

O menu M\u00f3dulos<\/strong> (tamb\u00e9m chamado de Layout da Home<\/strong>) \u00e9 onde voc\u00ea controla a apar\u00eancia e a organiza\u00e7\u00e3o da p\u00e1gina inicial da sua r\u00e1dio. Por meio dele \u00e9 poss\u00edvel definir quais se\u00e7\u00f5es aparecem na Home, a ordem em que s\u00e3o exibidas, e os textos de t\u00edtulo e r\u00f3tulo de cada bloco de conte\u00fado. Qualquer altera\u00e7\u00e3o s\u00f3 \u00e9 aplicada ao site ap\u00f3s clicar em Salvar Layout<\/strong>.<\/p>\n

\"Vis\u00e3o<\/figure>\n
\n

Como a Tela \u00e9 Organizada<\/h2>\n

A tela \u00e9 dividida em tr\u00eas pain\u00e9is que funcionam de forma integrada:<\/p>\n

    \n
  • M\u00f3dulos (painel esquerdo):<\/strong> lista todos os blocos de se\u00e7\u00e3o dispon\u00edveis para adicionar \u00e0 Home. Os itens podem ser arrastados para a Grade do Layout.<\/li>\n
  • Grade do Layout (painel central):<\/strong> representa a estrutura visual da p\u00e1gina Home, com as se\u00e7\u00f5es organizadas em linhas numeradas (Linha 1, Linha 2, etc.). Cada linha pode conter at\u00e9 dois m\u00f3dulos lado a lado. \u00c9 aqui que voc\u00ea define a ordem de exibi\u00e7\u00e3o das se\u00e7\u00f5es.<\/li>\n
  • Editar M\u00f3dulo (painel direito):<\/strong> exibe as configura\u00e7\u00f5es do m\u00f3dulo selecionado na grade, como visibilidade, t\u00edtulo e r\u00f3tulo. Aparece somente quando voc\u00ea clica em um m\u00f3dulo na grade.<\/li>\n<\/ul>\n
    \n

    1. Exibir ou Ocultar M\u00f3dulos<\/h2>\n

    Para controlar se uma se\u00e7\u00e3o aparece ou n\u00e3o na Home, clique sobre o m\u00f3dulo na Grade do Layout<\/strong> para abrir o painel Editar M\u00f3dulo<\/strong>. Cada m\u00f3dulo possui um bot\u00e3o de altern\u00e2ncia (toggle) Vis\u00edvel na home<\/strong>:<\/p>\n

      \n
    • Toggle verde (ligado):<\/strong> o m\u00f3dulo est\u00e1 vis\u00edvel \u2014 a se\u00e7\u00e3o ser\u00e1 exibida na p\u00e1gina Home.<\/li>\n
    • Toggle cinza (desligado):<\/strong> o m\u00f3dulo est\u00e1 oculto \u2014 a se\u00e7\u00e3o n\u00e3o aparece na Home, mas seus dados e configura\u00e7\u00f5es s\u00e3o preservados.<\/li>\n<\/ul>\n

      Na Grade do Layout, os m\u00f3dulos vis\u00edveis exibem a etiqueta VIS\u00cdVEL<\/strong> em verde, tornando f\u00e1cil identificar quais est\u00e3o ativos de relance.<\/p>\n

      Ap\u00f3s ativar ou desativar um m\u00f3dulo, clique em Salvar Layout<\/strong> para aplicar as mudan\u00e7as ao site.<\/p>\n

      \"Painel<\/figure>\n
      \n

      2. Organizar a Posi\u00e7\u00e3o dos M\u00f3dulos<\/h2>\n

      A ordem dos m\u00f3dulos na Grade do Layout define exatamente a ordem em que as se\u00e7\u00f5es aparecer\u00e3o na Home. Voc\u00ea pode reorganizar as se\u00e7\u00f5es de duas formas:<\/p>\n

      Arrastar e Soltar<\/h3>\n

      Cada linha da grade possui um \u00edcone de arrastar<\/strong> (\u283f) no canto esquerdo do m\u00f3dulo. Clique e segure esse \u00edcone para mover o bloco para cima ou para baixo, reordenando as linhas conforme necess\u00e1rio. A numera\u00e7\u00e3o das linhas \u00e9 atualizada automaticamente.<\/p>\n

      Adicionar M\u00f3dulo a uma Linha Existente<\/h3>\n

      Cada linha da Grade do Layout pode comportar at\u00e9 dois m\u00f3dulos lado a lado<\/strong>. Para adicionar um segundo m\u00f3dulo a uma linha, basta arrastar um item do painel de M\u00f3dulos<\/strong> (\u00e0 esquerda) e solt\u00e1-lo na \u00e1rea com o texto “+ soltar aqui”<\/strong>, que aparece no espa\u00e7o vazio da linha. Isso cria um layout de duas colunas naquela posi\u00e7\u00e3o da Home.<\/p>\n

      Adicionar Nova Linha<\/h3>\n

      Para inserir uma nova se\u00e7\u00e3o na Home, clique no bot\u00e3o + Adicionar linha<\/strong> no topo da Grade do Layout. Uma nova linha vazia ser\u00e1 criada no final da grade, pronta para receber um m\u00f3dulo arrastado da lista de M\u00f3dulos.<\/p>\n

      Remover um M\u00f3dulo da Grade<\/h3>\n

      Para remover um m\u00f3dulo de uma linha, clique no \u00edcone \u2715<\/strong> que aparece no canto superior direito do bloco na grade. O m\u00f3dulo volta a ficar dispon\u00edvel na lista de M\u00f3dulos \u00e0 esquerda e pode ser adicionado novamente depois.<\/p>\n

      \"Grade<\/figure>\n
      \n

      3. Definir T\u00edtulos e R\u00f3tulos dos M\u00f3dulos<\/h2>\n

      Ao clicar em um m\u00f3dulo na Grade do Layout, o painel Editar M\u00f3dulo<\/strong> exibe os campos de texto que aparecem visualmente na Home para aquela se\u00e7\u00e3o. Os campos dispon\u00edveis variam conforme o m\u00f3dulo, mas em geral s\u00e3o:<\/p>\n

        \n
      • R\u00f3tulo:<\/strong> texto pequeno exibido acima do t\u00edtulo, geralmente em destaque com uma cor diferente. Funciona como uma etiqueta ou categoria. Exemplo: “Em destaque”, “Programa\u00e7\u00e3o”.<\/li>\n
      • T\u00edtulo:<\/strong> texto principal da se\u00e7\u00e3o, exibido em maior destaque. \u00c9 o nome vis\u00edvel da se\u00e7\u00e3o na Home. Exemplo: “\u00daltimas Not\u00edcias”, “No Ar Agora”.<\/li>\n
      • Link Ver Todas:<\/strong> texto do bot\u00e3o\/link que aparece na se\u00e7\u00e3o e direciona o visitante para a p\u00e1gina completa daquele conte\u00fado. Exemplo: “Ver Todas \u2192”. Este campo est\u00e1 dispon\u00edvel apenas em m\u00f3dulos com listagem de conte\u00fado, como Not\u00edcias, Promo\u00e7\u00f5es e Podcasts.<\/em><\/li>\n<\/ul>\n

        Ap\u00f3s editar os textos, clique em Salvar Layout<\/strong> para aplicar as altera\u00e7\u00f5es ao site.<\/p>\n

        \"Painel<\/figure>\n
        \n

        M\u00f3dulos Dispon\u00edveis<\/h2>\n

        Os seguintes m\u00f3dulos podem ser adicionados \u00e0 Home:<\/p>\n

          \n
        • Slider<\/strong> \u2014 banner principal rotativo no topo da p\u00e1gina.<\/li>\n
        • Not\u00edcias<\/strong> \u2014 lista as \u00faltimas not\u00edcias publicadas.<\/li>\n
        • Top M\u00fasicas<\/strong> \u2014 exibe o ranking das m\u00fasicas mais tocadas.<\/li>\n
        • Promo\u00e7\u00f5es<\/strong> \u2014 mostra as promo\u00e7\u00f5es ativas.<\/li>\n
        • Equipe<\/strong> \u2014 apresenta os membros da equipe da r\u00e1dio.<\/li>\n
        • Programa\u00e7\u00e3o<\/strong> \u2014 exibe a grade de programa\u00e7\u00e3o ao vivo.<\/li>\n
        • Eventos<\/strong> \u2014 lista os pr\u00f3ximos eventos agendados.<\/li>\n
        • Podcasts<\/strong> \u2014 exibe os epis\u00f3dios de podcast dispon\u00edveis.<\/li>\n<\/ul>\n
          \n

          Passo a Passo: Reorganizar a Home<\/h2>\n
            \n
          1. Acesse o menu M\u00f3dulos<\/strong> no painel administrativo.<\/li>\n
          2. Na Grade do Layout<\/strong>, visualize a ordem atual das se\u00e7\u00f5es.<\/li>\n
          3. Para reordenar<\/strong>, clique e arraste os m\u00f3dulos usando o \u00edcone \u283f \u00e0 esquerda de cada bloco.<\/li>\n
          4. Para ocultar<\/strong> uma se\u00e7\u00e3o, clique no m\u00f3dulo e desative o toggle Vis\u00edvel na home<\/em> no painel direito.<\/li>\n
          5. Para editar os textos<\/strong> (R\u00f3tulo, T\u00edtulo, Link), clique no m\u00f3dulo e altere os campos desejados no painel Editar M\u00f3dulo<\/em>.<\/li>\n
          6. Para adicionar<\/strong> um m\u00f3dulo que n\u00e3o est\u00e1 na grade, arraste-o da lista de M\u00f3dulos (painel esquerdo) para uma linha existente ou crie uma nova com + Adicionar linha<\/em>.<\/li>\n
          7. Ao finalizar todas as altera\u00e7\u00f5es, clique no bot\u00e3o Salvar Layout<\/strong> no topo da tela.<\/li>\n<\/ol>\n
            \n

            Dicas e Boas Pr\u00e1ticas<\/h2>\n
              \n
            • Posicione os m\u00f3dulos de maior import\u00e2ncia nas primeiras linhas<\/strong> da grade \u2014 as se\u00e7\u00f5es do topo recebem mais aten\u00e7\u00e3o dos visitantes.<\/li>\n
            • Utilize o R\u00f3tulo<\/strong> para criar um contexto visual r\u00e1pido (ex: “Novidades”, “Destaques”) e o T\u00edtulo<\/strong> para o nome principal da se\u00e7\u00e3o.<\/li>\n
            • Mantenha apenas os m\u00f3dulos relevantes vis\u00edveis<\/strong> \u2014 ocultar se\u00e7\u00f5es com pouco conte\u00fado evita que a Home pare\u00e7a vazia ou desatualizada.<\/li>\n
            • Teste com dois m\u00f3dulos na mesma linha para criar um layout de duas colunas<\/strong>, aproveitando melhor o espa\u00e7o visual da Home.<\/li>\n
            • Sempre clique em Salvar Layout<\/strong> antes de sair da tela \u2014 as altera\u00e7\u00f5es n\u00e3o salvas ser\u00e3o perdidas.<\/li>\n<\/ul>\n","protected":false},"excerpt":{"rendered":"

              Vis\u00e3o Geral O menu M\u00f3dulos (tamb\u00e9m chamado de Layout da Home) \u00e9 onde voc\u00ea controla a apar\u00eancia e a organiza\u00e7\u00e3o da p\u00e1gina inicial da sua r\u00e1dio. Por meio dele \u00e9 poss\u00edvel definir quais se\u00e7\u00f5es aparecem na Home, a ordem em que s\u00e3o exibidas, e os textos de t\u00edtulo e r\u00f3tulo de cada bloco de conte\u00fado. Qualquer altera\u00e7\u00e3o s\u00f3 \u00e9 aplicada ao site ap\u00f3s clicar em Salvar Layout. Como a Tela \u00e9 Organizada A tela \u00e9 dividida em tr\u00eas pain\u00e9is que funcionam de forma integrada: M\u00f3dulos (painel esquerdo): lista todos os blocos de se\u00e7\u00e3o dispon\u00edveis para adicionar \u00e0 Home. Os itens podem ser arrastados para a Grade do Layout. Grade do Layout (painel central): representa a estrutura visual da p\u00e1gina Home, com as se\u00e7\u00f5es organizadas em linhas numeradas (Linha 1, Linha 2, etc.). Cada linha pode conter at\u00e9 dois m\u00f3dulos lado a lado. \u00c9 aqui que voc\u00ea define a ordem de exibi\u00e7\u00e3o das se\u00e7\u00f5es. Editar M\u00f3dulo (painel direito): exibe as configura\u00e7\u00f5es do m\u00f3dulo selecionado na grade, como visibilidade, t\u00edtulo e r\u00f3tulo. Aparece somente quando voc\u00ea clica em um m\u00f3dulo na grade. 1. Exibir ou Ocultar M\u00f3dulos Para controlar se uma se\u00e7\u00e3o aparece ou n\u00e3o na Home, clique sobre o m\u00f3dulo na Grade do Layout para abrir o painel Editar M\u00f3dulo. Cada m\u00f3dulo possui um bot\u00e3o de altern\u00e2ncia (toggle) Vis\u00edvel na home: Toggle verde (ligado): o m\u00f3dulo est\u00e1 vis\u00edvel \u2014 a se\u00e7\u00e3o ser\u00e1 exibida na p\u00e1gina Home. Toggle cinza (desligado): o m\u00f3dulo est\u00e1 oculto \u2014 a se\u00e7\u00e3o n\u00e3o aparece na Home, mas seus dados e configura\u00e7\u00f5es s\u00e3o preservados. Na Grade do Layout, os m\u00f3dulos vis\u00edveis exibem a etiqueta VIS\u00cdVEL em verde, tornando f\u00e1cil identificar quais est\u00e3o ativos de relance. Ap\u00f3s ativar ou desativar um m\u00f3dulo, clique em Salvar Layout para aplicar as mudan\u00e7as ao site. 2. Organizar a Posi\u00e7\u00e3o dos M\u00f3dulos A ordem dos m\u00f3dulos na Grade do Layout define exatamente a ordem em que as se\u00e7\u00f5es aparecer\u00e3o na Home. Voc\u00ea pode reorganizar as se\u00e7\u00f5es de duas formas: Arrastar e Soltar Cada linha da grade possui um \u00edcone de arrastar (\u283f) no canto esquerdo do m\u00f3dulo. Clique e segure esse \u00edcone para mover o bloco para cima ou para baixo, reordenando as linhas conforme necess\u00e1rio. A numera\u00e7\u00e3o das linhas \u00e9 atualizada automaticamente. Adicionar M\u00f3dulo a uma Linha Existente Cada linha da Grade do Layout pode comportar at\u00e9 dois m\u00f3dulos lado a lado. Para adicionar um segundo m\u00f3dulo a uma linha, basta arrastar um item do painel de M\u00f3dulos (\u00e0 esquerda) e solt\u00e1-lo na \u00e1rea com o texto “+ soltar aqui”, que aparece no espa\u00e7o vazio da linha. Isso cria um layout de duas colunas naquela posi\u00e7\u00e3o da Home. Adicionar Nova Linha Para inserir uma nova se\u00e7\u00e3o na Home, clique no bot\u00e3o + Adicionar linha no topo da Grade do Layout. Uma nova linha vazia ser\u00e1 criada no final da grade, pronta para receber um m\u00f3dulo arrastado da lista de M\u00f3dulos. Remover um M\u00f3dulo da Grade Para remover um m\u00f3dulo de uma linha, clique no \u00edcone \u2715 que aparece no canto superior direito do bloco na grade. O m\u00f3dulo volta a ficar dispon\u00edvel na lista de M\u00f3dulos \u00e0 esquerda e pode ser adicionado novamente depois. 3. Definir T\u00edtulos e R\u00f3tulos dos M\u00f3dulos Ao clicar em um m\u00f3dulo na Grade do Layout, o painel Editar M\u00f3dulo exibe os campos de texto que aparecem visualmente na Home para aquela se\u00e7\u00e3o. Os campos dispon\u00edveis variam conforme o m\u00f3dulo, mas em geral s\u00e3o: R\u00f3tulo: texto pequeno exibido acima do t\u00edtulo, geralmente em destaque com uma cor diferente. Funciona como uma etiqueta ou categoria. Exemplo: “Em destaque”, “Programa\u00e7\u00e3o”. T\u00edtulo: texto principal da se\u00e7\u00e3o, exibido em maior destaque. \u00c9 o nome vis\u00edvel da se\u00e7\u00e3o na Home. Exemplo: “\u00daltimas Not\u00edcias”, “No Ar Agora”. Link Ver Todas: texto do bot\u00e3o\/link que aparece na se\u00e7\u00e3o e direciona o visitante para a p\u00e1gina completa daquele conte\u00fado. Exemplo: “Ver Todas \u2192”. Este campo est\u00e1 dispon\u00edvel apenas em m\u00f3dulos com listagem de conte\u00fado, como Not\u00edcias, Promo\u00e7\u00f5es e Podcasts. Ap\u00f3s editar os textos, clique em Salvar Layout para aplicar as altera\u00e7\u00f5es ao site. M\u00f3dulos Dispon\u00edveis Os seguintes m\u00f3dulos podem ser adicionados \u00e0 Home: Slider \u2014 banner principal rotativo no topo da p\u00e1gina. Not\u00edcias \u2014 lista as \u00faltimas not\u00edcias publicadas. Top M\u00fasicas \u2014 exibe o ranking das m\u00fasicas mais tocadas. Promo\u00e7\u00f5es \u2014 mostra as promo\u00e7\u00f5es ativas. Equipe \u2014 apresenta os membros da equipe da r\u00e1dio. Programa\u00e7\u00e3o \u2014 exibe a grade de programa\u00e7\u00e3o ao vivo. Eventos \u2014 lista os pr\u00f3ximos eventos agendados. Podcasts \u2014 exibe os epis\u00f3dios de podcast dispon\u00edveis. Passo a Passo: Reorganizar a Home Acesse o menu M\u00f3dulos no painel administrativo. Na Grade do Layout, visualize a ordem atual das se\u00e7\u00f5es. Para reordenar, clique e arraste os m\u00f3dulos usando o \u00edcone \u283f \u00e0 esquerda de cada bloco. Para ocultar uma se\u00e7\u00e3o, clique no m\u00f3dulo e desative o toggle Vis\u00edvel na home no painel direito. Para editar os textos (R\u00f3tulo, T\u00edtulo, Link), clique no m\u00f3dulo e altere os campos desejados no painel Editar M\u00f3dulo. Para adicionar um m\u00f3dulo que n\u00e3o est\u00e1 na grade, arraste-o da lista de M\u00f3dulos (painel esquerdo) para uma linha existente ou crie uma nova com + Adicionar linha. Ao finalizar todas as altera\u00e7\u00f5es, clique no bot\u00e3o Salvar Layout no topo da tela. Dicas e Boas Pr\u00e1ticas Posicione os m\u00f3dulos de maior import\u00e2ncia nas primeiras linhas da grade \u2014 as se\u00e7\u00f5es do topo recebem mais aten\u00e7\u00e3o dos visitantes. Utilize o R\u00f3tulo para criar um contexto visual r\u00e1pido (ex: “Novidades”, “Destaques”) e o T\u00edtulo para o nome principal da se\u00e7\u00e3o. Mantenha apenas os m\u00f3dulos relevantes vis\u00edveis \u2014 ocultar se\u00e7\u00f5es com pouco conte\u00fado evita que a Home pare\u00e7a vazia ou desatualizada. Teste com dois m\u00f3dulos na mesma linha para criar um layout de duas colunas, aproveitando melhor o espa\u00e7o visual da Home. Sempre clique em Salvar Layout antes de sair da tela \u2014 as altera\u00e7\u00f5es n\u00e3o salvas ser\u00e3o perdidas.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-1711","post","type-post","status-publish","format-standard","hentry","category-v6"],"_links":{"self":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/1711","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/comments?post=1711"}],"version-history":[{"count":2,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/1711\/revisions"}],"predecessor-version":[{"id":1765,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/1711\/revisions\/1765"}],"wp:attachment":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/media?parent=1711"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/categories?post=1711"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/tags?post=1711"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}