fev 22, 20219:56 AM - editado fev 24, 202110:14 AM
HubSpot Employee
Personalize o botão Leia mais no seu blog
Alterar a aparência do botão Leia mais na página de listagem do blog pode ser muito útil se quiser que esse botão se destaque. Saiba como personalizar o design do botão ou editar o texto Leia mais .
Personalize a aparência do botão Leia mais
Para personalizar a aparência do seu botão Leia mais, crie uma classe CSS que manterá o estilo do botão. Adicione essa classe e qualquer estilo personalizado em sua folha de estilo. Veja alguns exemplos de estilos:
Para adicionar uma classe personalizada ao botão Leia mais:
Acesse o modelo do seu blog.
Clique no módulo de conteúdo do blog para selecioná-lo no inspetor e, na seção Modelos de post, clique em Editar modelo de listagem para acessar a página de listagem HTML.
Localize o seguinte código no modelo de listagem HTML:
Na página de listagem do seu blog, você verá uma visualização de cada post com um linkLeia maisque abre o post completo. Para alterar o textoLeia maispara outro idioma ou frase, você precisará editar o modelo do seu blog.
Na sua conta da HubSpot, navegue atéMarketing>Arquivos e modelos>Ferramentas de design.
No finder, clique nonomedo modelo de blog.
No modelo, clique no módulo deconteúdo do blog. No inspetor, na guia Editar, clique em Editar modelo de listagem.