Documentação do SeedProd

Documentação, materiais de referência e tutoriais para o SeedProd

X (Twitter) Incorporar bloco de linha do tempo

O bloco X (Twitter) Embed Timeline permite incorporar um feed ao vivo de tweets de qualquer conta pública do X (Twitter) diretamente na sua página SeedProd. Os visitantes podem percorrer as publicações recentes sem sair do seu site, adicionando conteúdo social dinâmico e em tempo real à sua página.

Este bloco é útil para criar prova social, manter o conteúdo da sua página atualizado e incentivar os visitantes a seguirem sua conta no X (Twitter). Você pode controlar as dimensões da linha do tempo, o esquema de cores, o idioma e quais elementos da interface — como cabeçalho, rodapé, bordas e barra de rolagem — são exibidos ou ocultados.

X (Twitter) Bloco de linha do tempo incorporado mostrando um feed de tweets ao vivo incorporado em uma página SeedProd

Requisitos:O bloco X (Twitter) Incorporar Linha do Tempo está disponível em todosos nossosplanos de licença.

Aviso de descontinuação:O X (Twitter) descontinuou silenciosamente o recurso Timeline. Este bloco será descontinuado em uma futura atualização do SeedProd.


Adicionando o bloco de linha do tempo incorporada do X (Twitter) às suas páginas

Siga estas etapas para adicionar um bloco X (Twitter) Embed Timeline à sua página SeedProd:

Passo 1: Adicione o bloco

Em Design > Blocos, arraste e solte o bloco X (Twitter) Incorporar linha do tempo na seção desejada da sua página.

Arrastando o bloco X (Twitter) Incorporar linha do tempo para uma página SeedProd

Etapa 2: Configurar as definições de conteúdo

Depois de adicionado, clique no bloco X (Twitter) Incorporar linha do tempo para abrir suas configurações. Na guia Conteúdo, você encontrará as seguintes opções na seção Configuração do X (Twitter):

  • X (Twitter) Nome de usuário: Insira o nome de usuário do X (Twitter) cuja linha do tempo você deseja exibir (por exemplo, seedprodNão inclua o símbolo @.
  • Esquema de cores: escolha entre Claro e Escuro para combinar o widget da linha do tempo com o design da sua página.
  • Ocultar cabeçalho: alterne para mostrar ou ocultar o cabeçalho do perfil na parte superior do widget da linha do tempo (Sim/Não).
  • Ocultar rodapé: Alterne para mostrar ou ocultar a área do rodapé na parte inferior do widget da linha do tempo (Sim/Não).
  • Ocultar bordas: alterne para remover as bordas ao redor do widget da linha do tempo (Sim/Não).
  • Transparente: Alterne para tornar o fundo do widget da linha do tempo transparente (Sim/Não).
  • Ocultar barra de rolagem: Alterne para ocultar a barra de rolagem dentro do widget da linha do tempo (Sim/Não).
  • Mostrar respostas: alterne para incluir respostas ao tweet no feed da linha do tempo (Sim/Não).
  • Largura: defina a largura do widget da linha do tempo em pixels usando um controle deslizante.
  • Altura: defina a altura do widget da linha do tempo em pixels usando um controle deslizante.
  • Alinhamento: defina o alinhamento horizontal do widget na página — Esquerda, Centro ou Direita — com controles por dispositivo para desktop, tablet e celular.
  • Idioma: escolha o idioma de exibição para a interface do widget. As opções incluem Automático, Inglês, Árabe, Bengali, Tcheco, Dinamarquês, Alemão, Grego, Espanhol, Persa, Finlandês, Filipino, Francês, Hebraico, Hindi, Húngaro, Indonésio, Italiano, Japonês, Coreano, Malaio, Holandês, Norueguês, Polonês, Português, Romeno e muito mais.
X (Twitter) Incorporar guia Conteúdo da linha do tempo mostrando identificador, esquema de cores, opções de alternância e dimensões

Etapa 3: Personalizar o design

Na guia Avançado, você pode controlar ainda mais o layout e o comportamento do seu bloco X (Twitter) Embed Timeline.

Espaçamento:

  • Margem: defina o espaçamento externo ao redor do bloco nos quatro lados, com controles independentes para desktop, tablet e celular.
  • Preenchimento: defina o espaçamento interno dentro do bloco wrapper nos quatro lados, com controles por dispositivo.

Atributos:

  • Classe personalizada: adicione uma ou mais classes CSS personalizadas ao invólucro do bloco para obter um estilo específico.
  • ID CSS: O SeedProd gera automaticamente um ID CSS exclusivo para este bloco. Você pode usá-lo para referenciar o bloco em CSS ou JavaScript personalizados.
  • Atributos personalizados: adicione atributos HTML personalizados ao elemento wrapper do bloco. Insira cada atributo em uma nova linha usando o formato chave|valor.

Visibilidade do dispositivo:

  • Ocultar na área de trabalho: alterne para ocultar o bloco quando visualizado em telas de desktop.
  • Ocultar no tablet: alterne para ocultar o bloco quando visualizado em telas de tablet.
  • Ocultar no celular: Alterne para ocultar o bloco quando visualizado em telas de celular.

Efeitos de animação:

  • Efeito de rolagem: aplique uma animação acionada pela rolagem ao bloco, incluindo opções de rolagem vertical e horizontal com controles de direção, velocidade e deslocamento da janela de visualização.
  • Efeito do mouse: aplique um efeito de paralaxe acionado pelo movimento do mouse ao bloco.
X (Twitter) Incorporar linha do tempo Guia avançada mostrando espaçamento, atributos, visibilidade do dispositivo e efeitos de animação

Etapa 4: Salve suas alterações

Depois de terminar de configurar o bloco X (Twitter) Embed Timeline e personalizar sua aparência, certifique-se de salvar seu trabalho.


Você adicionou com sucesso um bloco X (Twitter) Embed Timeline à sua página! Incorporar um feed de tweets ao vivo é uma ótima maneira de manter sua página ativa e conectada à sua presença social. Use o esquema de cores, os botões de visibilidade e os controles de dimensão para fazer com que o widget se encaixe naturalmente no design da sua página.

Artigos relacionados