CMS: exibir conteúdo da coleção em elementos de texto

15 min de leitura
Com o CMS (sistema de gerenciamento de conteúdo), você pode exibir o conteúdo da sua coleção em vários elementos de texto no seu site. 

Conecte elementos de texto básicos como tema de texto, títulos e parágrafos ao conteúdo da sua coleção para criar um visual profissional. Use texto recolhível para apresentar muitas informações sem sobrecarregar os visitantes. Isso é ideal para blogs ou perguntas frequentes. Crie visuais dinâmicos com uma máscara de texto que exibe um vídeo dentro do texto, tornando seu conteúdo memorável. Use o letreiro para exibir textos de rolagem da sua coleção do CMS para atualizações de notícias ou avisos. 
Quer combinar texto formatado com mídia, arquivos, código HTML e muito mais?

Conectar elementos de texto ao conteúdo da coleção

Adicione elementos de texto, como tema de texto, títulos e parágrafos ao seu editor. Em seguida, conecte o elemento de texto a um conjunto de dados que se vincula ao campo da coleção relevante. 
Editor Wix
Editor do Wix Studio
  1. Vá para a página relevante no seu editor.
  2. Adicione um elemento de texto à sua página:
    1. Clique em Elementos no lado esquerdo do Editor.
    2. Clique em Texto
    3. Clique no tipo de texto que deseja adicionar: Tema de texto, Títulos ou Parágrafos 
    4. Clique ou arraste a caixa escolhida para adicioná-la à página. 
Captura de tela do elemento de texto sendo adicionado no Editor Wix.
  1. Clique no ícone Conectar ao CMS  no elemento de texto. 
  2. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, clique em Criar um novo conjunto de dados e escolha a coleção que deseja conectar.
  3. Clique no dropdown Texto conectado a e selecione o campo da coleção que você deseja conectar. 
Dicas:
Captura de tela do texto sendo conectado ao campo da coleção do CMS.
  1. (Se necessário) Defina opções adicionais dependendo de qual tipo de campo você conectou: 
    • Data e hora: clique no dropdown Escolha um formato e selecione o formato para exibir a data e a hora.
    • URL: escolha como o link é aberto: Na janela atual ou Em uma nova janela. 
Captura de tela do formato sendo configurado para exibir um campo da coleção do CMS de data e horário.
  1. Clique em Visualizar para testar suas conexões. 
  2. Clique em Publicar se as alterações estiverem prontas para ser publicadas. 

Conectar texto recolhível ao conteúdo da coleção

Adicione um elemento de texto recolhível que pode mostrar apenas as primeiras linhas de texto até que os visitantes cliquem para expandir todo o texto. Certifique-se de personalizar as configurações de Alterar texto para definir o botão "Mostrar mais" para se expandir antes de se conectar ao CMS. Como alternativa, você pode configurar o botão "Mostrar mais" para vincular a um único link estático que abre quando os visitantes clicam no link. 
Editor Wix
Editor do Wix Studio
  1. Vá para a página relevante no seu editor.
  2. Adicione um elemento de texto recolhível à sua página:
    1. Clique em Elementos no lado esquerdo do Editor.
    2. Clique em Texto
    3. Clique em Texto recolhível.
    4. Clique e arraste um elemento de texto recolhível para sua página. 
Captura de tela da adição de um elemento de texto recolhível.
  1. Clique em Alterar texto e edite as configurações da caixa de texto recolhível: 
    • Alterar texto: você não precisa editar esse campo, pois você conectará o texto da sua coleção do CMS. 
    • O que o botão faz?: escolha o que acontece quando os visitantes clicam no botão:
      • Expandir: (recomendado) o texto recolhível se expande para revelar todo o texto. Edite os seguintes campos: 
        • Texto do botão Expandir: insira o texto que aparece no botão de expansão (por exemplo: "Ler mais").
        • Texto do botão Recolher: insira o texto que aparece no botão Recolher (por exemplo: "Ler menos").
      • Link: um link estático é aberto. Edite os seguintes campos:
        Observação: no momento, não é possível conectar esse link a um conjunto de dados ou campo de coleção. 
        • Texto do botão de link: insira o texto que aparece no botão de link (por exemplo: "Link para o artigo"). 
        • Para onde esse botão redireciona?: clique em Adicionar link e escolha um destino de link para o botão. 
    • SEO e acessibilidade: insira um nome acessível para o elemento e escolha a tag HTML. Saiba mais sobre como preparar a estrutura do seu site
Captura de tela das configurações de um elemento de texto recolhível sendo editadas.
  1. Clique no ícone  Conectar ao CMS no elemento de texto recolhível. 
  2. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, clique em Criar um novo conjunto de dados e escolha a coleção que deseja conectar.
  3. Clique no dropdown Texto conectado a e selecione o campo da coleção que deseja conectar. 
    Dica: você pode conectar elementos de texto recolhível aos seguintes tipos de campos de coleção: Texto, Número, URL, Data e hora, Horário, Rich text e Endereço.
Captura de tela da conexão de um texto recolhível a um campo da coleção.
  1. Clique no ícone Layout  no texto recolhível e personalize o layout.
  2. Clique em Visualizar para testar suas conexões. 
  3. Clique em Publicar se as alterações estiverem prontas para ser publicadas. 

Conectar uma máscara do texto ao conteúdo da coleção

Adicione uma máscara do texto que exibe um vídeo dentro das letras do texto. Conecte sua máscara do texto ao campo de coleção do CMS que você deseja exibir. Depois vá para o painel Design para adicionar seu próprio vídeo ou escolha um vídeo do Wix.
Importante:
No momento, não é possível anexar máscaras de texto a repetidores
Editor Wix
Editor do Wix Studio
  1. Vá para a página relevante no seu editor.
  2. Adicione um elemento de máscara do texto à sua página:
    1. Clique em Elementos no lado esquerdo do Editor.
    2. Clique em Texto
    3. Clique em Máscara de texto.
    4. Clique e arraste uma máscara de texto para sua página. 
Captura de tela da máscara de texto sendo adicionada no Editor Wix.
  1. Clique no ícone Conectar ao CMS  na máscara de texto. 
  2. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, clique em Criar um novo conjunto de dados e escolha a coleção que deseja conectar.
  3. Clique no dropdown Texto conectado a e selecione o campo da coleção que deseja conectar. 
    Dica: você pode conectar máscaras de texto aos seguintes tipos de campos de coleção: Texto, Número, URL, Data e horário, Horário e Endereço.
Captura de tela de uma máscara do texto sendo conectada a um campo da coleção do CMS.
  1. Clique no ícone Design   e personalize o background, o formato do texto e a sombra. Saiba mais sobre como fazer o design da máscara de texto
Captura de tela de um vídeo usado em uma máscara do texto sendo alterado.
  1. Clique em Visualizar para testar suas conexões. 
  2. Clique em Publicar se as alterações estiverem prontas para ser publicadas. 

Conectar um letreiro ao conteúdo da coleção

Adicione um elemento de letreiro que exibe o texto em movimento da sua coleção do CMS. 

Para conectar um letreiro ao CMS:

  1. Vá para a página relevante no editor do Wix Studio.
  2. Adicione um elemento de letreiro à sua página:
    1. Clique em Elementos  no lado esquerdo do Editor.
    2. Clique em Texto.
    3. Clique em Letreiro
    4. Clique e arraste o letreiro escolhido para adicioná-lo à sua página. 
Captura de tela do letreiro sendo adicionado no Editor do Wix Studio.
  1. Clique no ícone Conectar ao CMS no letreiro. 
  2. Clique no dropdown Escolha um conjunto de dados e selecione um conjunto de dados existente que se conecte à sua coleção. Se preferir, clique em Criar um novo conjunto de dados e escolha a coleção que deseja conectar.
  3. Clique no dropdown Texto conectado a e selecione o campo da coleção que deseja conectar. 
    Dica: você pode conectar letreiros aos seguintes tipos de campos da coleção: Texto, Número, URL, Data e horário, Horário e Endereço.
Captura de tela de um letreiro sendo conectado a um campo da coleção do CMS.
  1. Clique no ícone Design no painel Inspetor no canto superior direito e personalize a formatação, o separador e o movimento do texto usados pelo texto do letreiro. Saiba mais sobre como fazer o design do letreiro
  2. Clique no ícone Visualizar  no canto superior direito para testar suas conexões do CMS. 
  3. Clique em Publicar se as alterações estiverem prontas para ser publicadas.

Esse artigo foi útil?

|