{"id":108,"date":"2026-05-07T18:52:06","date_gmt":"2026-05-07T18:52:06","guid":{"rendered":"https:\/\/uhost.com.br\/temav6\/?p=108"},"modified":"2026-05-07T18:52:06","modified_gmt":"2026-05-07T18:52:06","slug":"como-usar-o-menu-temas-no-painel-administrativo","status":"publish","type":"post","link":"https:\/\/uhost.com.br\/temav6\/como-usar-o-menu-temas-no-painel-administrativo\/","title":{"rendered":"Como Usar o Menu Temas no Painel Administrativo"},"content":{"rendered":"

O menu Temas<\/strong> permite que o administrador escolha, de forma din\u00e2mica, o design visual do site e do aplicativo da r\u00e1dio. Com apenas um clique, \u00e9 poss\u00edvel trocar completamente o visual sem perder nenhuma configura\u00e7\u00e3o personalizada.<\/p>\n

\n

\u2705 Passo 1 \u2014 Acesse o menu “Temas”<\/h2>\n

No painel administrativo, clique na op\u00e7\u00e3o Temas<\/strong> no menu lateral esquerdo (identificada por um \u00edcone de camadas laranja). A p\u00e1gina ser\u00e1 carregada exibindo todos os temas dispon\u00edveis para o seu site.<\/p>\n

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

\n

\u2705 Passo 2 \u2014 Conhe\u00e7a a Heran\u00e7a de Cores e Estilos<\/h2>\n

No topo da p\u00e1gina, voc\u00ea ver\u00e1 um aviso importante: todos os temas herdam automaticamente<\/strong> as configura\u00e7\u00f5es definidas em Cores e Estilos<\/strong> \u2014 como cor principal, cor do player e fontes. Isso significa que ao trocar de tema, voc\u00ea n\u00e3o perde<\/strong> nenhuma personaliza\u00e7\u00e3o j\u00e1 feita.<\/p>\n

\n

\u2705 Passo 3 \u2014 Explore os Temas Dispon\u00edveis<\/h2>\n

A p\u00e1gina exibe os temas dispon\u00edveis em cards visuais, cada um com uma pr\u00e9via do design e uma breve descri\u00e7\u00e3o do estilo. Os temas dispon\u00edveis atualmente s\u00e3o:<\/p>\n

    \n
  • WAVE<\/strong> \u2014 Layout brutalista com bordas s\u00f3lidas, tipografia expressiva e identidade jovem e vibrante.<\/li>\n
  • NEON<\/strong> \u2014 Visual de vidro transl\u00facido e brilho neon. Glassmorphism com energia criativa, neon glow e fundo profundo.<\/li>\n
  • PULSE<\/strong> \u2014 Design minimalista e foco total na experi\u00eancia do usu\u00e1rio. Interface limpa, navega\u00e7\u00e3o fluida e destaque para o \u00e1udio ao vivo.<\/li>\n<\/ul>\n

    \"Todos<\/p>\n

    \n

    \u2705 Passo 4 \u2014 Visualize ou Ative um Tema<\/h2>\n

    Ao passar o cursor do mouse sobre qualquer card de tema, dois bot\u00f5es aparecem sobre a pr\u00e9via:<\/p>\n

      \n
    • Ver ao vivo<\/strong> \u2014 Abre uma pr\u00e9via do tema no navegador sem ativ\u00e1-lo, permitindo que voc\u00ea visualize como o site ficar\u00e1 antes de confirmar a mudan\u00e7a.<\/li>\n
    • Ativar<\/strong> \u2014 Aplica o tema imediatamente ao site e ao aplicativo, trocando o design para todos os visitantes em tempo real.<\/li>\n<\/ul>\n

      \"Bot\u00f5es<\/p>\n

      \n

      \u2705 Passo 5 \u2014 Identifique o Tema Ativo<\/h2>\n

      O tema que est\u00e1 atualmente em uso no seu site \u00e9 marcado com a etiqueta laranja ATIVO<\/strong> sobre o card. Enquanto ativo, o card fica destacado com uma borda e fundo laranja, e o bot\u00e3o “Ativar” n\u00e3o \u00e9 exibido para ele \u2014 apenas o bot\u00e3o “Ver ao vivo”.<\/p>\n

      \n

      \ud83d\udca1 Dicas Importantes<\/h2>\n

      Ao trocar de tema, a mudan\u00e7a \u00e9 aplicada imediatamente e para todos os usu\u00e1rios<\/strong> do site. Utilize sempre o bot\u00e3o “Ver ao vivo”<\/strong> primeiro para conferir a apar\u00eancia antes de ativar. Lembre-se: suas cores, fontes e estilos personalizados s\u00e3o sempre mantidos independentemente do tema escolhido.<\/p>\n","protected":false},"excerpt":{"rendered":"

      O menu Temas permite que o administrador escolha, de forma din\u00e2mica, o design visual do site e do aplicativo da r\u00e1dio. Com apenas um clique, \u00e9 poss\u00edvel trocar completamente o visual sem perder nenhuma configura\u00e7\u00e3o personalizada. \u2705 Passo 1 \u2014 Acesse o menu “Temas” No painel administrativo, clique na op\u00e7\u00e3o Temas no menu lateral esquerdo (identificada por um \u00edcone de camadas laranja). A p\u00e1gina ser\u00e1 carregada exibindo todos os temas dispon\u00edveis para o seu site. \u2705 Passo 2 \u2014 Conhe\u00e7a a Heran\u00e7a de Cores e Estilos No topo da p\u00e1gina, voc\u00ea ver\u00e1 um aviso importante: todos os temas herdam automaticamente as configura\u00e7\u00f5es definidas em Cores e Estilos \u2014 como cor principal, cor do player e fontes. Isso significa que ao trocar de tema, voc\u00ea n\u00e3o perde nenhuma personaliza\u00e7\u00e3o j\u00e1 feita. \u2705 Passo 3 \u2014 Explore os Temas Dispon\u00edveis A p\u00e1gina exibe os temas dispon\u00edveis em cards visuais, cada um com uma pr\u00e9via do design e uma breve descri\u00e7\u00e3o do estilo. Os temas dispon\u00edveis atualmente s\u00e3o: WAVE \u2014 Layout brutalista com bordas s\u00f3lidas, tipografia expressiva e identidade jovem e vibrante. NEON \u2014 Visual de vidro transl\u00facido e brilho neon. Glassmorphism com energia criativa, neon glow e fundo profundo. PULSE \u2014 Design minimalista e foco total na experi\u00eancia do usu\u00e1rio. Interface limpa, navega\u00e7\u00e3o fluida e destaque para o \u00e1udio ao vivo. \u2705 Passo 4 \u2014 Visualize ou Ative um Tema Ao passar o cursor do mouse sobre qualquer card de tema, dois bot\u00f5es aparecem sobre a pr\u00e9via: Ver ao vivo \u2014 Abre uma pr\u00e9via do tema no navegador sem ativ\u00e1-lo, permitindo que voc\u00ea visualize como o site ficar\u00e1 antes de confirmar a mudan\u00e7a. Ativar \u2014 Aplica o tema imediatamente ao site e ao aplicativo, trocando o design para todos os visitantes em tempo real. \u2705 Passo 5 \u2014 Identifique o Tema Ativo O tema que est\u00e1 atualmente em uso no seu site \u00e9 marcado com a etiqueta laranja ATIVO sobre o card. Enquanto ativo, o card fica destacado com uma borda e fundo laranja, e o bot\u00e3o “Ativar” n\u00e3o \u00e9 exibido para ele \u2014 apenas o bot\u00e3o “Ver ao vivo”. \ud83d\udca1 Dicas Importantes Ao trocar de tema, a mudan\u00e7a \u00e9 aplicada imediatamente e para todos os usu\u00e1rios do site. Utilize sempre o bot\u00e3o “Ver ao vivo” primeiro para conferir a apar\u00eancia antes de ativar. Lembre-se: suas cores, fontes e estilos personalizados s\u00e3o sempre mantidos independentemente do tema escolhido.<\/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-108","post","type-post","status-publish","format-standard","hentry","category-v6"],"_links":{"self":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/108","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=108"}],"version-history":[{"count":1,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/108\/revisions"}],"predecessor-version":[{"id":112,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/posts\/108\/revisions\/112"}],"wp:attachment":[{"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/media?parent=108"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/categories?post=108"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/uhost.com.br\/temav6\/wp-json\/wp\/v2\/tags?post=108"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}