mobileX
  • Introdução
  • Gestão de Atualizações
    • Política de Release Quadrimestral de Produto
    • Fluxo de Atualização
  • Changelog
    • Versões em Produção
    • Changelog por Componente
      • Microsserviços
        • Gateway
          • 2024
            • 15 de Maio
            • 11 de Janeiro
          • 2023
            • 01 de Dezembro
            • 28 de Novembro
            • 07 de Novembro
            • 22 de Setembro
            • 24 de Agosto
            • 14 de Julho
        • Attendance
          • 2024
          • 2023
            • 18 de Agosto
            • 15 de Agosto
            • 9 de Junho
        • Archive
        • Security
          • 2024
            • 15 de Maio
            • 22 de Fevereiro
            • 11 de Janeiro
          • 2023
            • 11 de Dezembro
            • 01 de Dezembro
            • 07 de Novembro
            • 13 de Setembro
            • 24 de Agosto
            • 11 de Agosto
            • 14 de Julho
        • Integration
        • Messenger
        • CMS
        • Forms
          • 2024
            • 08 de Fevereiro
          • 2023
            • 01 de Dezembro
            • 20 de Outubro
      • Front-end
        • mobileX iOS
          • 2024
          • 2023
            • 22 de Setembro
            • 24 de Agosto
            • 15 de Agosto
            • 9 de Junho
        • mobileX Android
          • 2024
          • 2023
            • 22 de Setembro
            • 15 de Setembro
            • 8 de Setembro
            • 1 de Setembro
            • 14 de Julho
            • 9 de Junho
        • mobileX Portal
          • 2024
            • 20 de Maio
            • 15 de Maio
            • 07 de Fevereiro
          • 2023
            • 14 de Dezembro
            • 01 de Dezembro
            • 28 de Novembro
            • 13 de Setembro
            • 25 de Agosto
            • 18 de Agosto
            • 15 de Agosto
            • 14 de Julho
            • 9 de Junho
      • Manager
        • Front-end Manager
          • 2024
            • 20 de Maio
            • 15 de Maio
            • 20 de Fevereiro
            • 17 de Janeiro
          • 2023
            • 22 de Novembro
            • 13 de Setembro
            • 1 de Setembro
            • 11 de Agosto
            • 28 de Julho
            • 14 de Julho
            • 09 de Junho
        • Front-end agendamento
          • 2024
            • 27 de Fevereiro
          • 2023
            • 18 de Agosto
        • External
        • Gestor de arquivos e banners
          • 2024
          • 2023
            • 13 de Setembro
            • 8 de Setembro
      • Serviços de notificações PUSH
        • Notification
      • Serviços de integração
        • Adapter
        • Connect API
          • 15 de Maio
        • Connect Front
          • 15 de Maio
      • NEO
        • mobileX NEO Documentação
          • 2024
          • 2023
            • 28 de Julho
            • 23 de Junho
            • 9 de Junho
            • 14 de Julho
        • mobileX NEOC
          • 2024
          • 2023
            • 14 de Julho
            • 23 de Junho
        • mobileX NEO Framework
          • 2024
          • 2023
            • 14 de Julho
            • 23 de Junho
    • Changelog por Release
      • 2024
        • Maio
          • 20 de Maio
          • 15 de Maio
        • Fevereiro
          • 27 de Fevereiro
          • 22 de Fevereiro
          • 20 de Fevereiro
          • 08 de Fevereiro
          • 07 de Fevereiro
        • Janeiro
          • 17 de Janeiro
          • 11 de Janeiro
      • 2023
        • Dezembro
          • 14 de Dezembro
          • 11 de Dezembro
          • 01 de Dezembro
        • Novembro
          • 28 de Novembro
          • 22 de Novembro
          • 07 de Novembro
        • Outubro
          • 20 de Outubro
          • 13 de Outubro
        • Setembro
          • 22 de Setembro
          • 15 de Setembro
          • 8 de Setembro
          • 1 de Setembro
        • Agosto
          • 25 de Agosto
          • 18 de Agosto
          • 15 de Agosto
          • 11 de Agosto
        • Julho
          • 28 de Julho
          • 14 de Julho
        • Junho
          • 23 de Junho
          • 9 de Junho
  • mobileX NEO
    • mobileX NEO
    • Build
      • DocType
        • Localização
        • Página Inicial
        • Criação de DocTypes
          • Campos
          • A Atribuir Nome
          • Configurações de Formulário
          • Ver Definições
          • Definições de Email
          • Regras de Permissão
          • Ações
          • Documentos Vinculados
          • Status do Documento
          • Web View
      • Fluxo de Trabalho
        • Localização
        • Página Inicial
        • Adicionar Fluxo de Trabalho
      • Relatórios
        • Localização
        • Página Inicial
        • Adicionar Relatório
      • Workspace
        • Localização
        • Página Inicial
      • Painel de Controle
        • Localização
        • Página Inicial
        • Adicionar Painel de Controle
      • Script do Servidor
        • Localização
        • Página Inicial
        • Adicionar Script de Servidor
      • Script de Cliente
        • Localização
        • Página Inicial
        • Adicionar Script de Cliente
      • Tipo de Trabalho Agendado
        • Localização
      • Pacote
        • Localização
        • Página Inicial
        • Adicionar Pacote
      • Importação de Pacote
        • Localização
        • Página Inicial
        • Adicionar Importação de Pacote
    • Utilizadores
      • Usuários
        • Localização
        • Página Inicial
        • Adicionar Usuário
      • Tipo de Usuário
        • Localização
        • Página Inicial
        • Adicionar Tipo de Usuário
      • Permissões
        • Localização
        • Página Inicial
        • Adicionar Permissão do Utilizador
        • Adicionar/Atualizar e Excluir em Massa
    • Configurações
      • Importar Dados
        • Localização
        • Página Inicial
        • Adicionar Importação de Dados
        • Erros e Avisos
      • Exportar Dados
        • Localização
        • Página de Exportação
      • Atualização em Massa
        • Localização
        • Página Inicial
      • Documentos Excluídos
        • Localização
        • Página Inicial
        • Demonstrativo de Documento Excluído
      • Criar/Editar Formato de Impressão
        • Localização
        • Página de Criação
      • Fluxo de Trabalho
        • Localização
        • Página Inicial
        • Adicionar Fluxo de Trabalho
      • Status do Fluxo de Trabalho
        • Localização
        • Página Inicial
        • Status do Fluxo de Trabalho
    • Site
      • Definições do Portal
        • Localização
      • Formulário Web
        • Localização
        • Página Inicial
        • Adicionar Formulário Web
      • Post do Blog
        • Localização
        • Página Inicial
        • Adicionar Post do Blog
      • Blogueiro
        • Localização
        • Página Inicial
        • Adicionar Blogueiro
      • Categorias do Blog
        • Localização
        • Página Inicial
        • Adicionar Categoria de Blog
      • Página Web
        • Localização
        • Página Inicial
        • Adicionar Página Web
      • Sidebar Site
        • Localização
        • Página Inicial
        • Adicionar Sidebar Site
      • Slideshow Site
        • Localização
        • Página Inicial
        • Adicionar Slideshow Site
      • Rota do Site Meta
        • Localização
        • Página Inicial
        • Adicionar Rota do Site Meta
      • Configurações do Portal
        • Localização
      • Ajuda Categoria
        • Localização
        • Página Inicial
        • Adicionar Ajuda Categoria
      • Ajuda Artigo
        • Localização
        • Página Inicial
        • Adicionar Ajuda Artigo
    • Integrações
      • Configurações do Google
        • Localização
        • Realizar Configuração do Google
      • Contatos do Google
        • Localização
        • Página Inicial
        • Adicionar Contatos do Google
      • Calendário do Google
        • Localização
        • Página Inicial
        • Adicionar Calendário do Google
      • Google Drive
        • Localização
        • Página Inicial
      • Webhook
        • Localização
        • Página Inicial
        • Adicionar Webhook
          • Doc Eventos
          • Gatilho Webhook
          • Pedido Webhook
          • Segurança Webhook
          • Cabeçalhos Webhook
          • Webhook Data
      • URL do Webhook do Slack
        • Localização
        • Página Inicial
        • Adicionar URL do Webhook do Slack
      • Configurações de SMS
        • Localização
        • Página Inicial
    • Customização
      • Painel de Controle
        • Localização
        • Página Inicial
        • Adicionar Painel de Controle
      • Personalizar Formulário
        • Localização
        • Editar Formulário
      • Gráfico do Painel
        • Localização
        • Página Inicial
        • Adicionar Gráfico
          • Contagem
          • Soma
          • Média
          • Agrupar Por
          • Personalizado
          • Relatório
      • Origem do Gráfico do Painel
        • Localização
        • Página Inicial
        • Adicionar Origem do Gráfico do Painel
    • Gestão de Ciclo de Vida da Aplicação mobileX
    • Log de Desenvolvimento
    • API de Relatórios
  • mobileX Front
    • mobileX Front
    • Componentes mobileX Front
      • Apps mobileX Front
        • Apps Virtuais x Apps Customizadas
        • Customizações
          • Menus
            • Menus Estático
            • Menus Dinâmicos
          • Especificações para Customizações
      • Manager mobileX Front
    • Implantação Apps mobileX Front
      • Publicação das Apps
        • Liberando Acesso às Lojas de Aplicativos
        • Publicação Apps iOS
        • Publicação Apps Android
      • Gestão das Lojas de Aplicativos
    • Funcionalidades Nativas
      • Log do usuário
      • Cadastro e Autenticação de Usuário
        • Níveis de Acesso
        • Cadastro e Autenticação mobileX
          • Excluir Conta
        • 2° Fator de Autenticação
        • Autenticação Integrada
        • Autenticação via Serviços Externos
      • Biometria
      • Termo de Uso e Política de Privacidade
      • Pesquisas
      • Mensagens
      • Gestor de Conteúdos
      • Fluxo de Atendimento
      • Formulários Dinâmicos
    • Manager :: Configurando e Operando Apps mobileX
      • Gestão de Perfis e Usuários Manager
      • Configuração de Apps Virtuais
      • Operando as Apps Via Manager mobileX
        • Usuários Aplicações Frontend
        • Construtor de Menus Básicos
        • Fluxos de Atendimento
          • Relatório em Mapa
        • Questionários
        • Envio de Mensagens
        • Gestor de Conteúdo
        • Agendamento
        • Construtor de Formulários Dinâmicos
    • Low Code mobileX Front
      • Linguagem X
      • Actions
        • Actions Básicas
        • Actions Integrações(CMS)
          • Actions CMS
          • Statuscodes de retorno de requisições
          • Paginação em Requisições
        • Actions Atendimento
        • Action Formulários
        • valueToSave
      • Autenticacão de Usuário
        • Autenticacão de Usuário mobileX
        • Autenticação Gov.br
        • Autenticação Microsoft Azure Ad
      • Credenciamento com Sistemas Externos
        • Permissões de Acesso para Execução de Ações no APP
        • Obtendo Tokens de Credenciamento
          • Key (Chave Única de Acesso)
          • Usuário e Senha
          • Customizado - Credenciamento via Ação Configurada
        • Utilizando Credenciamento nas Integrações
        • Aviso de Cookie no Portal
        • Upload de Arquivos (Forms de atendimento/Integração)
      • Estrutura de Telas
        • PageNavigation
        • PageHeader
        • PageSearch
        • PageContent
          • GroupLists
            • Coringa
            • List A
            • List B
            • List C
            • List D
            • Menu A
            • Menu B
            • Menu C
            • Carousel A
            • Carousel B
            • Carousel C
            • Carousel D
          • SectionLists
            • SectionList A
            • SectionList B
          • HistoryList
          • Filelist
          • Simplelist
          • PageFooter
        • Template de Mensagens
        • Template de Credenciamento
      • Fontes mobileX
      • Sombra, Borda e Contorno
      • Outras Funcionalidades
        • Galeria de Vídeos
        • Cartões Virtuais
        • Pesquisa Geolocalizada
        • Política de Privacidade e Termos de Uso por Endpoint
        • Carrossel de Banner com Gestor de Arquivos
    • APIs mobileX
  • mobileX Connect
    • mobileX Connect
    • Gestão de Clientes, Aplicações Customizadas e Endpoints
    • Conexão com Componentes mobileX e Sistemas Externos
    • Configuração e Conexão com Componentes mobileX NEO
    • Debug
    • Log de Erros
  • mobileX Gen AI
    • mobileX Gen AI
  • mobileX Code-Flow
    • mobileX Code-Flow
    • Funcionalidades mobileX Code-Flow
  • Infraestrutura e Segurança
    • Infraestrutura e Segurança
    • Políticas
      • Política de Segurança da Informação
      • Política de Testes de Segurança de Informação
      • Política de Controle de Backup
      • Política de Tratamento de Incidente de Segurança
      • Política de Controle de Acesso e Gestão de Usuários da Plataforma mobileX
      • Política de Gestão de Ativos
    • Requisitos Mínimos mobileX
    • Sustentabilidade
    • Privacidade e LGPD
      • DPO (Data Protection Officer)
      • Papéis LGPD
    • Gestão de Risco Cibernético
  • Hospedagem
    • Componentes da Plataforma
    • Modelos de Hospedagem
    • Modelos de Deploy mobileX
    • Configuração Mínima Hospedagem Enterprise
    • Configuração Mínima Data Adapter
  • Atendimento e Suporte
    • Livro de Serviços da MTM
    • Manual do GLPI
    • Manual do Manager mobileX
    • Comunicados mobileX
      • #001-12_2023 - Instruções para Prorrogação de Prazo em Loja Google
      • #002-12_2023 - Instruções para Validação da Conta de Programador na Play Console
Powered by GitBook
On this page
  • Criação Página Web
  • Pastas de criação da Página Web
  • Salvar Implementações e Edições
  1. mobileX NEO
  2. Site
  3. Página Web

Adicionar Página Web

PreviousPágina InicialNextSidebar Site

Last updated 1 year ago

Para adicionar Página Web, basta realizar o clique no botão "Adicionar Página Web" localizado no canto superior direito da interface assim passando para pagina de criação de uma Página Web.

Criação Página Web

Após realizar o clique em "Adicionar Página Web", uma nova página será aberta apresentando campos que precisam sem preenchidos.

Pastas de criação da Página Web

Na página para a realização da criação das seguintes "Páginas Web", contém algumas devidas pastas ao qual são seguimentadas pelos devidos temas "Conteúdo", "Scripting", "Estilo" e "Configurações"

Dentro da pasta "Conteúdo", localizada na parte superior da página, você pode definir diferentes tipos de conteúdos que podem ser configurados. Esses conteúdos podem incluir textos e outros elementos que podem ser adicionados e personalizados de acordo com as suas necessidades.

Existem campos para configuração dentro da seção "Conteúdo"

  • Título : Nome que se dará a referencia do item. *Campo Obrigatório

  • Rota : Permite que você defina um destino específico para o conteúdo. Você pode especificar um endereço ou caminho que será associado ao conteúdo em questão.

  • Módulo (Para importação) : Está disponível para exportação do conteúdo. Isso significa que pode selecionar o módulo específico onde deseja que o conteúdo seja exportado. Essa funcionalidade permite que organize e distribua o conteúdo de forma eficiente em diferentes partes.

Além disso, existem algumas Check Box que podem ser marcadas conforme necessário. como as seguintes :

  • Rota Dinâmica : Permite que a rota seja atualizada dinamicamente com base em determinados parâmetros ou configurações.

  • Publicado : Indica se o conteúdo está disponível para visualização pública ou não.

Dentro da seção "Conteúdo", você terá a opção de escolher diferentes tipos de conteúdo para serem exibidos na página. Cada tipo de conteúdo selecionado resultará em uma mudança na aparência e funcionalidade da página.

Aqui estão os tipos de conteúdo disponíveis:

  • Construtor de Página : Esse tipo de conteúdo permite criar uma página personalizada usando um conjunto de blocos e elementos pré-configurados. Você poderá arrastar e soltar os blocos na página para organizar o layout conforme desejado.

  • Rich Text : Com esse tipo de conteúdo, você poderá adicionar e formatar texto com recursos avançados, como negrito, itálico, listas, links e outros elementos visuais para tornar o texto mais atraente e informativo.

  • Desconto : Esse tipo de conteúdo é específico para a exibição de informações relacionadas a descontos, promoções ou ofertas especiais. Você poderá inserir detalhes sobre o desconto, como código promocional, datas de validade e condições aplicáveis.

  • HTML : Com essa opção, você terá a flexibilidade de adicionar e editar código HTML diretamente na página. Isso permite personalizar e integrar elementos avançados, como vídeos incorporados, formulários personalizados ou recursos interativos específicos.

  • Slideshow : Esse tipo de conteúdo é ideal para exibir imagens em formato de apresentação de slides. Você poderá adicionar várias imagens e configurar as opções de transição, tempo de exibição e efeitos visuais para criar uma experiência visual atraente.

Ao selecionar um tipo de conteúdo específico, a página será adaptada para exibir e interagir com o conteúdo selecionado de acordo com suas configurações e personalizações.

Tipo de Conteúdo

Construtor de Página

Na página, encontrará uma Check Box chamada "Modelo Dinâmico". Logo abaixo dela, haverá uma tabela chamada "Blocos de Construção de Página", que pode ser configurada e personalizada de acordo com as necessidades aplicadas.

A Check Box "Modelo Dinâmico" permite que você ative ou desative a funcionalidade de modelo dinâmico para a página. Quando ativada, o modelo dinâmico permitirá que a página se adapte automaticamente com base em parâmetros específicos ou configurações adicionais.

A tabela "Blocos de Construção de Página" apresenta uma lista de blocos disponíveis que podem ser adicionados à página. Esses blocos são elementos predefinidos que podem incluir seções como Web Template e Editar Valores

Ao utilizar a caixa de seleção "Modelo Dinâmico" e a tabela "Blocos de Construção de Página", você terá a flexibilidade de criar e personalizar a página de acordo com suas preferências e requisitos específicos, oferecendo uma experiência visual e funcional aprimorada para os usuários.

Para adicionar informações à tabela, basta clicar no botão "Adicionar Linha". Isso criará uma nova linha na tabela, que poderá ser editada e configurada posteriormente. Após adicionar uma linha, uma nova coluna será criada automaticamente para permitir a edição dos dados.

Se desejar fazer alterações nos dados, basta clicar no botão "Editar" na linha requerida para acessar os campos de edição correspondentes à linha selecionada. Isso permitirá que faça as modificações necessárias nos dados da tabela de forma simples e intuitiva.

Após clicar em "Editar", será aberta uma nova tela com várias opções de atributos que podem ser incluídos por meio de campos de preenchimento, como "Web Template" e "Classe CSS".

  • Web Template : Permite que você associe um modelo de site específico à linha em edição. Isso pode afetar a aparência e o layout do conteúdo da linha, aplicando estilos e elementos visuais predefinidos.

  • Classe CSS : Permite que defina uma classe CSS personalizada para a linha em edição. Uma classe CSS é um conjunto de estilos e propriedades que podem ser aplicados aos elementos HTML.

Além disso, há também algumas Check Box disponíveis como:

  • Adicionar Recipiente : Essa opção adiciona um recipiente ou contêiner em torno da linha, o que pode ser útil para agrupar elementos relacionados e aplicar estilos específicos.

  • Adicionar Espaço no Topo : Ao marcar essa opção, um espaço em branco será adicionado na parte superior da linha, criando um espaçamento visual entre ela e o conteúdo acima.

  • Adicionar Espaço na Parte Inferior : Semelhante à opção anterior, essa marcação adiciona um espaço em branco na parte inferior da linha, criando um espaçamento visual entre ela e o conteúdo abaixo.

  • Adicionar Fundo Cinza : Essa opção adiciona um fundo cinza à linha, destacando-a visualmente do restante do conteúdo.

  • Esconder o Bloco : Ao marcar essa opção, a linha será ocultada na visualização final do site, tornando-a invisível para os visitantes.

Esses atributos e opções oferecem a capacidade de personalizar ainda mais a linha editada, permitindo que associe modelos de site, aplique classes CSS personalizadas e faça seleções adicionais, se disponíveis. Isso proporciona flexibilidade e controle sobre a aparência e o comportamento da linha dentro da tabela.

Rich Text

Ao selecionar Rich Text permite a inclusão de um campo para a digitação de texto formatado como Rich Text. Esse campo possibilitará a inserção de texto com formatação avançada, como negrito, itálico, listas, links e outros elementos visuais.

Além disso, uma Check Box será adicionada acima desse campo de texto, com a opção "Modelo Dinâmico". Ao marcar, ativará o modo de modelo dinâmico para o campo de texto. Isso significa que o conteúdo inserido nesse campo poderá ser atualizado automaticamente com base em parâmetros específicos ou configurações adicionais.

Formato Rich Text

Permite codificar elementos básicos do arquivo, como tamanho, cor e fonte do texto. Esse formato pode não oferecer suporte a recursos visuais mais diferenciados em aplicativos de processamento de texto específicos, como uma versão moderna do Microsoft Word, mas preserva grande parte do design principal do arquivo de documento, pois foi renderizado em um processador de texto específico.

Por exemplo, formatos proprietários como .docx, .doc ou .wp podem não ser traduzidos tão bem entre sistemas diferentes quanto uma versão .rtf.

Onde o Rich Text é usado?

O formato Rich Text é frequentemente usado quando os documentos são enviados por e-mail a um amplo conjunto de destinatários ou transportados entre diferentes partes que podem estar usando configurações de processamento de texto radicalmente diferentes.

Desconto

Dentro do "Tipo de Conteúdo" selecionado, encontrará uma única Check Box chamada "Modelo Dinâmico" e um campo de preenchimento.

Ao marcar a Check Box "Modelo Dinâmico", ativa o modo de modelo dinâmico para o campo de preenchimento. Isso permite que o conteúdo inserido nesse campo seja atualizado automaticamente com base em parâmetros específicos ou configurações adicionais.

Se contém os seguintes botões no campo de preenchimento:

  • Expandir : Permite expandir o campo de preenchimento, tornando-o maior para facilitar a digitação de um texto mais extenso.

  • Pré-visualização : Permite visualizar uma prévia do conteúdo inserido no campo de preenchimento. Ao clicar nesse botão, poderá ver como o conteúdo será exibido antes de salvá-lo definitivamente.

Essas opções oferecem maior flexibilidade e controle sobre o campo de preenchimento, permitindo a ativação do modo de modelo dinâmico, a expansão do campo para facilitar a digitação e a pré-visualização do conteúdo antes de finalizá-lo.

HTML

Ao selecionar o "Tipo de Conteúdo" em formato HTML, terá a possibilidade de criar e editar um campo para a digitação de código HTML. Esse campo permitirá que insira código HTML diretamente, fornecendo a flexibilidade de personalizar e integrar elementos avançados em sua página.

Além disso, haverá uma Check Box chamada "Modelo Dinâmico" ao marcar essa Check Box, ativará o modo de modelo dinâmico para o campo HTML. Com o modelo dinâmico ativado, o conteúdo inserido no campo HTML poderá ser atualizado automaticamente com base em parâmetros específicos ou configurações adicionais.

Essas opções oferecem a capacidade de criar campos HTML personalizados e interativos, permitindo a adição de recursos avançados. Além disso, o modo de modelo dinâmico possibilita que o conteúdo HTML seja adaptado e atualizado de forma automática, de acordo com as necessidades e configurações definidas.

Slideshow

Em seguida, temos outro tipo de conteúdo que gera um campo de preenchimento para selecionar um Slideshow específico. Esse campo permitirá que escolha o Slideshow desejado a ser exibido na página.

Além disso, haverá uma Check Box chamada "Modelo Dinâmico". Ao marcar essa Check Box, ativará o modo de modelo dinâmico para o Slideshow. Com o modelo dinâmico ativado, o conteúdo do Slideshow poderá ser atualizado automaticamente com base em parâmetros específicos ou configurações adicionais.

Na seção "Scripting", localizada na parte superior da página, poderá definir algumas configurações relacionadas a scripts e programação. Essas configurações permitirão personalizar o comportamento e a funcionalidade do sistema de acordo com suas necessidades específicas.

Abaixo encontrará um campo de preenchimento destinado à inclusão de um script específico dentro do contexto da página. Esse campo permitirá que personalize a página de acordo com as requeridas necessidades, adicionando funcionalidades ou comportamentos personalizados.

Ao preencher esse campo com o script desejado, poderá adicionar código personalizado ao sistema, permitindo a personalização da página conforme as especificações. O campo de preenchimento pode ser expandido, proporcionando uma melhor visualização e edição do código.

Defina o contexto antes de renderizar um modelo

Exemplo:

context.project = neo.get_doc("Projeto", neo.form_dict.name)

Na sequência, encontramos um campo de preenchimento destinado à codificação em JavaScript. Esse campo permite que escreva e insira código JavaScript personalizado para adicionar funcionalidades avançadas à página.

O campo de preenchimento pode ser expandido para uma melhor visualização e edição do código. Essa expansão facilita a digitação de código mais extenso e a visualização de estruturas e lógica mais complexas.

Na seção "Estilo", localizada no topo da página, terá a capacidade de definir configurações relacionadas ao estilo visual da página. Essas configurações permitirão personalizar a aparência e o layout do conteúdo, garantindo uma experiência estética consistente e agradável para os usuários.

Além das configurações de estilo mencionadas anteriormente, passará a obter opção de estilizar o alinhamento do texto na página. Isso significa que pode-se escolher o alinhamento do texto se passará a ser alinhado à esquerda, direita ou centralizado, de acordo com as preferências de design.

Além disso, encontrará algumas opções adicionais representadas por Check Box:

  • Inserir Estilo : Ao marcar essa opção, ativará a inserção de estilos personalizados para elementos específicos da página. Isso permitirá que aplique estilos exclusivos e adaptados às necessidades do conteúdo.

  • Largura Completa : Ao marcar essa opção, o elemento em questão ocupará toda a largura disponível na página. Isso pode ser útil para criar seções ou elementos que ocupem a largura total da tela.

  • Mostrar Título : Ao marcar essa opção, o título relacionado ao elemento em questão será exibido. Isso é útil para identificar e destacar o conteúdo ou o propósito do elemento na página.

Quando marcar a Check Box "Inserir Estilo", um campo de preenchimento para CSS será exibido, permitindo que insira estilos personalizados para o elemento selecionado. Esse campo pode ser expandido clicando no botão "Expandir", o que proporcionará uma melhor visualização e edição do código CSS.

O campo de preenchimento pode conter várias linhas de código CSS, dependendo da complexidade e do nível de personalização que deseja alcançar. A expansão do campo facilita a edição e a visualização de estruturas de código mais extensas.

Definição CSS

O CSS é uma linguagem de estilo usada para controlar a aparência e o layout dos elementos em uma página da web. Ao preencher o campo de CSS, você poderá aplicar estilos específicos ao elemento selecionado, como cores, tamanhos de fonte, margens, bordas e outros atributos visuais.

A seção "Configurações", localizada no topo da página, permite definir várias opções e configurações relacionadas ao funcionamento e comportamento. Essas configurações podem ser personalizadas para atender às necessidades específicas demandadas.

Datas de Publicação

Na seção "Configurações", encontrará campos para definir a data de início e a data de término de uma publicação aos quais essas datas são escolhidas no formato dia/mês/ano. Contendo os seguintes campos :

  • Data de Início : Permite selecionar a data em que a publicação deve iniciar. Essa data marca o momento a partir do qual o conteúdo se tornará visível ou estará disponível para acesso.

  • Data de Término : Permite selecionar a data em que a publicação deve terminar. Essa data determina até quando o conteúdo estará disponível ou visível para os usuários.

Meta Tags

Na seção de configurações, encontrará campos para preenchimento do título e da descrição relacionados a um determinado.

  • Título : Permite inserir um texto que identificará de forma sucinta o item em questão. O título é frequentemente usado para resumir o conteúdo ou fornecer uma breve descrição do que será abordado.

  • Descrição : É utilizado para fornecer informações mais detalhadas sobre o item. Nesse campo, pode inserir um texto mais extenso que descreva o conteúdo, suas características ou qualquer informação adicional relevante.

Ao preencher esses campos, é importante utilizar uma linguagem clara e concisa para transmitir de forma precisa o propósito ou o contexto do item em questão. O título e a descrição devem ser informativos o suficiente para que os usuários entendam do que se trata o item ou conteúdo, mesmo que tenham acesso apenas a essas informações.

Anexar Imagens

Na seção de configurações, existe a funcionalidade de anexar imagens ao item ou conteúdo por meio do botão "Anexar". Ao clicar nesse botão, será aberta uma opção para selecionar a origem do anexo. As opções disponíveis são:

  • Meu Aparelho : Essa opção permite que o usuário faça o upload do banner diretamente do seu dispositivo, selecionando uma imagem armazenada no computador.

  • Biblioteca : Com essa opção, o usuário pode escolher uma imagem da biblioteca existente, que já está disponível no sistema.

  • Ligação : Essa opção permite ao usuário anexar um link da web que contém a imagem do banner desejada.

  • Câmera : Com essa opção, o usuário pode capturar uma imagem usando a câmera do dispositivo.

Após selecionar a origem do anexo e escolher a imagem desejada, quando a imagem estiver anexada conforme desejado, deve-se finalizar o processo clicando no botão "Enviar" para que os arquivos anexados sejam efetivamente adicionados ao item.

Sidebar e Comentários

Salvar Implementações e Edições

Após concluir todas as adições e alterações de conteúdo necessárias, o usuário pode salvar as modificações realizadas clicando no botão "Salvar". Este botão está localizado no canto superior direito da página.

Ao clicar em "Salvar", todas as inclusões e alterações de conteúdo serão armazenadas. Isso garante que as informações sejam salvas e estejam disponíveis para uso posterior. O processo de armazenamento permite que o usuário mantenha um registro atualizado e seguro de todas as edições realizadas.

No botão logo abaixo de "Anexar" passará a conter outro botão de referencia para adição de Tags Personalizadas sendo ele chamado por "Adicionar Tags Personalizados", ao qual ao realizar o clique sobre ele passará a realizar a abertura de outra tela referente a pagina seguinte .

Abaixo está contido os seguintes dados implantados como algumas Check Box presentes como "Mostrar Barra Lateral" e "Ativar Comentários" podendo ser acrescentado no campo um numero seguinte para "Prioridade" ao qual zero é maior, sendo inserido também abaixo o

Rota do site Meta
Sidebar Site
Adicionar Página Web - Direita da Página