# Publicação de Página

**URL:** https://meta.discourse.org/t/page-publishing/151971
**Category:** Site Management
**Tags:** how-to, page-publishing, content
**Created:** [19 Maio , 2020 18:56 UTC](https://meta.discourse.org/t/page-publishing/151971 "2020-05-19T18:56:39Z")
**Posts on this page:** 20
**Page:** 2

<div class="post-metadata">

### Author: ![sbernhard](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/sbernhard/32/208186_2.png) [@sbernhard](https://meta.discourse.org/u/sbernhard)
#### Post date: [14 Dezembro , 2020 20:53 UTC](https://meta.discourse.org/t/page-publishing/151971/107 "2020-12-14T20:53:52Z")

</div>

Gostaria de substituir o procourse-static-pages por “publicação de páginas”. É possível adicionar o cabeçalho padrão do Discourse à “página publicada”? Quero dizer, mostrar o logotipo no lado esquerdo, a busca, o ícone de hambúrguer, o avatar e a funcionalidade relacionada a esses botões no lado direito. Assim, seria uma substituição do procourse-static-pages.

Além disso, seria ótimo usar o DiscoTOC também para a página publicada.

---

<div class="post-metadata">

### Author: ![Krischan](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/krischan/32/47290_2.png) [@Krischan](https://meta.discourse.org/u/Krischan)
#### Post date: [18 Janeiro , 2021 16:34 UTC](https://meta.discourse.org/t/page-publishing/151971/108 "2021-01-18T16:34:11Z")

</div>

Muito obrigado por essa funcionalidade! Ela permite criar ótimas páginas de destino além da página inicial. Seria ótimo ter os metadados adequados necessários para compartilhamento em redes sociais, SEO ou Google Discover (este último, aparentemente, tornou-se mais importante que a pesquisa do Google no meu país nos últimos meses, quando se trata de tráfego). Há planos de fornecer um título e descrição meta, além de meta tags personalizadas para as principais redes sociais, ou até mesmo torná-los editáveis?

---

<div class="post-metadata">

### Author: ![reclaimedpress](https://avatars.discourse-cdn.com/v4/letter/r/91b2a8/32.png) [@reclaimedpress](https://meta.discourse.org/u/reclaimedpress)
#### Post date: [8 Março , 2021 22:43 UTC](https://meta.discourse.org/t/page-publishing/151971/111 "2021-03-08T22:43:45Z")

</div>

Alguma atualização sobre a possibilidade de incluir o cabeçalho do Discourse nas páginas publicadas?

---

<div class="post-metadata">

### Author: ![MrDavis97](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/mrdavis97/32/206391_2.png) [@MrDavis97](https://meta.discourse.org/u/MrDavis97)
#### Post date: [9 Março , 2021 02:08 UTC](https://meta.discourse.org/t/page-publishing/151971/112 "2021-03-09T02:08:16Z")

</div>

Será que algum dia será possível renderizar LaTeX em uma página publicada? Seria legal escrever artigos de matemática.

---

<div class="post-metadata">

### Author: ![lhkjacky](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lhkjacky/32/204198_2.png) [@lhkjacky](https://meta.discourse.org/u/lhkjacky)
#### Post date: [10 Março , 2021 16:08 UTC](https://meta.discourse.org/t/page-publishing/151971/113 "2021-03-10T16:08:58Z")

</div>

Posso perguntar? Existe uma URL que liste todas as páginas publicadas para o Administrador? Assim, o Administrador poderá ver facilmente todas as páginas que publicou. Algo semelhante ao WordPress? Caso contrário, seria ótimo se a URL `example.com/pub/` listasse todas as páginas publicadas.

---

<div class="post-metadata">

### Author: ![rsmithlal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rsmithlal/32/220716_2.png) [@rsmithlal](https://meta.discourse.org/u/rsmithlal)
#### Post date: [21 Julho , 2021 14:14 UTC](https://meta.discourse.org/t/page-publishing/151971/116 "2021-07-21T14:14:02Z")

</div>

Há algum plano para permitir a renderização dessas páginas publicadas dentro do layout padrão do Discourse Ember? Parece uma pena que não seja possível simplesmente integrá-las ao layout como as outras seções do aplicativo. Vi várias pessoas fazerem essa mesma pergunta neste tópico, mas ninguém parece ter dado uma resposta direta até agora.

Todos os outros plugins de páginas estáticas que pesquisei também parecem renderizar seu conteúdo estático em seus próprios layouts do Rails. Isso é uma limitação da plataforma Discourse ou simplesmente porque ninguém ainda implementou isso?

Se não houver uma limitação rígida contra a renderização das páginas publicadas dentro do layout normal do aplicativo (com cabeçalho), por onde devo começar para fazer essa funcionalidade avançar?

Obrigado 😃

---

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [21 Julho , 2021 16:42 UTC](https://meta.discourse.org/t/page-publishing/151971/117 "2021-07-21T16:42:43Z")

</div>

Você pode alterar o estilo de acordo com a postagem original: [Page Publishing](https://meta.discourse.org/t/page-publishing/151971#styling-of-a-published-page)

---

<div class="post-metadata">

### Author: ![rsmithlal](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rsmithlal/32/220716_2.png) [@rsmithlal](https://meta.discourse.org/u/rsmithlal)
#### Post date: [21 Julho , 2021 17:32 UTC](https://meta.discourse.org/t/page-publishing/151971/118 "2021-07-21T17:32:39Z")

</div>

Obrigado, @hellekin. No entanto, isso não aborda o ponto principal da minha resposta. Perguntei se é possível renderizar as páginas publicadas dentro do layout normal do aplicativo Ember.js (com o logotipo, a busca, o menu hambúrguer e a navegação do usuário), e não como personalizar o layout das páginas publicadas separadas.

Quero que o conteúdo estático seja renderizado dentro do layout normal do aplicativo, da mesma forma que uma página de detalhes de categoria ou tópico seria carregada. Gostaria de usar todos os plugins e componentes de tema existentes que interagem com o layout principal do aplicativo Ember.

 ![image](https://global.discourse-cdn.com/meta/original/3X/5/7/57be286ed6d0c0ad1935a7d475b55e6a30086bb7.jpeg)

---

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [23 Julho , 2021 09:40 UTC](https://meta.discourse.org/t/page-publishing/151971/119 "2021-07-23T09:40:35Z")

</div>

Acho que o objetivo das páginas publicadas é remover a interface do Discourse.

Embora eu concorde que seria ótimo ter alguns recursos (por exemplo, de componentes de tema ou plugins), acho que linkar para tópicos funcionaria melhor no seu caso. Talvez você queira explorar estilizar tópicos fechados?

---

<div class="post-metadata">

### Author: ![cokestroke](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/cokestroke/32/242007_2.png) [@cokestroke](https://meta.discourse.org/u/cokestroke)
#### Post date: [2 Setembro , 2021 08:55 UTC](https://meta.discourse.org/t/page-publishing/151971/121 "2021-09-02T08:55:38Z")

</div>

É possível manter o cabeçalho do site intacto na página publicada ou perdi alguma dica?

---

<div class="post-metadata">

### Author: ![JQ331](https://avatars.discourse-cdn.com/v4/letter/j/41988e/32.png) [@JQ331](https://meta.discourse.org/u/JQ331)
#### Post date: [23 Setembro , 2021 13:31 UTC](https://meta.discourse.org/t/page-publishing/151971/122 "2021-09-23T13:31:04Z")

</div>

A publicação de páginas é realmente legal — os tópicos ficam ótimos como páginas independentes. Mas não consegui usá-la como eu esperava:

1. Achei que um uso legal seria configurar a publicação de páginas como uma página inicial para o fórum — assim, antes de os usuários fazerem login, eles veriam um tópico que eu publiquei e estilizei para ser a página que eles veem. Isso é possível?

2. A postagem original aqui menciona que você pode estilizar a página. Há uma maneira de adicionar jQuery ou JavaScript à página? (edição: vejo que, pela discussão anterior, houve solicitações para adicionar jQuery e JavaScript às páginas, mas ainda não foi implementado, pelo menos até o ano passado — basicamente, parece que as pessoas esperavam poder ter uma página estática, mas renderizada com as mesmas possibilidades de personalização de um tópico normal — o que eu também gostaria muito.

---

<div class="post-metadata">

### Author: ![RGJ](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/rgj/32/523185_2.png) [@RGJ](https://meta.discourse.org/u/RGJ)
#### Post date: [23 Setembro , 2021 13:46 UTC](https://meta.discourse.org/t/page-publishing/151971/123 "2021-09-23T13:46:59Z")

</div>

> [@JQ331](#):
>
> Existe alguma maneira de adicionar jQuery ou JavaScript à página?

Sim, existe, embora não seja imediatamente óbvio.

> [@RGJ](#):
>
> De fato, parece que o `text/javascript` “comum” está sendo executado nas páginas publicadas quando está no `header` ou `footer` de um componente do tema.

---

<div class="post-metadata">

### Author: ![hellekin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/hellekin/32/51636_2.png) [@hellekin](https://meta.discourse.org/u/hellekin)
#### Post date: [20 Outubro , 2022 17:26 UTC](https://meta.discourse.org/t/page-publishing/151971/128 "2022-10-20T17:26:10Z")

</div>

Existe uma maneira preferencial de vincular de volta à postagem original a partir da página publicada?

Eu me vejo querendo fazer isso com frequência, para incentivar respostas dos leitores, mantendo o controle sobre o estilo da página publicada somente leitura. Tentei várias maneiras, incluindo vincular ao tópico de forma proeminente ou simplesmente com um link de ‘discussão’.

Talvez uma opção para adicionar um botão de discussão que permanecesse visível o tempo todo (mas ainda pudesse ser modificado com CSS) pudesse funcionar. Alguém já implementou tal truque de CSS?

---

<div class="post-metadata">

### Author: ![JammyDodger](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/jammydodger/32/254611_2.png) [@JammyDodger](https://meta.discourse.org/u/JammyDodger)
#### Post date: [6 Dezembro , 2022 16:49 UTC](https://meta.discourse.org/t/page-publishing/151971/143 "2022-12-06T16:49:12Z")

</div>

2 posts foram divididos para um novo tópico: [Uma página publicada pode aparecer ao lado de sobre/faqs/tos/privacidade?](https://meta.discourse.org/t/can-a-published-page-appear-alongside-about-faqs-tos-privacy/248018)

---

<div class="post-metadata">

### Author: ![lisandro\_iaffar](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/lisandro_iaffar/32/315816_2.png) [@lisandro\_iaffar](https://meta.discourse.org/u/lisandro_iaffar)
#### Post date: [18 Dezembro , 2022 10:39 UTC](https://meta.discourse.org/t/page-publishing/151971/144 "2022-12-18T10:39:28Z")

</div>

Dependendo da natureza da página, deixo um link onde for adequado. Em alguns no topo, como aqui:

 ![Captura de tela de 2022-12-18 07-34-37](https://global.discourse-cdn.com/meta/original/4X/f/7/a/f7a0f0ec6171369c523a8bb84c9deacf49dadc72.png)

Em alguns no final, como aqui:

 ![Captura de tela de 2022-12-18 07-36-08](https://global.discourse-cdn.com/meta/original/4X/2/b/c/2bcca5be52429ab3bb97adbc19593dcafcc58ef6.png)

Você pode “simular” um botão codificando CSS para uma tag específica, como fiz para o cabeçalho desta categoria:

[https://foro.enunionylibertad.com/c/uni2-cordoba/6](https://foro.enunionylibertad.com/c/uni2-cordoba/6)

Texto:

```plaintext
Cidadãos com a convicção de que a República Argentina pode, deve e será um lugar melhor, se trabalharmos todos Unidos em prol da Liberdade.
    [**Afiliação**](https://foro.enunionylibertad.com/t/formulario-de-pre-afiliacion/92)

```

(a parte importante são as tags `<mark>`)

CSS para as referidas tags `<mark>`:

```plaintext
/* Código para MUDAR a renderização da tag "mark" para algo que pareça uma "barra de menu" */
mark {
  display: inline-block;
  background-color: #E1E1E1 !important;
  color: black;
  border-radius: 20px !important;
  padding-top: 5px;
  padding-bottom: 5px;
}

```

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [7 Fevereiro , 2023 12:38 UTC](https://meta.discourse.org/t/page-publishing/151971/145 "2023-02-07T12:38:43Z")

</div>

Uma alternativa ao Page Publishing - outro método é usar CSS para _ **remover** _ os elementos indesejados em um Tópico Regular, preservando toda a funcionalidade (ou seja, Javascripts em Componentes de Tema instalados e estilo CSS, etc.)

Tags no composer podem ser usadas para aplicar seletivamente formatação a um Tópico específico.

Por exemplo, no meu site, consigo isso colando o seguinte CSS no CSS do meu tema na aba _Comum_:

```plaintext
/ **********************REMOVER COISAS DO LAYOUT USANDO TAGS*************** /

.tag-no-header {
    .d-header {
        display: none !important;
    }
    #post_1 nav.post-controls .actions button.edit {
    top: 0px !important;
    }
    .topic-body h1 {
        padding-top: 0 !important;
    }
}

.tag-no-sidebars {
    aside.sidebar {
        display: none !important;
    }
}

.tag-no-category {
    .topic-category {
        display: none !important;
    }
}

.tag-no-timeline {
    .topic-navigation {
        display:none !important;
    }
    .container.posts {
        grid-template-columns: 100% !important;
    }
    .topic-body {
    width: 100% !important;
    }
}

.tag-no-post-links {
    .post-links-container {
        display:none !important;
    }
}

.tag-no-box-shadow {
    .topic-body {
        width: 100% !important;
        border-top: none !important;
        box-shadow: none !important;
        background-color: unset !important;
    }
}

.tag-no-topic-meta-data {
    .topic-meta-data {
        display:none !important;
    }
}

.tag-no-side-margins {
    .wrap {
        max-width: unset !important;
        padding: 0 10px !important;
    }
    .content-wrapper {
        display: block !important;
    }
    #main-outlet-wrapper {
        width: 100% !important;
    }
    .topic-body {
        width: 100% !important;
    }
}

.tag-no-footer-buttons {
    #topic-footer-buttons {
        display: none !important;
    }
}

```

Então eu crio Tags que posso aplicar seletivamente a Tópicos, combinando os seletores CSS no código acima…

no-header  
no-sidebars  
no-category  
no-timeline  
no-post-links  
no-box-shadow  
no-topic-meta-data  
no-side-margins  
no-footer-buttons

* * *

Então aqui estão as duas versões diferentes do mesmo Tópico…

Antes (sem Tags aplicadas):

 ![screencapture-noobish-me-t-open-source-culture-no-tags-525-2023-02-07-05_59_13](https://global.discourse-cdn.com/meta/original/4X/d/8/a/d8aa37e831849955d9a202e6aa09e8cfa9fb9d05.jpeg)

Depois (Todas as Tags aplicadas) - que também posso incorporar como um iFrame em outros Posts no meu site 🤓:

 ![screencapture-noobish-me-t-open-source-culture-320-2023-02-07-06_16_10](https://global.discourse-cdn.com/meta/original/4X/c/5/2/c529ae54935255d1f31e617c8b862ca5213c8636.jpeg)

[https://res.cloudinary.com/microchic/video/upload/v1611478905/hallelujah.mp3](https://res.cloudinary.com/microchic/video/upload/v1611478905/hallelujah.mp3)

---

<div class="post-metadata">

### Author: ![Richie](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/richie/32/115110_2.png) [@Richie](https://meta.discourse.org/u/Richie)
#### Post date: [7 Fevereiro , 2023 13:59 UTC](https://meta.discourse.org/t/page-publishing/151971/146 "2023-02-07T13:59:42Z")

</div>

Uau 🤩

Esse é um pensamento fora da caixa muito legal 😃

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [7 Fevereiro , 2023 14:04 UTC](https://meta.discourse.org/t/page-publishing/151971/147 "2023-02-07T14:04:16Z")

</div>

Muito obrigado @Richie!! Out-of-the-Box é o meu mundo inteiro!

---

<div class="post-metadata">

### Author: ![Canapin](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/canapin/32/119591_2.png) [@Canapin](https://meta.discourse.org/u/Canapin)
#### Post date: [7 Fevereiro , 2023 19:25 UTC](https://meta.discourse.org/t/page-publishing/151971/148 "2023-02-07T19:25:22Z")

</div>

Há um erro de digitação no seu código, um ponto e vírgula duplo:

```css
    .topic-body h1 {
        padding-top: 0 !important;
    }

```

Também,

> [@denvergeeks](#):
>
> Depois (Todas as tags aplicadas)

Você esqueceu de postar sua imagem? A menos que a versão Depois da sua página seja apenas música 😄

* * *

Brinquei um pouco com seu código e isso é simplesmente ✨ brilhante! ✨

Poderíamos adicionar alguns conselhos para usar este truque dependendo das suas necessidades.

- Seus tópicos poderiam ser fechados para impedir que as pessoas contornem as regras de CSS e respondam a eles

- Seus tópicos poderiam ser não listados para não adicionar ruído às listas de tópicos ou aparecer nos resultados de pesquisa

- As tags poderiam estar em um grupo de tags invisível para usuários regulares para remover ruído nas listas de tags

- Você poderia ocultar alguns elementos apenas para usuários regulares, mas não para o administrador (como o menu de postagem)

Isso veio rapidamente à minha mente, mas suponho que haja outras coisas que podem ser pensadas.

---

<div class="post-metadata">

### Author: ![denvergeeks](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/denvergeeks/32/327671_2.png) [@denvergeeks](https://meta.discourse.org/u/denvergeeks)
#### Post date: [8 Fevereiro , 2023 01:31 UTC](https://meta.discourse.org/t/page-publishing/151971/149 "2023-02-08T01:31:27Z")

</div>

Obrigado @Canapin 💖 Corrigi os erros de digitação no código.

Categorias e Subcategorias também podem ser usadas em CSS usando **category-**

isto é…

```plaintext
.category-books .main-content,
.category-my-great-book .main-content {
    width:100% !important;
}

```

Também estou usando este truque no meu site extensivamente, para estilizar conteúdo e embeds em tempo real dentro do composer…

> [@Custom css inside a post / adding custom classes](https://meta.discourse.org/t/custom-css-inside-a-post-adding-custom-classes/143072/3):
>
> Styles/classes are stripped out, but you can use data-theme-\* attributes to target things in posts: \<div data-theme-bot\> Content here \</div\> For example, this paragraph is wrapped in a data-theme-bot div And then in a theme, target it like: div[data-theme-bot] { background-color: red; }

Tenho uma seção do meu site onde documento meus desenvolvimentos (principalmente para que meu eu futuro possa relembrar e encontrar o que já fiz, para que eu não continue a reinventar minhas próprias rodas!) Mas qualquer um é bem-vindo para visitar e/ou assinar essa categoria, se desejar…

> **[Site Development](https://noobish.me/c/site-development/2)**
>
> Here I document and share my daily process as I organize and build this site.

[Previous page](https://meta.discourse.org/t/page-publishing/151971.md?page=1)

[Next page](https://meta.discourse.org/t/page-publishing/151971.md?page=3)
