Configurar página inicial

A página inicial é a página inicial do site da sua organização e serve como um gateway para a comunidade de usuários. A página inicial fornece recursos e conteúdos úteis para os membros da organização e, se você permitir acesso externo, para o público. Você pode configurar uma página inicial moderna e de aparência profissional, que reflete a marca e a missão da sua organização e mostra os mapas, cenas, aplicativos e camadas mais importantes para a sua comunidade.

Anotação:

As organizações estabelecidas antes de Junho de 2020 podem ter configurado sua página inicial usando as configurações de página inicial antigas. O suporte para as configurações de página inicial antigas foi descontinuado e as organizações foram atualizadas para a experiência de página inicial moderna e compatível com dispositivos móveis, com galerias de itens, links e cores, e fontes personalizadas. Se a sua organização recebeu uma extensão para continuar usando sua página inicial antiga, você ainda poderá visualizar a página inicial antiga para fazer referência ou copiar conteúdo para a página inicial moderna.

Ao utilizar os blocos ou componentes personalizáveis no editor da página inicial, administradores padrão e aqueles com os privilégios apropriados podem projetar, visualizar e implantar uma página inicial responsiva que seja exibida de maneira ideal nos navegadores de desktop e móvel.

Dica:

Para obter dicas e práticas recomendadas para ajudá-lo a começar, consulte Práticas recomendadas para criar uma página inicial da organização.

Criar uma página inicial

Utilize o editor da página inicial para criar uma página inicial para o sua organização do ArcGIS Online . O editor da página inicial inclui um conjunto flexível de componentes e opções que permitem criar um ponto de entrada único para o seu site. Conforme você configura sua página utilizando o editor da página inicial, uma visualização em tempo real de suas opções de design ajuda a obter a aparência e a funcionalidade desejadas. Utilize as opções de visualização na parte inferior do editor da página inicial para visualizar como sua página será exibida em diferentes dispositivos.

Anotação:

As organizações estabelecidas antes de Junho de 2020 podem ter configurado sua página inicial usando as configurações de página inicial antigas. O suporte para as configurações de página inicial antigas foi descontinuado e as organizações foram atualizadas para a experiência de página inicial moderna e compatível com dispositivos móveis, com galerias de itens, links e cores, e fontes personalizadas. Se a sua organização recebeu uma extensão para continuar usando sua página inicial antiga, você ainda poderá visualizar a página inicial antiga para fazer referência ou copiar conteúdo para a página inicial moderna.

  1. Verifique que você está registrado como um administrador padrão ou papel personalizado com privilégios administrativos para gerenciar o site da web da organização.
  2. No parte superior do site, clique em Organização e clique na guia Configurações.
  3. Clique em Página Inicial no lado da página.
  4. Na seção Editor da Página Inicial , clique em Iniciar Editor.
  5. Configure os elementos de conteúdo da sua página inicial da seguinte maneira:
    • Cabeçalho—Título, logotipo e imagem da capa
    • Blocos de conteúdo—Galerias de item, texto e links
    • Rodapé—Informações de contato, texto e links de rodapé personalizados e estilo do rodapé
  6. Configure o design da sua página inicial da seguinte maneira:
    • Cores—Temas de cores pré-definidos ou personalizados
    • Tipografia—Temas de fontes pré-definidos ou personalizados
  7. Utilize as opções de Exibir para visualizar como sua página inicial será exibida em computadores, tablets e dispositivos móveis.
  8. Clique em Salvar para aplicar a configuração da sua página inicial.
  9. Clique no botão Fechar Fechar para fechar o editor da página inicial.
  10. Na parte superior do site, clique em Página Inicial para visualizar sua página inicial.

Cabeçalho

O cabeçalho da página inicial pode incluir qualquer um dos seguintes elementos: uma imagem de capa, um título da organização e um logotipo da organização.

Para configurar o cabeçalho da página inicial, faça o seguinte:

  1. Siga as quatro primeiras etapas da seção Criar uma página inicial acima.
  2. Em Conteúdo, clique em Cabeçalho.
  3. Opcionalmente, inclua o título da sua organização no cabeçalho.
    1. Ative o botão Mostrar título da organização .
    2. Na caixa de texto Título da organização , mantenha o título (importado dasconfigurações de perfil da organização) ou digite um novo.
    3. No menu suspenso Cor do cabeçalho, selecione uma cor para o texto do título.
      Anotação:

      Se você especificou um tema de cor pré-definido ou personalizado para o design da sua página inicial, a seleção de uma nova cor no menu suspenso substituirá o estilo de cor especificado para este elemento.

  4. Opcionalmente, inclua um logotipo da organização no cabeçalho.
    1. Ative o botão Mostrar logotipo da organização .
    2. Clique em Escolher arquivo e navegue até o arquivo de imagem na área de trabalho.

      Os formatos de imagem aceitos são PNG, GIF e JPEG. Para melhores resultados, o logotipo deverá ter 300 pixels de largura por 300 pixels de altura.

    3. Mova ou amplie para o que você deseja que apareça no seu logo.

      Dependendo do tamanho e resolução do seu arquivo de imagem e até onde você amplia para personalizar a miniatura, a imagem pode ser reamostrada e dimensionada quando for salva.

    4. Clique em Salvar.
  5. Opcionalmente, inclua uma imagem de capa no cabeçalho.
    1. Ative o botão Mostrar imagem da capa.
    2. Use uma das seguintes opções para selecionar uma opção de imagem de capa:
      • Use uma capa de estoque—Aplique uma imagem de capa de material pronta para uso. Selecione uma imagem no menu suspenso.
      • Transferir uma capa personalizada—Transfira uma imagem de capa personalizada. Clique em Escolher arquivo e procure um arquivo de imagem na área de trabalho. Os formatos de imagem aceitos são PNG, GIF e JPEG. Clique em Salvar.
        Anotação:

        A imagem deve ter aproximadamente 1920 pixels de largura por 1080 pixels de altura. Considere o tamanho do seu arquivo de imagem antes de carregá-lo, pois arquivos grandes podem afetar o desempenho de alguns usuários do site. O tamanho do arquivo deve ser menor que 1 MB.

  6. Clique em Opções de Layout e faça qualquer um dos seguintes:
    • Selecione uma altura para a imagem da capa—tela inteira, tela de dois terços ou meia tela.
    • Ajuste o ponto focal de imagem da capa clicando na janela de visualização da imagem. O ponto focal especificado determina o centro da imagem em todos os tamanhos de tela.
    • Ajuste a opacidade da imagem da capa utilizando o controle deslizante Opacidade de sobreposição .
    • Ajuste o alinhamento vertical do título e do logotipo e sua posição horizontal em relação à imagem da capa.
      Anotação:

      Se você escolher Alinhar à esquerda, o alinhamento do título será ajustado dinamicamente com base no tamanho da tela. Se você reduzir o tamanho da tela em um dispositivo de desktop, o título ficará mais centralizado. Em um tablet ou celular, o título é sempre centralizado, independentemente da opção de alinhamento escolhida.

  7. Clique em Salvar para salvar sua configuração de cabeçalho.

Blocos de conteúdo

A página inicial pode incluir até 15 blocos de conteúdo, incluindo texto, galerias de itens e links. Utilize blocos de texto para configurar títulos e outro conteúdo baseado em texto sobre sua organização. Configure galerias de itens para mostrar mapas, cenas, aplicativos e outros itens de conteúdo. Adicione blocos de links personalizados para ajudar membros e visitantes a descobrir mais conteúdo.

Ao configurar uma galeria de itens, você especifica um grupo que contém os itens que deseja exibir. Isto permite a você configurar galerias personalizadas para exibir conteúdo diferente para diferentes públicos. Por exemplo, uma organização que permite acesso anônimo pode desejar que alguns itens sejam visíveis apenas para membros da organização e ocultados aos visitantes não membros do site.

Você pode controlar a visibilidade de galerias de itens e de itens individuais da galeria usando uma combinação de configurações de grupo (Quem pode ver este grupo?) e níveis de compartilhamento de itens da seguinte maneira:

Para quem é a galeria de itens?Tornar o grupo visível porDefina o nível de compartilhamento de itens como

Todos (público)

Todos (público)

Todos (público)

Todos os membros da organização (sem não membros)

Pessoas na organização

Organização

Membros de organização específicos

Pessoas na organização

Grupo da galeria de itens e outros grupos específicos

Se uma galeria de itens não tiver itens visíveis para alguém que esteja visualizando a página inicial, a galeria não aparecerá. Por exemplo, os não membros não verão uma galeria que contenha apenas itens compartilhados no nível da organização.

Ao configurar um bloco de links, você pode incluir até oito links. Você pode utilizar URLs de sites e endereços de e-mail para seus links. URLs de HTTPS válidas e sintaxe de link do mailto devem ser utilizadas. Você pode configurar os links para aparecerem como texto sublinhado ou como botões. Você também pode incluir uma imagem para cada link.

Cada bloco de conteúdo pode ser personalizado para atender a necessidades de sua organização e comunidade de usuários. Após configurados, os blocos podem ser reordenados na página e editados conforme necessário.

Para configurar blocos de conteúdo na página inicial, faça o seguinte:

  1. Siga as quatro primeiras etapas da seção Criar uma página inicial acima.
  2. Em Conteúdo, clique em Blocos de conteúdo.
  3. Para adicionar um bloco de texto, faça o seguinte:
    1. Clique em Adicionar bloco e clique em Texto.
    2. Para incluir um título, ative o botão Mostrar título e digite um título.
    3. Para incluir o texto do corpo, ative o botão de alternância Mostrar cópia do corpo e digite o texto do corpo na caixa de texto Cópia do corpo.

      Para incluir hiperlinks em seu texto, clique em Adicionar link. Na janela Adicionar link, digite um título de link e um destino de link e clique em Adicionar. O destino do link deve ser uma URL HTTPS válida - por exemplo https://www.arcgis.com/home—ou um link mailto —por exemplo, mailto:info@example.com. O link é adicionado à caixa de texto Cópia do corpo usando a sintaxe de marcação.

    4. Escolha uma opção de alinhamento para o texto.
    5. No menu suspenso Cores do bloco, selecione uma cor do pIano de fundo para o bloco de texto.
      Anotação:

      Se você especificou um tema de cor pré-definido ou personalizado para o design da sua página inicial, a seleção de uma nova cor no menu suspenso substituirá o estilo de cor especificado para este elemento.

    6. Clique em Salvar para salvar a configuração do bloco de texto.
    7. Repita essas etapas para cada bloco de texto.
  4. Para configurar uma galeria de itens, faça o seguinte:
    1. Clique em Adicionar bloco e clique em Galeria de itens.
    2. Clique na caixa Grupo , encontre e selecione um grupo cujo conteúdo você deseja destacar na galeria.
    3. Para incluir um título, ative o botão Mostrar título e digite um título.
    4. Para incluir um resumo, ative o botão de alternância Mostrar resumo e digite um resumo na caixa de texto Resumo.

      Para incluir hiperlinks no resumo da galeria, clique em Adicionar link. Na janela Adicionar link, digite um título de link e um destino de link e clique em Adicionar. O destino do link deve ser uma URL HTTPS válida - por exemplo https://www.arcgis.com/home—ou um link mailto —por exemplo, mailto:info@example.com. O link é adicionado à caixa de texto Resumo usando a sintaxe de marcação.

    5. Escolha uma opção de alinhamento para o texto de título e resumo.
    6. Selecione um número no menu suspenso Número de itens exibidos.
    7. Opcionalmente, desative o botão de alternar Mostrar conteúdo em destaque para exibir os itens adicionados mais recentemente ao grupo, em vez do conteúdo do grupo em destaque na galeria de itens.

      Esta opção estará disponível apenas se o grupo selecionado tiver uma galeria com curadoria de itens apresentados.

    8. Para alterar como os itens são classificados, selecione uma opção no menu suspenso Classificar itens por. Por exemplo, você pode classificar itens por contagem de visualizações ou proprietário. Para ordenar os itens em ordem decrescente, ao invés da ordem crescente, desmarque a caixa de seleção Ordem crescente .

      Se o grupo tiver uma galeria de conteúdo em destaque e o botão de alternar Mostrar conteúdo em destaque estiver ativado, os itens serão exibidos na mesma ordem na galeria de itens da página inicial em que aparecem na galeria de conteúdo em destaque para o grupo.

    9. A partir do menu suspenso Exibir tipos de item, selecione o tipo de itens para exibir—por exemplo, Mapas ou Aplicativos—ou selecionar Todos para exibir todos os tipos de itens na galeria.
    10. Na seção Preferências de exibição do item , faça qualquer um dos seguintes:
      • No menu suspenso Cores do bloco , selecione uma cor do plano de fundo diferente para a galeria, conforme necessário.
        Anotação:

        Se você especificou um tema de cor pré-definido ou personalizado para o design da sua página inicial, a seleção de uma nova cor no menu suspenso substituirá o estilo de cor especificado para este elemento.

      • Especifique as informações que deseja exibir nos cartões do item. Por exemplo, você pode desativar os botões Mostrar tipo de item e Mostrar resumo do item para ocultar estas informações.
    11. Repita essas etapas para cada galeria.
  5. Para adicionar um bloco de link, faça o seguinte:
    1. Clique em Adicionar bloco e clique em Link.
    2. Opcionalmente, ative o botão de alternância Adicionar imagens aos links para incluir uma imagem para cada link no bloco.
    3. Clique em Adicionar Link.
    4. Na caixa de texto Titulo do link, digite um título para o link.
    5. Se você ativou a opção de incluir imagens, clique em Carregar imagem na caixa Imagem do link, navegue até uma imagem e clique em Salvar.

      Para obter melhores resultados, escolha uma imagem com 800 pixels de largura por 600 pixels de altura.

    6. Na caixa de texto Destino do link , digite uma URL de HTTPS de site da web ou link de e-mail válido.
      Dica:

      A sintaxe válida para links de e-mail é mailto:info@example.com.

    7. Clique em Adicionar para adicionar o link.
    8. Repita as etapas anteriores para adicionar links no bloco.

      Cada bloco de link pode conter até oito links.

      Anotação:

      Links não são suportados paraassinaturas de teste.

    9. Para exibir cada link como um botão, ative o botão Mostrar contornos dos botões . Desative o botão para exibir os links como texto sublinhado.
    10. No menu suspenso Cores do bloco, selecione uma cor do plano de fundo diferente para o bloco de link, conforme necessário.
      Anotação:

      Se você especificou um tema de cor pré-definido ou personalizado para o design da sua página inicial, a seleção de uma nova cor no menu suspenso substituirá o estilo de cor especificado para este elemento.

    11. Faça um dos seguintes para gerenciar os links:
      • Para editar um link, clique no botão Editar Editar, faça as alterações necessárias e clique em Salvar.
      • Para excluir um link, clique no botão Excluir Excluir.
      • Para alterar a ordem de links no bloco, clique no botão Reordenar Reordernar ao lado de um link e arraste-o para uma nova posição.
  6. Clique em Salvar quando terminar de configurar os blocos.
  7. No painel Corpo, siga um destes procedimentos para editar e classificar os blocos configurados:
    • Para editar um bloco, clique no botão Editar Editar, faça as alterações necessárias e clique em Salvar.
    • Para excluir um bloco, clique no botão Excluir Excluir.
    • Para alterar a posição dos blocos na página inicial, clique no ícone Reordenar Reordernar em um bloco e arraste-o para uma nova posição.
  8. Clique em Salvar quando tiver finalizado.

Rodapé

Por padrão, o rodapé da página inicial contém três links pré-configurados, incluindo um link Entre em Contato com a Esri . Você também pode configurar um link de contato personalizado e um texto de rodapé para sua organização, bem como escolher uma cor de fundo do rodapé.

Para configurar o rodapé da página inicial, faça o seguinte:

  1. Siga as quatro primeiras etapas da seção Criar uma página inicial acima.
  2. Em Conteúdo, clique em Rodapé.
  3. Para incluir texto personalizado—por exemplo, texto de direitos autorais—no rodapé, ative o botão de alternância Exibir texto do rodapé e digite o texto do rodapé.

    Para incluir hiperlinks no texto do rodapé personalizado, clique em Adicionar link. Na janela Adicionar link, digite um título de link e um destino de link e clique em Adicionar. O destino do link deve ser uma URL HTTPS válida - por exemplo https://www.arcgis.com/home—ou um link mailto —por exemplo, mailto:info@example.com. O link é adicionado à caixa de texto Texto do rodapé usando a sintaxe de marcação.

  4. Para incluir um link Fale Conosco no rodapé, ative o botão de alternância Exibir link de Fale Conosco e digite um endereço de e-mail para utilizar no link.
  5. No menu suspenso Cores do bloco, selecione uma cor do plano de fundo para o rodapé da sua página inicial.
    Anotação:

    Se você especificou um tema de cor pré-definido ou personalizado para o design da sua página inicial, a seleção de uma nova cor no menu suspenso substituirá o estilo de cor especificado para este elemento.

  6. Clique em Salvar para salvar sua configuração de rodapé.

Cores

O editor da página inicial oferece controle sobre as cores exibidas na página inicial. Você pode escolher em uma lista de oito temas pré-definidos para aplicar ao conteúdo da sua página inicial. Cada tema de cores contém estilos de cores que definem as cores do texto, plano de fundo, título e botão ou link.

Se os temas pré-definidos não atenderem a suas necessidades—por exemplo, se a sua organização tiver requisitos específicos de marca de cor—você poderá criar um tema de cores personalizado com estilos de cores que você configura.

Para configurar cores da página inicial, faça o seguinte:

  1. Siga as quatro primeiras etapas da seção Criar uma página inicial acima.
  2. Em Projeto, clique em Cores.
  3. Clique em Usar tema pré-definido ou Usar tema personalizado.
  4. Se você estiver usando temas pré-definidos, selecione um tema pré-definido no menu suspenso e, opcionalmente, modifique o estilo de cor aplicado a qualquer um dos componentes da página inicial—por exemplo, um bloco de texto ou galeria.
  5. Se você estiver configurando um tema de cor personalizado, configure um ou mais estilos personalizados da seguinte maneira:
    1. Em Estilo de cores personalizado, clique em Adicionar estilo personalizado.
    2. Digite um nome para o estilo.
    3. Em Configurar cores, clique no botão Editar estilo personalizado Editar estilo personalizado ao lado de um elemento do bloco—por exemplo, Plano de Fundo.
    4. Especifique uma cor inserindo um valor hexadecimal, valores RGB ou valores HSV ou selecionando uma cor no seletor de cores ou na paleta de cores pré-definidas ou cores de tema compartilhadas (se definidas).
    5. Repita essas etapas para cada elemento do bloco para o qual deseja configurar cores.
    6. Se nenhum elemento estiver marcado como Não legível, clique no botão Editar estilo personalizado Editar estilo personalizado para o elemento e configure uma cor diferente.

      Ao contrário, você pode ajustar a cor do plano de fundo.

      Anotação:

      Uma taxa de contraste é calculada e exibida para cada uma das cores de título, resumo e link ou botão. A taxa de contraste é uma medida da quantidade de contraste entre a cor do plano de fundo e cada uma dessas cores especificadas. Taxas de contraste mais altas têm melhor legibilidade com base empadrões de acessibilidade WCAG 2.1. Uma taxa de contraste de menos de 4.5 é sinalizada como Não legível.

    7. Na janela Adicionar estilo personalizado, clique em Salvar quando terminar.
  6. Para criar estilos personalizados adicionais, repita a etapa anterior.
    Dica:

    Para criar um estilo de cor personalizado com base em um estilo existente, você pode clicar no botão Editar Editar para um estilo, digitar um nome para o novo estilo, configurar as cores do estilo e clicar em Salvar como novo estilo.

  7. Para editar um estilo de cor personalizado, clique no botão Editar Editar, faça alterações no nome ou nas cores do estilo e clique em Susbtituir estilo.
  8. Para remover um estilo de cor personalizado, clique no botão Excluir Excluir, confirme que você deseja excluir o estilo, e clique em Remover.
    Anotação:

    Se você remover o estilo, um estilo cinza será aplicado a todos os blocos da página inicial estilizados com o estilo personalizado que você deseja remover.

  9. Clique em Salvar para salvar sua configuração de cores.

Tipografia

O editor da página inicial oferece controle sobre asfontes exibidas na página inicial. Você pode escolher de uma lista de temas de fonte pré-definidas projetados para dar uma aparência profissional à sua página inicial. Cada tema de fonte pré-definida inclui uma fonte para títulos e uma fonte para o corpo do texto.

Se os temas pré-definidos não atenderem a suas necessidades—por exemplo, se a sua organização tiver requisitos específicos de marca de fonte ou você deseja mais opções de fonte—você poderá criar um tema de fonte personalizado escolhendo uma combinação de fonte de título e de corpo a partir de uma seleção de fontes comuns.

Para configurar fontes da página inicial, faça o seguinte:

  1. Siga as quatro primeiras etapas da seção Criar uma página inicial acima.
  2. Em Design, clique em Tipografia.
  3. Clique em Usar tema pré-definido ou Usar tema personalizado.
  4. Faça um dos seguintes:
    • Se você estiver usando um tema de fonte pré-definido, escolha um na lista.
    • Se você estiver usando um tema de fonte personalizado, escolha uma fonte de título e uma fonte de corpo nos menus suspensos.
  5. Clique em Salvar para salvar sua configuração de fonte.

Página inicial antiga

O suporte para as configurações de página inicial antigas foi descontinuado e as organizações foram atualizadas para a experiência de página inicial moderna e compatível com dispositivos móveis, com galerias de itens, links e cores, e fontes personalizadas. Se a sua organização recebeu uma extensão para continuar usando sua página inicial antiga, você ainda poderá visualizar a página inicial antiga para fazer referência ou copiar conteúdo para a página inicial moderna.

  1. Verifique que você está registrado como um administrador padrão ou papel personalizado com privilégios administrativos para gerenciar o site da web da organização.
  2. No parte superior do site, clique em Organização e clique na guia Configurações.
  3. Clique em Página Inicial no lado da página.
  4. Clique no link da página inicial anterior.