Marinha do Brasil | Documentação Drupal

Configurações iniciais

Lembre-se de instalar todos os módulos antes de iniciar este procedimento, clique aqui para ver a lista dos módulos que precisam estar instalados.

Para fazer as alterações abaixo, deve-se clicar em configurações (/admin/config).

1º Configuração básica do site

  1. Verifique o nome do site se está inserido a sigla da OM ou o nome completo, por exemplo, Saúde Naval.
  2. Por padrão aderido pelo CTIM, em Slogan, insira o nome por extenso da OM ou o próprio Slogan.
  3. Em página inicial mantenha ou insira /node em Página inicial padrão.
  4. insira as páginas de erro, caso tenha uma personalizada (opcional).

2º Font Awesome

É necessário atualizar manualmente a versão do Font Awesome para ter acesso a novos ícones, como o do X:

Em External file configuration > External File Location, onde tem a versão "v6.4.0", altere para "v6.4.2", está assim:

https://use.fontawesome.com/releases/v6.4.0/js/all.js

Altere para:

https://use.fontawesome.com/releases/v6.4.2/js/all.js

Em Version 4 Backwards Compatibility > External / local Library Location, está assim:

https://use.fontawesome.com/releases/v6.4.0/js/v4-shims.js

Altere para:

https://use.fontawesome.com/releases/v6.4.2/js/v4-shims.js

3º formato e editores de texto

Obs.: Não é possível inserir códigos PHP com estes editores. As inserções de PHP com módulo, foi descontinuada, ou seja, por mais que tenha o formato de texto "PHP", não será executado o código, pois o mesmo será interpretado como HTML normal. Caso haja a necessidade, tem que ser avaliado uma nova forma de inserir, a qual não se encontra nestes tutoriais.

  1. Arraste o Full HTML em primeiro lugar para ser o editor padrão e clique em salvar
  2. Agora clique em configurar no editor Full HTML
  3. Marque a opção "authenticated user"
  4. Em Available buttons, arraste os ícones para baixo, e deixe como na imagem abaixo:
    • Ícones editor de texto
  5. Em Configurações do plugin CKEditor 5, verifique no campo de Imagem se está habilitado o upload de imagens;
  6. Apenas isso e clique em salvar
  7. Caso haja algum erro, clique aqui verificar a sessão de Possíveis Bugs

Demais configurações, são opcionais e podem ser testadas pelos usuários.

4º EU Cookie Compliance

  1. Clique em EU Cookie Compliance > Configurações
  2. Geralmente, só precisamos marcar a opção "Enable floating privacy settings tab and withdraw consent banner" e setar o link de políticas de Privacidade;
  3. Agora só precisa traduzir todos os textos existentes nesta tela e salvar

5º AddToAny

  1. Altere Icon size para 20

  2. Defina o Service Buttons HTML code como abaixo:

    <a class="a2a_button_whatsapp">
    <i class="fa-brands fa-whatsapp"></i>
    </a>
    <a class="a2a_button_facebook">
    <i class="fa-brands fa-facebook-f"></i>
    </a>
    <a class="a2a_button_twitter">
    <i class="fa-brands fa-x-twitter"></i>
    </a>
    <a class="a2a_button_linkedin">
    <i class="fa-brands fa-linkedin-in"></i>
    </a>

  3. Clique em Entidades para abrir a caixa colapsada e desmarque a opção de Conteúdo.

  1. em Busca e metadados > URLs alternativas
  2. Vá em padrões e clique em Adicionar padrão Pathauto
  3. Em Padrão de caminho coloque: [node:title]
  4. Em Tipo de padrão selecione Conteúdo
  5. Em Tipo de conteúdo marque Página básica
  6. Em Rótulo defina um título (Página básica)

Faça o mesmo para artigos e/ou notícias, o Padrão do caminho vai ser: /noticias/[node:created:custom:Y]/[node:created:custom:m]/[node:title]

Obs.: Os módulos devem estar instalados corretamente, clique aqui para ver a lista dos módulos, neste caso em específico, devem estar instalados os módulos Token e Pathauto.

Aparência

Para fazer as demais configurações, é necessário ir no menu de Aparência e clicar em configurações no tema a qual é o padrão, o caminho vai ser: /admin/appearance/settings/govbr

  1. Em imagem de logotipo, a sua logo, geralmente é só clicar em Usar logotipo definida pelo tema, mas alguma OMs tem a sua própria identidade visual

  2. Em Favicon, clique em Usar o favicon fornecido pelo tema e caso não esteja aparecendo essa opção, clique em Exibição de elemento da página e marque a opção Ícone de atalho.

  3. Ative os CSSs clicando em Enable or disable custom CSS:

  4. Agora insira um CSS reset abaixo para resolver algumas questões do template e clique em salvar Configurações:

    @media(min-width:768px){
    .home-carrossel .slide__link span {
        font-size: 1.8rem;
      }
    }
    

    .footer-menus .col-20 nav{
        margin-top: 20px
    }
    

    .footer-menus .col-20 nav:first-child{
        margin-top: 0
    }
    

    .barra-esquerda ul {
        margin-bottom: 0;
      padding: 0
    }
    

    label{
        width: 100%;
        margin-bottom: 4px;
    }
    /* Container das Tabs */
    .nav-tabs > li > a{
        padding: 8px 25px;
    }
    

    .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus {
        color: #6f6f6f;
        background-color: #ffffff;
        border: 1px solid #dddddd;
        border-bottom-color: transparent;
        cursor: default;
      border-radius: 5px 
    }
    .nav-tabs > li {
        float: left;
        margin-bottom: -1px;
    position: relative;
    display: block
    }
    .nav {
        margin-bottom: 10px;
    }
    .nav-tabs {
        margin-bottom: 10px;
    }
    .nav-tabs {
        border-bottom: 1px solid #dddddd;
    }
    .nav:before{
        content: " ";
        display: table;
    }
Previous
Avisos Importantes
Next
Criação do conteúdo dos blocos