---
title: "Modificar a estrutura HTML das páginas de detalhes de Artigo e Vídeo (usuários avançados)"
description: "Agora é possível alterar o layout da página de detalhe da página Artigos ou Vídeos modificando o código HTML da página.  Esta funcionalidade opera através"
canonical_url: "https://pt.goodbarber.com/help/personalizar-seu-app-com-as-ferramentas-de-desenvolvedor-r14/modificar-a-estrutura-html-das-paginas-de-detalhes-de-artigo-e-video-usuarios-avancados-a137/"
lang: pt
---

# Modificar a estrutura HTML das páginas de detalhes de Artigo e Vídeo (usuários avançados)

Source: https://pt.goodbarber.com/help/personalizar-seu-app-com-as-ferramentas-de-desenvolvedor-r14/modificar-a-estrutura-html-das-paginas-de-detalhes-de-artigo-e-video-usuarios-avancados-a137/

Agora é possível alterar o **layout** da página de detalhe da página **Artigos ou Vídeos** modificando o código HTML da página.
Esta funcionalidade opera através de **tokens** (tokens disponíveis listados em baixo).

**/!\Atenção:** apenas para especialistas! Se os tokens básicos não estiverem incluídos no código HTML, a página **não irá apresentar qualquer conteúdo**.

Para isso, vá em**[Sua página] > Página do Artigo.**
Edite o template do artigo para abrir o Menu do "código HTML".

## 1. Template default para as páginas Artigos

<h1>[TITLE]</h1><div class="date">Written on [DATE]</div><div class="author">[AUTHOR]</div><hr class="sep"/><div class="content">[CONTENT]</div>

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038215-27899086.jpg?v=1781710022.413375)

## 2. Template default para as páginas Vídeos

<h1>[TITLE]</h1><div class="date">Posted on [DATE]</div><div class="author">[DURATION] | [VIEWS]</div><hr class="sep"/>[EMBEDHTML]<div class="content">[CONTENT]</div>

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038215-27899087.jpg?v=1781710022.421375)

## 3. Exemplo

Se você quiser remover o nome do autor na página de detalhes, deve garantir que o [AUTHOR] token não está presente no código de HTML da página.
Podemos ainda mudar o formato da data recorrendo a um token especializado.

Neste exemplo, o código HTML irá se transformar em:
<h1>[TITLE]</h1><div class="date">Written on [DATETXT1]</div><hr class="sep"/><div class="content">[CONTENT]</div>

![](https://cmsphoto.ww-cdn.com/superstatic/1138983/art/default/28038215-27899088.jpg?v=1781710022.4333751)

## 4. Tokens que podem ser usados:

**- [TITLE] :**Título do artigo / vídeo
**- [DATE] :** Data da publicação, no formato default
-**[HOUR] :**Hora da publicação
-**[AUTHOR] :**Autor do artigo / vídeo
**- [CONTENT] :** Conteúdo completo (descrição) do artigo / vídeo
**- [EMBEDHTML] :**Código HTML de embed para vídeos (usado apenas nos detalhes da página das páginas vídeo)
-**[DURATION] :** Duração do vídeo (usado apenas na página vídeos)
**- [VIEWS] :** Visualizações do vídeo (usado apenas na página vídeos)
**- [ADDRESS] :** Lugar do evento (usado apenas na página eventos)
**- [NBCOMMENTS] :** Número de comentários nos itens
**- [CURRENT] :** Posição da imagem na lista (usada apenas na página fotos)
**- [TOTAL] :**Número total de imagens na lista (usada apenas na página fotos)
**- [URL_ITEM] :**URL do item da sua origem

## 5. Formatos Alternativos de Data

O formato da data de **[DATA]** token pode variar de acordo com o idioma que foi definido para o seu app, porém será sempre definida como **data de estilo curto** ("01/03/2014").

Você pode usar estes tokens ao invés de [DATA] para apresentar **outros formatos de data.**

**- [DATETXT1] :** Quinta-feira, 2 de janeiro de 2014
**- [DATETXT2] :** 2 de janeiro de 2014
**- [DATETXT3] :** Quinta-feira, 2 janeiro
**- [DATETXT4] :** 01/02/2014
**- [DATETXT5] :** 01/02
**- [DATETXT6] :** 01/2014
**- [DATETXT7] :**Janeiro 2014
-**[DATETXT8] :** Janeiro