Publicação de Página

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.

7 curtidas

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?

8 curtidas

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

6 curtidas

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

2 curtidas

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.

6 curtidas

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 :smiley:

3 curtidas

Você pode alterar o estilo de acordo com a postagem original: Page Publishing

2 curtidas

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.

4 curtidas

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?

3 curtidas

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

6 curtidas

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.

3 curtidas

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

5 curtidas

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?

6 curtidas

2 posts foram divididos para um novo tópico: Uma página publicada pode aparecer ao lado de sobre/faqs/tos/privacidade?

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

Em alguns no final, como aqui:

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

Texto:

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>:

/* 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;
}
3 curtidas

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:

/********************** 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):

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

25 curtidas

Uau :star_struck:

Esse é um pensamento fora da caixa muito legal :smiley:

4 curtidas

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

2 curtidas

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

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

Também,

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


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

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.

4 curtidas

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

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

isto é…

.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…

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…

3 curtidas