{"id":1612,"date":"2019-07-04T01:00:20","date_gmt":"2019-07-04T04:00:20","guid":{"rendered":"https:\/\/magenteiro.com\/blog\/?p=1612"},"modified":"2021-06-10T20:05:35","modified_gmt":"2021-06-10T23:05:35","slug":"pagina-de-manutencao-personalizada","status":"publish","type":"post","link":"https:\/\/www.magenteiro.com\/blog\/magento-2\/pagina-de-manutencao-personalizada\/","title":{"rendered":"P\u00e1gina de manuten\u00e7\u00e3o: como personalizar"},"content":{"rendered":"\n

Sempre que um modo de manuten\u00e7\u00e3o \u00e9 ativado, uma p\u00e1gina de erro como essa \u00e9 exibida.<\/p>\n\n\n\n

\"\"
P\u00e1gina de manuten\u00e7\u00e3o padr\u00e3o no Magento 2<\/figcaption><\/figure>\n\n\n\n

Voc\u00ea pode customizar esta p\u00e1gina trazendo algo um pouco mais criativo. <\/p>\n\n\n\n

Customizando p\u00e1gina de manuten\u00e7\u00e3o e erros<\/h2>\n\n\n\n

Os arquivos de erros ficam localizados na pasta pub\/errors<\/strong>. Nesta pasta voc\u00ea encontrar\u00e1 temas e configura\u00e7\u00f5es para suas p\u00e1ginas de erro. \u00c9 essa customiza\u00e7\u00e3o que faremos nos passos a seguir:<\/p>\n\n\n\n

Tempo necess\u00e1rio:\u00a0<\/span>10 minutos. <\/p>

Alterando p\u00e1ginas de erro<\/p>

  1. Duplique a pasta “default”<\/strong>

    Este \u00e9 o nome do “tema” da sua p\u00e1gina de erros<\/p> <\/li>

  2. Duplique ou renomeie o arquivo local.xml.sample<\/strong>

    Crie um arquivo local.xml na pasta pub\/errors.<\/p> <\/li>

  3. Altere a skin no local.xml<\/strong>

    Dentro do arquivo acima, mude o valor de <skin>default<\/skin> para o nome da pasta que duplicou no primeiro passo.<\/p> <\/li>

  4. Altere os arquivos .phtml a gosto<\/strong>

    Dentro da pasta criada no primeiro passo, altere os arquivos .phtml de acordo com sua prefer\u00eancia.Note que o arquivo page.phtml cont\u00e9m a estrutura principal da p\u00e1gina, enquando o 503.phtml e 404.phtml cont\u00e9m apenas o conte\u00fado.<\/p> <\/li>

  5. Pronto<\/strong>

    \u00c9 s\u00f3 digitar bin\/magento maintenance:enable<\/strong> e testar.<\/p> <\/li><\/ol><\/div>\n\n\n\n

    \"\"
    Exemplo de resultado. Baixe aqui<\/a> se desejar.<\/figcaption><\/figure>\n\n\n\n

    Inspira\u00e7\u00f5es para p\u00e1ginas de erros
    <\/h2>\n\n\n\n

    Precisando de inspira\u00e7\u00f5es para fazer uma p\u00e1gina de erro mais criativa? Aqui v\u00e3o algumas dicas.<\/p>\n\n\n\n