Documentações
< Voltar

Link Interno

Como utilizar o Link Interno

 

1 – Procure um simbolo de Link Interno (seta na diagonal) nos recursos HTML, PÁGINA PERSONALIZADA, LUGARES e em alguns outros que tem um bloco de texto (CKEditor), simbolo apontado com uma seta na imagem abaixo:

 

2º – Usaremos o exemplo do recurso PÁGINA PERSONALIZADA, adicione um bloco de texto e clique no botão LINK INTERNO (o que esta apontado na imagem acima), ao clicar deve aparecer uma lista de recursos que tem em seu aplicativo, escolha o recurso que deseja criar um Link Interno, pronto, ele já aparecerá como um texto clicável. Salve sua página e pronto quando o usuário clicar neste texto ele será direcionado para o recurso que você escolheu.

 

 

Customizando o Link Interno

Se desejar você poderá customizar este link, ele é um texto, com isso você poderá alterar tamanho, cor e outras opções que encontrar na barra do CKEditor.

Criando um botão com Link Interno

Você também poderá fazer que este Link vire um verdadeiro botão adicionando alguns códigos.
1 – No CKEditor clique em FONTE.
Observe que com isso sua página vira um editor de códigos e já mostra os códigos gerados pela ação do LINK INTERNO.

 

Importante: Quando trabalhar com bloco de texto (CKEditor) nos recursos, sempre que finalizar um código cole-os em um bloco de texto em seu computador (alguns códigos não são totalmente aceitos neste CKEditor e por isso alguns deles somem após salvar a página, então em alguns casos não conseguirá reeditar o código se desejar), então é bom guardar de forma segura para uma posterior edição.

 

2 – Identifique o código do seu Link Interno (Se caso tiver mais conteúdo em seu bloco de texto).
Basicamente o código do Link Interno é como este:

 

Use a referência abaixo para gerar um botão com imagem.
Código para usar uma imagem no lugar do texto:

 

Importante: No exemplo abaixo perceba que copiamos apenas a partir da palavra “data-params…” até a ultima aspas” do código do Link Interno, é apenas isso que você deve usar neste caso para que o Link Interno tenha uma imagem no lugar do texto e funcione.

Pronto. 😉

1 Comentário

  1. Celio Lima disse:

    Muito top essas funcionalidades, estão de parabéns por nos disponibilizar esse tutoriais.

Deixe um comentário

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *