Tutoriais

carregando...

O novo Widget de Texto

Nós introduzimos o novo e aprimorado Widget de Texto em nosso Construtor de Sites em 2014. O novo Widget de Texto é mais moderno e tem funções mais simples para formatar o texto no seu site.

Observe que se você se cadastrou no Yola antes do lançamento do novo Widget de Texto, você terá acesso aos dois Widgets de Texto, o novo e o antigo - a escolha é sua! Você verá o Widget de Texto anterior é rotulado Texto (antigo) na guia de Widgets.
 

Acessando o Widget de Texto

Para usar o Widget de Texto:

  1. Abra o site no Construtor de Sites.
  2. Vá para Widgets > Popular > Texto.
  3. Arraste e solte o Widget de Texto na sua página onde você deseja adicionar o texto.
  4. O Widget de Texto se abrirá e você poderá digitar ou colar o texto na área de texto.


O recurso mais importante é a Barra de Ferramentas de Edição de Texto. Ela aparece na parte superior da página quando o cursor está dentro do Widget de Texto e é parecida com uma barra de ferramentas que você encontra em um programa de processamento de texto como, por exemplo, o Microsoft Word. Quando você passa o cursor sobre qualquer um dos ícones, o nome descritivo do ícone aparece abaixo dele para lhe dar uma dica do que acontece quando você clica nele.


Usando os recursos da barra de ferramentas de edição de texto:


User-added image
 

Desfazer / Refazer

Você pode desfazer qualquer texto que você tenha adicionado ao Widget de Texto. Por exemplo, se você tiver excluído texto que deseja adicionar novamente, em seguida, use a seta apontando para a esquerda.

Se você decidir que algo que você tenha desfeito deve ser revertido, use a seta apontando para a direita. O botão "Refazer" adiciona de volta qualquer texto que tenha acabado de ser eliminado.

Estas duas setas são uma maneira fácil de remover ou re-adicionar qualquer texto rapidamente.
 

Texto em negrito

Selecione o texto que você quer exibir em negrito e clique na letra B na barra de ferramentas. O texto em destaque ficará em negrito.

 

Texto em itálico

Torne qualquer texto que em itálico quando você clicar neste ícone " ".
 

Adicione links ao texto

Links em texto são uma ótima maneira de melhorar a usabilidade da informação em seu site, tornando-o interativo para os visitantes do site. Mais importante ainda, links ajudam a tornar seu site mais visível para buscadores e irá melhorar muito o SEO (otimização para buscadores) do seu site, quando usado corretamente. Há muitos artigos na Internet com informações, se você deseja pesquisar mais detalhadamente, sobre como usar os links de forma eficaz e legítima em seu site. 

Para adicionar links, selecione o texto e clique no ícone do link, que se parece com uma corrente. Isto irá abrir o Editor do Link e permitirá que você adicione um link  de várias maneiras. Dê uma olhada neste tutorial para obter detalhes específicos sobre a adição de links: Criando links.
 

Alinhamento do texto

As opções para alinhar o texto em seu site são: Esquerda, Centro ou Direita. Cada opção de alinhamento tem o seu próprio ícone. Se você quiser alterar o alinhamento do texto, selecione-o e clique em em um dos ícones. Você verá o texto se ajustar ao novo alinhamento que você escolheu.
 

Formatação de texto de parágrafo

A formatação é criada no Editor de Estilo. Dê uma olhada no tutorial Editor de Estilo para instruções sobre como formatar as fontes e estilos de texto.

Para alterar a formatação de um parágrafo de texto, coloque o cursor em qualquer lugar do parágrafo. Quando você clica no botão "Parágrafo" na barra de ferramentas de Edição de Texto, você tem as seguintes opções na lista suspensa:

  • "Parágrafo" é a configuração padrão. Usa o texto padrão de configurações de parágrafo do Editor de Estilo. Você pode usar esta opção quando você tiver alterado o parágrafo para uma das outras configurações e quiser mudá-lo de volta para o texto normal.
  • As outras opções, Título 2 a Título 6, muda a fonte do parágrafo para as configurações criadas no Editor de Estilo. Veja no link acima para saber como configurar as fontes de título.


Formatar uma Citação

O ícone Citação é exibido como aspas. Blocos de citação são usados quando citamos uma parte específica do texto e faz com que o parágrafo se destaque. 

Para usar o bloco de citação, coloque o cursor em qualquer lugar no parágrafo e clique no ícone na barra de ferramentas de edição de texto. Você vai notar as seguintes alterações para o texto:

  • O recuo do parágrafo automático para a direita.
  • Uma linha vertical à esquerda do texto.
  • O texto torna-se em itálico.

Isso informa seu leitor que o parágrafo é uma citação.
 

Adicionar uma lista com marcadores de itens não-ordenada

O recurso de lista de marcadores permite que você crie uma lista de texto com pontos. Para usá-lo, realce o texto e clique no link. Isto irá adicionar um marcador na frente do texto selecionado e recuá-lo.

Para remover os pontos coloque o cursor em qualquer lugar do texto e clique no ícone de lista com pontos novamente.

Colocando o cursor no final de uma frase que faz parte de uma lista com pontos, fará  da próxima frase um novo ponto.
 

Adicionar uma lista numerada, ou ordenada

A lista numerada - permite que você crie uma lista de itens numerados. Funciona do mesmo modo como a lista de marcadores com pontos (acima), porém números serão exibidos no início de cada linha.
 

Adicionar Recuo e Diminuir recuo do texto

  • Recuo permite mudar um parágrafo de texto para que ele não fique alinhado à esquerda, junto ao resto do texto na página.
  • A opção "Diminuir Recuo" move um parágrafo recuado de volta para a posição original antes de ter sido recuado.
     

Adicionar uma imagem

Você pode adicionar uma imagem dentro do Widget de Texto para que faça parte do texto em vez de usar um Widget de Imagem. Para mais opções para adicionar imagens ao seu site, por favor consulte o tutorial: Como adicionar imagens ao meu site?
 

Adicionar uma imagem em um Widget de Texto

  1. Posicione o cursor onde você gostaria de adicionar a imagem.
  2. Clique no ícone "Imagem" - ele se parece com uma imagem em um quadro, na Barra de Ferramentas de Edição de Texto.
  3. Uma tela se abrirá com as maneiras disponíveis de adicionar uma imagem:
    • Carregar uma nova imagens do seu computador
    • Usar uma imagem que você já tenha adicionado ao seu site. Procurar imagem carregada.
    • Encontre imagens de uma vasta seleção de imagens da Biblioteca de Imagens Fotolia para uma aparência mais profissional.
  4. Siga os passos para adicionar a imagem ao seu site, dependendo da opção selecionada. Isto irá colocar a imagem na Janela de Texto.

Redimensionar a imagem

Você pode ajustar o tamanho da imagem, se necessário. Veja como:
  1. Clique na imagem. Isto irá mostrar os "pegas" - os blocos brancos nos cantos da imagem e ao longo dos lados e na parte superior.
  2. Clique em qualquer um dos "pegas" e arrastá-lo para torná-lo menor ou maior. O texto irá mover-se para acomodar a mudança no tamanho da imagem.


Texto ao redor da imagem

Se você quiser colocar o texto ao redor da imagem, siga os passos abaixo para editar o texto:

  1. Clique na imagem. Isto irá destacá-la.
  2. Na Barra de Ferramentas de Edição de Texto você verá dois ícones à direita do ícone de imagem. Estes não serão destacados se você não tiver clicado na imagem.
    • Clique no ícone "Flutuar à Esquerda" para colocar a imagem para a esquerda. O texto abaixo dela vai se mover para a direita da imagem.
    •  Clique em "Flutuar à Direita" para colocar a imagem à direita e o texto à esquerda.

 

Remover a formatação de texto em uma imagem

Para remover a quebra automática de texto clique no ícone inclinado Tx. Este recurso coloca o texto e imagem em linhas separadas no texto para que ele não fique envolvido.
 

A formatação e estilo do texto

Esta funcionalidade permite editar o estilo do texto, fontes e layout do site no Editor de Estilo. Veja o tutorial do Editor de Estilo para obter detalhes específicos sobre como utilizar este recurso.

 

Colando texto na janela de texto

O novo Widget de Texto permite que você cole texto de qualquer lugar em seu site. Ele irá retirar qualquer formatação de outras fontes, o que lhe permite usar a Barra de Ferramentas de Edição de Texto na janela de texto, bem como o Editor de Estilo para formatar o texto.