Se você deseja personalizar o modelo padrão de postagem do seu blog no GemPages e exibir o conteúdo do artigo no layout de sua preferência, pode fazer isso usando o recurso Seção de Tema. Este guia irá orientá-lo passo a passo nesse processo.
Passo 1: Acesse seu modelo padrão de postagem de blog
- Faça login no seu painel de controle do GemPages.
- Acesse Modelos > Modelos de Postagem de Blog.
- Localize seu modelo de proposta padrão — este é o modelo criado automaticamente pela sua equipe.
- Abra o modelo para visualizar seu layout.
Observação: O modelo padrão contém a estrutura padrão, que inclui títulos, texto e imagens.
Passo 2: Use seu modelo personalizado
- Se você já criou um modelo personalizado (por exemplo, "Página de Jogo"), selecione-o para usá-lo em suas postagens de blog.
- Se não quiser que o modelo padrão seja exibido, oculte-o ou desative-o.
- Agora, seu modelo personalizado substituirá o modelo padrão e será aplicado automaticamente às suas postagens no blog.
Passo 3: Adicione conteúdo ao blog com Liquid.
- Acesse a seção Temas onde deseja exibir seu artigo.
- Adicione elementos Liquid para extrair automaticamente o conteúdo do blog:
- Título → {{ article.title }}
- Texto → {{ article.content }}
- Imagem → {{ article.image | img_url }}
- Isso permite que sua postagem no blog seja exibida automaticamente, sem precisar digitar manualmente.
Dica: O Liquid permite exibir conteúdo de artigos ou posts de blog do Shopify dinamicamente, sem precisar codificá-los diretamente no código.
Etapa 4: Construa e organize seu layout
- Decida quais partes do artigo você deseja exibir (título, texto, imagem, etc.).
- Adicione blocos de layout, por exemplo:
- Cabeçalho (para títulos de artigos)
- Texto (para conteúdo ou excertos)
- Faixa com setas ou botões (para links ou chamadas à ação)
- Arraste e solte os blocos para organizá-los na ordem que desejar.
- Visualize frequentemente para verificar o espaçamento e a aparência.
Dica: Mantenha a simplicidade — muitos blocos podem deixar a página com uma aparência confusa.
Etapa 5: visualizar e salvar
- Clique em Visualizar para ver como suas postagens no blog ficarão com o novo layout.
- Faça os ajustes necessários (espaçamento, imagens, títulos).
- Clique em Salvar para finalizar o modelo.
Obrigado por seus comentários