Arquivo de Texto - Portal Apper https://portalapper.com.br/centraldeajuda/tag/texto/ Plataforma de Criação de App Tue, 30 Nov 2021 15:25:29 +0000 pt-BR hourly 1 https://wordpress.org/?v=6.9.4 https://portalapper.com.br/wp-content/uploads/2020/04/cropped-Portal-Apper_NOVO-Logo_Sem-txt_PA-04_512x512.png Arquivo de Texto - Portal Apper https://portalapper.com.br/centraldeajuda/tag/texto/ 32 32 133352939 CSS para alterar o tamanho do texto dos ícones da homepage no Layout 7 https://portalapper.com.br/centraldeajuda/css-para-alterar-o-tamanho-do-texto-dos-icones-da-homepage-no-layout-7/ https://portalapper.com.br/centraldeajuda/css-para-alterar-o-tamanho-do-texto-dos-icones-da-homepage-no-layout-7/#respond Thu, 07 May 2020 16:22:43 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/?post_type=epkb_post_type_1&p=18813 Se deseja alterar o tamanho dos textos que estão abaixo dos ícones na homepage do seu aplicativo no Layout 7, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRAR. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos. .layout.l7 .sidebar ul.items li p { font-size: 10px; } Obs: Altere o valor depois de “font-size:” que no exemplo do código esta em “10px”, de padrão o tamanho é “13px” então o valor de exemplo deste código já […]

O post CSS para alterar o tamanho do texto dos ícones da homepage no Layout 7 apareceu primeiro em Portal Apper.

]]> Se deseja alterar o tamanho dos textos que estão abaixo dos ícones na homepage do seu aplicativo no Layout 7, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para a sessão CORES

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRAR.

4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.

.layout.l7 .sidebar ul.items li p {

font-size: 10px;

}

Obs: Altere o valor depois de “font-size:” que no exemplo do código esta em “10px”, de padrão o tamanho é “13px” então o valor de exemplo deste código já fará que seu texto esteja menor do que o padrão.

5 – Salve.

6 – Verifique o resultado no simulador ao lado.

Obs. Se caso não houver mudança imediata, por favor clique em “Atualizar Simulador” ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.

Pronto. 😉

O post CSS para alterar o tamanho do texto dos ícones da homepage no Layout 7 apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/css-para-alterar-o-tamanho-do-texto-dos-icones-da-homepage-no-layout-7/feed/ 0 18813 Tirar o efeito de caixa alta (letras maiúscula) do título dos recursos no Layout https://portalapper.com.br/centraldeajuda/tirar-o-efeito-de-caixa-alta-do-titulo-dos-recursos/ https://portalapper.com.br/centraldeajuda/tirar-o-efeito-de-caixa-alta-do-titulo-dos-recursos/#respond Tue, 20 Mar 2018 13:00:17 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=13664 O post Tirar o efeito de caixa alta (letras maiúscula) do título dos recursos no Layout apareceu primeiro em Portal Apper.

]]>

Se o Layout que escolheu tem os textos dos recurso na Homepage em caixa alta (letra maiúscula) e você deseja remover este efeito, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para sessão CORES.

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.


.homepage .layout li p {
text-transform: none;
}

5 – Salve.

Este código serve para a maioria dos Layouts, porém se alguma Layout não funcionar pode solicitar a equipe de suporte que te enviará o código para o Layout desejado.

6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.

Pronto. 😉

O post Tirar o efeito de caixa alta (letras maiúscula) do título dos recursos no Layout apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/tirar-o-efeito-de-caixa-alta-do-titulo-dos-recursos/feed/ 0 13664 Adiciona um efeito de sombra interna nos títulos dos Recursos https://portalapper.com.br/centraldeajuda/adiciona-um-efeito-de-sombra-interna-nos-titulos-dos-recursos/ https://portalapper.com.br/centraldeajuda/adiciona-um-efeito-de-sombra-interna-nos-titulos-dos-recursos/#respond Tue, 06 Mar 2018 13:00:20 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=13657 Para criar um efeito de sombra interna nos títulos dos recursos, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para sessão CORES. 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   i.icon.ion-ios-arrow-back, span.default-title.ng-binding, span.nav-bar-title.ng-binding, button.button.button-clear.header-item { color: #887f77 !important; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7); }   5 – Salve. 6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a […]

O post Adiciona um efeito de sombra interna nos títulos dos Recursos apareceu primeiro em Portal Apper.

]]> Para criar um efeito de sombra interna nos títulos dos recursos, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para sessão CORES.

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.

 


i.icon.ion-ios-arrow-back, span.default-title.ng-binding, span.nav-bar-title.ng-binding, button.button.button-clear.header-item {

color: #887f77 !important;
text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);

}

 

5 – Salve.

6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.  

 

Pronto. 😉  

O post Adiciona um efeito de sombra interna nos títulos dos Recursos apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/adiciona-um-efeito-de-sombra-interna-nos-titulos-dos-recursos/feed/ 0 13657 Ocultar os títulos de todos os recursos https://portalapper.com.br/centraldeajuda/ocultar-o-titulo-de-todas-as-paginas/ https://portalapper.com.br/centraldeajuda/ocultar-o-titulo-de-todas-as-paginas/#respond Tue, 23 Jan 2018 11:00:21 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=13157 Para ocultar os títulos de todas os recursos do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   .title.header-item { display: none; }   5 – Salve. 6 – Verifique o resultado no simulador ao lado. Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver […]

O post Ocultar os títulos de todos os recursos apareceu primeiro em Portal Apper.

]]> Para ocultar os títulos de todas os recursos do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para a sessão CORES

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.

 


.title.header-item {

display: none;

}

 

5 – Salve.

6 – Verifique o resultado no simulador ao lado.

Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.  

 

Pronto. 😉

O post Ocultar os títulos de todos os recursos apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/ocultar-o-titulo-de-todas-as-paginas/feed/ 0 13157 CSS para mudar a fonte do seu aplicativo https://portalapper.com.br/centraldeajuda/css-para-mudar-fonte-do-aplicativo/ https://portalapper.com.br/centraldeajuda/css-para-mudar-fonte-do-aplicativo/#respond Tue, 09 Jan 2018 11:00:06 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=13129 Para personalizar a fonte do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   @import url('https://fonts.googleapis.com/css?family=Ewert'); .view { *{ font-family: 'Ewert'; } }   Para alterar a fonte para uma a sua escolha, você deverá mudar os valores da 1ª e 4ª linha do código CSS acima. Entre em “https://fonts.google.com/”, escolha sua fonte na biblioteca, selecione uma fonte clicando no simbolo de “+”, abra […]

O post CSS para mudar a fonte do seu aplicativo apareceu primeiro em Portal Apper.

]]> Para personalizar a fonte do seu aplicativo, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para a sessão CORES

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.

 


@import url('https://fonts.googleapis.com/css?family=Ewert');
.view {

*{
font-family: 'Ewert';
}

}

 

Para alterar a fonte para uma a sua escolha, você deverá mudar os valores da 1ª e 4ª linha do código CSS acima. Entre em “https://fonts.google.com/”, escolha sua fonte na biblioteca, selecione uma fonte clicando no simbolo de “+”, abra a barra inferior que aparecera, clique na opção em vermelho “@import”, copie apenas a linha entre os “<style>” por exemplo: ” @import url(‘https://fonts.googleapis.com/css?family=Ewert’); ” substitua a primeira linha do seu código CSS em seu painel. Volte no Google fonts e copie o código abaixo semelhante a esse: ” font-family: ‘Ewert’; “, depois volte ao seu painel e substitua a 4ª (quarta) linha de seu código CSS. O seu código deve ficar semelhando ao código deste artigo demonstrado acima, só mudando logicamente o nome da fonte. 

 

5 – Salve.

6 – Verifique o resultado no simulador ao lado.

Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.  

 

Pronto. ?

O post CSS para mudar a fonte do seu aplicativo apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/css-para-mudar-fonte-do-aplicativo/feed/ 0 13129 Quantidade de caracteres no envio de Notificações Push https://portalapper.com.br/centraldeajuda/quantidade-de-caracteres-no-envio-de-notificacoes-push/ https://portalapper.com.br/centraldeajuda/quantidade-de-caracteres-no-envio-de-notificacoes-push/#respond Mon, 08 Jan 2018 11:30:39 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/.br/?post_type=epkb_post_type_1&p=11389   Quantidade de caracteres que fica algo coerente e que dificilmente o texto é cortado. O cortar ou não o texto depende de cada dispositivo e tamanho de tela.   Título: 25 caracteres   Corpo da mensagem: 200 caracteres   Equipe Portal Apper  

O post Quantidade de caracteres no envio de Notificações Push apareceu primeiro em Portal Apper.

]]>  

Quantidade de caracteres que fica algo coerente e que dificilmente o texto é cortado.

O cortar ou não o texto depende de cada dispositivo e tamanho de tela.

 

Título:

25 caracteres

 

Corpo da mensagem:

200 caracteres

 

Equipe Portal Apper

 

O post Quantidade de caracteres no envio de Notificações Push apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/quantidade-de-caracteres-no-envio-de-notificacoes-push/feed/ 0 11389 CSS para alterar o tamanho da fonte na Home page https://portalapper.com.br/centraldeajuda/css-para-mudar-o-tamanho-da-fonte-na-homepage/ https://portalapper.com.br/centraldeajuda/css-para-mudar-o-tamanho-da-fonte-na-homepage/#respond Wed, 03 Jan 2018 11:00:48 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=13125 Para personalizar o tamanho da fonte na Home page do aplicativo, aplique o código deste artigo seguindo as instruções abaixo:   1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.   .layout { *{ font-size: 30px !important; } }   Para diminuir ou aumentar o tamanho do texto, basta alterar os valores dos pixels, que neste exemplo esta em 30px. Altere, salve e visualize para verificar o melhor tamanho para seu projeto.   5 – Salve. […]

O post CSS para alterar o tamanho da fonte na Home page apareceu primeiro em Portal Apper.

]]> Para personalizar o tamanho da fonte na Home page do aplicativo, aplique o código deste artigo seguindo as instruções abaixo:

  1 – Abra o Construtor de Apps

2 – Vá para a sessão CORES

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.

 


.layout {

*{
font-size: 30px !important;
}

}

 

Para diminuir ou aumentar o tamanho do texto, basta alterar os valores dos pixels, que neste exemplo esta em 30px. Altere, salve e visualize para verificar o melhor tamanho para seu projeto.

 

5 – Salve.

6 – Verifique o resultado no simulador ao lado.

Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.  

 

Pronto. 😉  

O post CSS para alterar o tamanho da fonte na Home page apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/css-para-mudar-o-tamanho-da-fonte-na-homepage/feed/ 0 13125 CSS Para quebra de linha na Home Page (Layouts 3, 4 e 5) https://portalapper.com.br/centraldeajuda/css-para-quebra-de-linha-na-home-page-layouts-3-4-e-5/ https://portalapper.com.br/centraldeajuda/css-para-quebra-de-linha-na-home-page-layouts-3-4-e-5/#respond Mon, 04 Dec 2017 11:00:32 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/office/?post_type=epkb_post_type_1&p=12925 Se os títulos dos recursos em seu menu são um pouco longos e deseja aplicar uma quebra de linha, ou seja, os textos aparecerem em 2 linhas ou mais, aplique o código deste artigo seguindo as instruções abaixo: 1 – Abra o Construtor de Apps 2 – Vá para a sessão CORES 3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA. 4 – Cole o código abaixo (exatamente como esta) no campo em branco. Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos. .layout.l3 li p{ line-height: 18px !important; overflow: visible !important; } Obs: Se estiver usando o Layout 4 ou 5 você deve trocar o número da classe (.layout.l3 li p) […]

O post CSS Para quebra de linha na Home Page (Layouts 3, 4 e 5) apareceu primeiro em Portal Apper.

]]> Se os títulos dos recursos em seu menu são um pouco longos e deseja aplicar uma quebra de linha, ou seja, os textos aparecerem em 2 linhas ou mais, aplique o código deste artigo seguindo as instruções abaixo:

1 – Abra o Construtor de Apps

2 – Vá para a sessão CORES

3 – Desça a página pela barra de rolagem até o final onde você localizará a sessão “PERSONALIZAÇÃO AVANÇADA CSS / SCSS”, se tiver escondido clique em MOSTRA.

4 – Cole o código abaixo (exatamente como esta) no campo em branco.

Obs. Se caso já tiver algum código neste local, aconselhamos que pule pelo menos 2 linhas e depois acrescente o código CSS abaixo. Para separar bem os códigos.

.layout.l3 li p{
line-height: 18px !important;
overflow: visible !important;
}

Obs: Se estiver usando o Layout 4 ou 5 você deve trocar o número da classe (.layout.l3 li p) de l3 para l4 ou l5, para obter o resultado.

5 – Salve.

6 – Verifique o resultado no simulador ao lado.
Obs. Se caso não houver mudança imediata, por favor clique em F5 ou Ctrl+F5 para atualizar a página e verifique novamente. Se mesmo assim o efeito não estiver ocorrendo verifique o código novamente e salve.

 

Pronto. 😉

O post CSS Para quebra de linha na Home Page (Layouts 3, 4 e 5) apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/css-para-quebra-de-linha-na-home-page-layouts-3-4-e-5/feed/ 0 12925 Página Personalizada https://portalapper.com.br/centraldeajuda/pagina-personalizada/ https://portalapper.com.br/centraldeajuda/pagina-personalizada/#respond Mon, 28 Aug 2017 04:59:34 +0000 https://portalapper.com.br/://https://portalapper.com.br/://portalapper.com.br.br.br/.br/.br/?post_type=epkb_post_type_1&p=10500 Veja aqui a documentação do recurso Página Personalizada

O post Página Personalizada apareceu primeiro em Portal Apper.

]]>
ícone

Página Personalizada

O Recurso Página Personalizada permite que você exponha o seu negócio de várias maneiras. Você pode escrever um artigo com uma foto, publicar uma galeria de fotos, publicar um vídeo diretamente nessa página e/ou adicionar botões de “clique único” ou link para qualquer site externo e muito mais. Chamamos este recurso de “Recurso Coringa” por suas inúmeras aplicações e possibilidades.

Adicionando o Recurso

Primeiro, clique em     para adicionar o recurso em seu aplicativo.

Nota: Este recurso não é real time, mas o usuário pode a qualquer momento segurar e arrastar para baixo a página para atualiza-la.

 

Aproveite este recurso que é tão completo.

Criando uma página

Criando uma Página

Primeiro você precisa criar uma nova Página Personalizada:

Em seguida, você deve nomear seu recurso, em “Nome da página”.

Uma página personalizada é composta de blocos independentes. Assim, você pode criar quantos blocos necessitar na mesma página.

Exemplo:

Bloco de Texto “Sobre nós”

Bloco de Imagem “Fotos do lugar”

Bloco de Endereço “Endereço do local com botão que ativa o GPS”

Bloco de Contato “Botão de Telefone que direciona a discagem”

E etc…

Texto

  • Texto

Para criar um bloco de Texto você deve clicar em  , um novo documento de texto aparece e você pode escrever seu artigo nele.

Um Editor de texto CKEditor.

Você poderá formatar seu texto com bastante liberdade. Por exemplo: Negrito, Itálico, alinhamentos, cores, tamanho e muito mais.

Este CKEditor te permite trabalhar com alguns códigos HTML, para ativar o editor de HTML neste recurso, você deve clicar no botão “FONTE”.

Você poderá também inserir uma imagem no texto usando o botão destacado na imagem abaixo, e ainda inserir um Link Interno. Para saber mais sobre Link Interno clique aqui.

Inserindo uma imagem no Bloco Texto:

1 – Clique no botão destacado na imagem abaixo.

2 – Em seguida, insira a imagem desejada nesta seção. Para fazer isso, clique no ícone  que permite que você insira sua foto ou imagem.

Após ter inserido, você poderá escolher seu alinhamento e tamanho:

O resultado é este:

Mais...

Mais:

Você também pode adicionar em seu bloco de texto um link para um site (URL).

No CKEditor clique no simbolo de Link , clicando deve aparecer uma janela semelhante a imagem abaixo.

Você precisa escolher o protocolo que deseja integrar “http://” se você quiser integrar. Em seguida, escreva no URL o link.

Ex:

https://www.exemplo.com

Imagem

  • Imagem

Criar uma galeria de fotos é muito fácil. Para fazer isso, clique em  e depois em “mais imagens”.

Você pode adicionar uma descrição a sua imagem, se quiser. Se desejar criar mais galerias, basta clicar em .

 

Importante: Você poderá verificar que em cada seção que adicionar ao lado superior direto tem um simbolo de uma seta com duas pontas, apontando para cima e para baixo, este recurso serve para você mover a ordem das seções. Segure e arraste para cima ou para baixo e depois solte no local (ordem) que deseja e salve o recurso.

Vídeo

  • Vídeo

A criação de um bloco de vídeo também é muito fácil. Para fazer isso, clique em .

  • Aqui você precisará escolher o tipo de vídeo que deseja integrar em sua Página Personalizada: Vídeos do YouTube, Vídeos de Podcast ou seus próprios vídeos.

    Youtube:

    Insira uma palavra chave para uma pesquisa e aperte Enter no teclado ou insira sua URL do vídeo do Youtube no campo e salva sua Página Personalizada.

  • Você pode criar quantos blocos de vídeos que necessitar.

    Podcast:

    Digite seu endereço URL de podcast de vídeo (no formato .xml) no campo apropriado

  • Em seguida, pressione “Enter”. Selecione o vídeo que você deseja integrar à sua Página Personalizada. Em seguida, clique em “Salvar”.(Exemplo de URL de Podcast vídeo: http://www.feedforall.com/rss-video-tutorials.xml) 

    Meu vídeo:

    Para incluir um vídeo, você precisará colar o endereço URL do seu vídeo em “Vídeo URL”.

  • Depois de ter colado a URL do seu vídeo, você poderá escrever uma pequena descrição e adicionar uma imagem de capa.(Exemplo de uma URL de vídeo: site.com/exemplo.mp4.mp4)

Endereço

  • Endereço

Para criar um novo endereço clique em .

Graças a esta seção você pode adicionar o endereço do seu local e um botão para localizar, este botão ainda direciona o usuário para o GPS que traça a rota pegando a localização do usuário com destino do endereço colocado. Você também pode colocar um número de telefone e um site.

Botões

  • Botões

Primeiro clique em .

Você poderá adicionar um botão para uma Ligação (Telefone), para um E-mail ou para abrir um Site (LINK).

Opções de personalização: Inclua um ícone e/ou Inclua um título.

Anexos

  • Anexo

Primeiro clique em .

Nesta seção você poderá adicionar arquivos a esta página (por exemplo: arquivos PDF, Word, etc…) que o usuário poderá baixar em seu dispositivo.

Inclua um título.

Slider

  • Slider

Primeiro clique em .

Com o Slider você poderá criar um com carrocel com várias imagens. (O usuário poderá arrastar para ver as imagens do carrocel).

Perguntas mais frequentes

Neste recurso posso colocar códigos?

Sim.

Você pode criar um bloco de texto e clicar em “FONTE” e aplicar seu código HTML.

Dica: Sempre use um bloco de notas para editar e guardar seu código, se caso o código se perder você o terá guardado em sua máquina.

Pronto, crie grandes projetos. 😉

O post Página Personalizada apareceu primeiro em Portal Apper.

]]> https://portalapper.com.br/centraldeajuda/pagina-personalizada/feed/ 0 10500