Imagem de pré-visualização para temas próprios

Olá a todos,

antes de mais nada, gostaria de ressaltar que minha pergunta é sobre algo totalmente insignificante, mas eu queria perguntar mesmo assim :wink::

Onde/como defino uma imagem de prévia para temas próprios. Fica um pouco sem graça na área de administração sem uma imagem de prévia adequada:

No preview image for own themes

Meu Adrian Monk interior se manifesta aqui toda vez. E eu sei que todo mundo tem um Adrian Monk interior, e alguns são como o meu. :face_with_tongue: Então pode ser que importe um pouco para outras pessoas também.

Por favor, me perdoem se isso já foi respondido aqui no Meta. Mas eu não encontrei nada adequado através da busca.

Lembro-me deste guia, mas não sei se é o que você está procurando:

1 curtida

Obrigado, mas não exatamente. Ou eu não entendi — o que é sempre uma possibilidade. :wink:

Eu criei o tema na captura de tela do tema padrão da minha instância do Discourse auto-hospedada. Portanto, eu não o baixei nem o carreguei em nenhum lugar. Além disso, não vejo um diretório de temas nos caminhos de arquivo compartilhados fora do contêiner do Docker.

Então, eu ainda estou um pouco perdido aqui… :man_shrugging:

Acredito que as capturas de tela são apenas para temas que você cria a partir do Github, como se estivesse desenvolvendo você mesmo. Por isso, está em Documentation > Developer Guides.

Sim. Então a questão permanece. Existe alguma maneira?

E novamente, não é a pergunta e o recurso mais importante de todos. :wink:

Se você criou o tema puramente através da interface do usuário de administração, não.
Para ter capturas de tela, você deve ter uma estrutura de arquivos/diretórios local que espelhe o tema.
Você poderia exportar o tema, descompactá-lo, adicionar as capturas de tela como no guia mencionado acima, compactá-lo novamente e importá-lo. Mas, novamente, as capturas de tela são usadas principalmente para mostrar a outras pessoas como seu tema se parece, então, se você não o enviou para algum lugar, quem seria esse alguém?

Ok. Obrigado. Então é como está. :slight_smile:

Outros administradores, por exemplo. Mas como eu disse, não é realmente importante. Eu apenas noto isso toda vez que estou lá para editar algo no tema.

É talvez um pouco “gambiarra”, mas você pode substituir o padrão SVG padrão por uma imagem personalizada com a ajuda de CSS.
Resultado do exemplo

Na seção de uploads do seu tema, você adiciona a captura de tela

e na aba CSS de “editar código” você adiciona

minúsculas e substitua espaços por hífens

.theme-card.=THEME_NAME= .theme-card__image-wrapper svg {
 display: none;
}

.theme-card.=THEME_NAME= .theme-card__image-wrapper {
 background-image: url($=UPLOAD_NAME=);
 background-size: cover;
 background-position: center;
}

Espero que isso seja suficiente para trazer um pouco mais de relaxamento ao seu monge interior.

5 curtidas

Uau, muito obrigado por isso. Funcionou exatamente como você descreveu. E foi só copiar e colar graças à sua postagem. Legal! :+1:

Meu Monge interior parece não estar mais lá. Pelo menos quando se trata disso. :stuck_out_tongue:

2 curtidas

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.