Adicionar Página Web
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.
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
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.
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.
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.
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.
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.
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.
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.
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 Rota do site Meta.
Sidebar e Comentários
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 Sidebar Site
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.
Atualizado