Estilização de Post de Blog

[tshenry (Taylor)]

Este componente de tema permitirá que você designe uma categoria de blog e alterará a aparência e a sensação de todos os tópicos dentro dessa categoria para se parecerem mais com uma postagem de blog tradicional. Esta é essencialmente uma adaptação de componente de tema do Blog post plugin .

Dicas de uso:

• O código da imagem da sua imagem em destaque deve ser a primeira linha da postagem. O componente “moverá” essa imagem acima do título do tópico para produzir o efeito mostrado na imagem de exemplo acima. Certifique-se de incluir uma linha em branco entre o código da imagem em destaque e o conteúdo subsequente.

• Você pode usar as tags <big></big> ao redor da primeira letra de uma palavra para criar um efeito inicial

• Você pode querer ativar a configuração de categoria Navegar para a primeira postagem depois que os tópicos forem lidos para sempre destacar a postagem do blog ao entrar em um tópico.

• A imagem principal é centralizada dentro do espaço disponível. Você pode precisar editar sua foto para que ela seja exibida da maneira que desejar.

  Detalhes adicionais

  A altura do contêiner da imagem do blog é de 440px e a largura é de 100% do contêiner principal. A imagem é centralizada dentro do espaço disponível, portanto, se sua imagem tiver 500px de altura, 30px serão cortados da parte superior e 30px da parte inferior. O corte horizontal começa em 1100px (a largura máxima do conteúdo principal em um site Discourse) e aumentará à medida que a janela for estreitada. O cenário ideal é usar uma imagem que tenha um assunto centralizado, ou um que tenha um assunto generalizado, como um padrão ou uma foto da natureza, como a que mostro no meu exemplo.

• Você pode aplicar a estilização a várias categorias. Isso pode ser feito separando as slugs das categorias por vírgulas, certificando-se de omitir quaisquer espaços antes ou depois das vírgulas. Subcategorias podem ser adicionadas seguindo estas etapas:

  1. Obtenha o link para a subcategoria e isole a parte depois de /c/

     https://meta.discourse.org/c/support/wordpress

  2. Substitua o / por um - para obter support-wordpress

  3. Adicione o resultado à configuração do tema

• Quando você cria o tópico da postagem do blog pela primeira vez, precisará atualizar a página para ver a imagem principal aparecer acima do conteúdo. Isso só acontece logo após ser postado e apenas para o autor do tópico.

Sugestões sobre como o componente pode ser melhorado são bem-vindas. Não posso prometer que conseguirei adicionar o recurso ou fazer a alteração, mas certamente será considerado

Lista atual de tarefas/solicitações de recursos

• Garantir que o componente funcione bem com o DiscoToC (especialmente com RTL)
• Permitir o uso de tags como forma de aplicar a estilização a uma postagem
• Permitir o uso de vídeos além de imagens

Agradecimentos especiais a @simon e @awesomerobot pela grande inspiração que o trabalho anterior deles forneceu na criação deste.

	Pré-visualização	Pré-visualização em theme-creator.discourse.org
	Repositório	github.com/discourse/discourse-blog-post-styling
	Novo em Temas do Discourse?	Guia para iniciantes sobre como usar Temas do Discourse

Instalar este componente de tema