Como faço para personalizar a página de erro de uma subweb?

Se você usa uma rede Multisite do WordPress, é provável que tenha que arquivar, suspender ou excluir um ou dois sites.

Se a rede for para seu próprio uso, você pode ter criado um site e depois percebido que não precisa mais dele. Você pode tê-lo movido para uma instalação autônoma do WordPress ou pode ter criado acidentalmente uma cópia.

Se a rede estiver aberta para os usuários criarem seus próprios sites, você precisará excluir alguns blogs de spam com o tempo, ou talvez excluir um site que alguém criou como parte de um teste gratuito, mas não o faz. não continuou.

E se você usar sua rede para hospedar sites de clientes, poderá ter um site migrado para sua própria instalação do WordPress ou excluído quando o cliente interrompeu as operações ou foi transferido para outro desenvolvedor ou host da web.

Por padrão, se alguém visitar um site que você desativou, verá uma tela padrão escura informando que o site foi suspenso.

Mas e se você quiser personalizar essa tela ou adicionar conteúdo personalizado, como um link incentivando os visitantes a visitar o seu site principal ou a iniciar o seu próprio blog?

Neste tutorial, vou mostrar exatamente como fazer isso. Vou mostrar como criar um arquivo em seu diretório wp-content que substitui o arquivo padrão para esta tela e como personalizá-lo.

Mas antes de fazer isso, vamos dar uma olhada nas diferentes opções que você tem para suspender um site e o que os usuários verão quando você fizer isso.

Suspender sites em sua rede: as opções

Tenho de admitir que acho a terminologia em torno da remoção e suspensão de sites em uma rede muito confusa. Não está totalmente claro o que cada postagem significa e às vezes, quando você fizer uma, o sistema dirá que você fez outra.

Então, vamos recapitular as opções para remover sites da sua rede.

Aqui está a tela de detalhes da janela de gerenciamento de sites multi-site que você acessa indo para Meus sites> Administrador de rede> Sites :

configurar um mutlisite.png de rede

Existem quatro opções para excluir o site:

  • desativar cancela a etapa de ativação realizada pelos usuários quando eles se inscrevem em um site. Não exclui permanentemente o site, que pode ser reativado a qualquer momento. Mas as telas de administração do site não estão mais acessíveis.
  • os arquivos relatar que um site foi arquivado para que não possa ser acessado pelos usuários. As telas do administrador podem ser visualizadas, mas não o front-end. Novamente, você pode arquivar facilmente um site a qualquer momento e ele não será excluído.
  • Spam não exclui o site, mas o marca como spam. Ele ficará indisponível (front-end e admin) até que você decida o contrário.
  • Excluir excluir o site. Use esta opção com extrema cautela!

A tela padrão para sites suspensos

O WordPress tem uma tela padrão que é exibida quando um site é excluído.

Aqui está o que você vê em cada cenário.

Sites desativados

Se um site for desativado e alguém que não seja o administrador da rede (conectado) o estiver visualizando, uma tela padrão aparecerá:

este site não está mais disponível.png

Sites arquivados e sites marcados como spam

Se você marcar um site como spam ou arquivá-lo, verá uma tela diferente:

Como personalizar a página de erro de uma subwebs

Essas telas são muito básicas. Não fornecem muitas informações ao visitante nem explicam o que se entende por "já não disponível" ou "arquivado ou suspenso".

Então, vamos criar o nosso.

Observe que, se o site tiver sido excluído, você não verá nenhuma dessas telas - em vez disso, você será levado a uma página 404 no site principal.

Criação de uma página para sites desativados

Criar uma nova página para ser exibida quando alguém visita um site desativado é bastante simples. Você acabou de criar um novo arquivo chamado Blog-deleted.php e coloque na pasta wp-content de sua rede. Este arquivo será então usado para exibir uma página personalizada em vez da página padrão.

Observe que isso está na pasta wp-content rede e que o mesmo arquivo será usado para todos os sites da rede desabilitados. Isso significa que você precisa criar algo genérico, em vez de algo específico para um site na sua rede.

Nota: o título deste arquivo é muito confuso. Não se aplica a sites excluídos, apenas aos desativados!

A página que você criar deve ser independente: não usará o tema do site nem solicitará plug-ins ou arquivos adicionais. Você deve, portanto, incluir qualquer estilo neste arquivo ou chamar uma folha de estilo externa, que você colocará em uma pasta de estilos em sua pasta. wp-content .

Você também precisará incluir o seção <head>etiquetas <body>abrir e fechar, pois não cabem nos arquivos de cabeçalho ou rodapé do seu tema.

Por uma questão de simplicidade, criarei um arquivo muito simples com todo o estilo incluído.

Você pode começar com um arquivo completamente vazio, se desejar, ou pode copiar parte do conteúdo de seus arquivos de tema. Por um lado, copiei o conteúdo do arquivo header.php do meu tema e eu ai mudou significativamente e, em seguida, adicionou manualmente o resto das tags.

Aqui está o conteúdo do meu seção<head>:

" /> <? php / * * Imprime a tag <title> com base no que está sendo exibido. * / global $ page, $ paged; wp_title ('|', verdadeiro, 'direito'); // Adicione o nome do blog. bloginfo ('nome'); ?>
 .content {
 width:500px;
 height:500px;
 margin:0 auto;
 background:#999;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-250px;
 margin-top:-250px;
 padding: 10px;
 }
 .content p {
 position: relative;
 top: 50%;
 transform: translateY(-50%);
 text-align: center;
 font-size: 18px;
 font-family: 'Helvetica Neue', Verdana, sans-serif;
 }
 a:link,
 a:visited {
 color: #fff;
 text-decoration: underline;
 }
 a:hover,
 a:active {
 color: #fff;
 text-decoration: none;
 }

Isso fornece o conteúdo necessário, além de alguns metadados e estilos.

Agora para o <body>:

>  Este blog foi excluído, desculpe! Para criar seu próprio site, visite o site da rede principal . ',' Compass '); ?>

Não há muito no corpo - apenas um elemento para o conteúdo, com um parágrafo dentro e algum texto, que é traduzível. Isso inclui um link para o site principal, que você pode querer incluir se a sua rede permitir o registro do usuário.

Você também pode criar um link para um site diferente na sua rede, se esse site tiver sido substituído ou em uma página do site principal, explicando sua estratégia de remoção de sites onde você desejar.

Vamos dar uma olhada na tela que obtemos agora se um site for desativado:

Não é muito bonito agora - você pode querer adicionar um estilo, cores e talvez um título diferentes. Mas isso mostra que é possível substituir a página padrão para sites excluídos e adicionar o que quiser.

Criação de uma página para sites arquivados

Se você também quiser criar uma página personalizada para sites arquivados ou marcados como spam (e por que não?), Será necessário criar outro arquivo, também na sua pasta. wp-content . Isso é o que chamamos Blog-suspended.php .

Eu criei outro arquivo que é idêntico ao meu arquivo Blog-deleted.php mas com um texto ligeiramente diferente. Aqui está o código:

" /> <? php / * * Imprime a tag <title> com base no que está sendo exibido. * / global $ page, $ paged; wp_title ('|', verdadeiro, 'direito'); // Adicione o nome do blog. bloginfo ('nome'); ?>
 .content {
 width:500px;
 height:500px;
 margin:0 auto;
 background:#999;
 position:absolute;
 left:50%;
 top:50%;
 margin-left:-250px;
 margin-top:-250px;
 padding: 10px;
 }
 .content p {
 position: relative;
 top: 50%;
 transform: translateY(-50%);
 text-align: center;
 font-size: 18px;
 font-family: 'Helvetica Neue', Verdana, sans-serif;
 }
 a:link,
 a:visited {
 color: #fff;
 text-decoration: underline;
 }
 a:hover,
 a:active {
 color: #fff;
 text-decoration: none;
 }
>  Este blog foi suspenso, desculpe! Para criar seu próprio site, visite o site da rede principal . ',' Compass '); ?>

Aqui está a página que você obtém quando visita um site arquivado:

Novamente, nosso visitante tem mais informações e um link para o site principal. Você pode substituir isso com o que quiser.

Opções mais avançadas

Você pode trazer esta técnica ainda mais.

A primeira coisa que você pode fazer para melhorar seu código é separar os estilos e adicioná-los a uma folha de estilo em sua pasta. wp-content. Em seguida, você chamaria essa folha de estilo em ambos os arquivos para sites suspensos e desativados, o que significa que você só precisa codificar o estilo uma vez.

Se você quiser um estilo diferente para cada uma das duas páginas, poderá adicionar uma classe adicional à tag body para cada arquivo e segmentá-lo.

Para chamar sua nova folha de estilos, adicione esta linha de código à seção <head> seu arquivo:

Você também pode importar a folha de estilo do tema que foi ativado para o site suspenso. Cuidado ao fazer isso - se o site contiver spam, pode haver um problema com o código ou você excluiu o tema após desativar o site.

Mas se você quiser fazer isso, poderá incluir a folha de estilo do tema com esta linha no <head>:

" />

Você pode dar um passo adiante usando a função para chamar arquivos de tema específicos, como cabeçalho ou rodapé. Mas, novamente, tome cuidado, pois o tema pode ser excluído ou corrompido. Se você fizer isso, terá a opção de dar a cada blog uma página suspensa que parece única.

Outra opção é usar a folha de estilo do site principal, o que significa que você pode criar todas as suas telas suspensas / desativadas com sua própria marca. Para chamar a folha de estilo do tema principal, você precisa adicionar este código na tag <head>:


" />

Em seguida, você usará os elementos apropriados para a marcação de sua página para que funcione com o tema principal do seu blog - ou poderá invocar arquivos desse tema usando a tag include.

Finalmente, você pode usar tags condicionais para verificar a ID do blog, o status do blog ou qualquer outra coisa que você queira verificar e, em seguida, distribuir o conteúdo de acordo.

Mas se você não quiser ir tão longe, uma página simples como a que criamos acima fornecerá aos visitantes mais informações do que o padrão e permitirá que você direcione as pessoas para outros lugares em sua rede.

É fácil substituir páginas padrão para sites desativados

Se você seguir as etapas acima, poderá substituir rápida e facilmente as páginas padrão dos sites arquivados, suspensos ou excluídos da sua rede.

Dessa forma, você poderá fornecer aos visitantes mais informações do que as telas padrão fornecem e fornecer um link para o seu site principal para que eles não saiam simplesmente da rede.

Descubra também alguns plugins premium do WordPress  

Você pode usar outro WordPress plugins para dar uma aparência moderna e otimizar o manuseio do seu blog ou site.

Oferecemos a você aqui alguns plugins premium do WordPress que ajudarão você a fazer isso.

1. Social Share e Locker Pro

Outro grande concorrente em nossa lista de plugins de bloqueio é o Social Share e o Locker Pro. este WordPress Plugin premium oferece toneladas de recursos quase os mesmos que o plugin Bloom visto acima.

Plugin para Wordpress Pro para compartilhamento social

Você encontrará como principais características: a cacionista e Likes, o ddesbloquear o conteúdo após o compartilhamento, oparte de vários tipos de conteúdo, Integração do Visual Composer, um effet no sobrevoo do rato, um mise page 100% responsivo, a gcapacitador de códigos de acesso, et mais.

Veja também 9 WordPress plugins para ativar a conexão via redes sociais.

Descarregar | Demo | hospedagem na web

2. Youtubomatic 

Youtubomatic é um novo WordPress Plugin premium que será especialmente útil se você for um blogger vídeo. Quando isso WordPress Plugin está ativo no seu site, ele pode importar automaticamente vídeos do YouTube e publicá-los no WordPress usando a API nativa do YouTube. 

Plugin Youtubomatic wordpress para criar blog automático

Quando esse recurso estiver ativado, você poderá baixar um vídeo para o seu canal do YouTube simplesmente acessando-o através de um link.

Você poderá importar postagens e comentários para o YouTube para fornecer conteúdo interessante em seu blog. O plug-in reduz o conteúdo duplicado com alguns recursos avançados, como um gerador de frases aleatórias e um gerador de sinônimos que tornarão sua publicação diferente da fonte. Seu suporte à rotação de texto aumenta o valor do SEO.

Descubra também Como fazer o upload de sua mídia em massa no WordPress

Os robôs do Google provavelmente tratam o conteúdo gerado por este plugin como único. Você poderá definir as regras com base nas quais as postagens serão geradas e pesquisar o conteúdo usando filtros e opções. 

do shortcodes estão disponíveis para inserir vídeos em uma postagem para exibir uma lista de vídeos sugeridos por uma pesquisa por palavra-chave ou para exibir vídeos de uma lista de reprodução.

Descarregar | Demo | hospedagem na web

3. Ajax Search Pro para WordPress

Ajax Search Pro é um dos melhores plugins WordPress barra de pesquisa premium em tempo real no WordPress. É altamente personalizável, com muitos recursos e opções, e oferece os melhores resultados possíveis.Ajax search pro live wordpress filtro de pesquisa plugin wordpress
Você pode substituir a barra de pesquisa do WordPress por um mecanismo de pesquisa mais eficiente e dinâmico. Além disso, este plugin do WordPress tem mais de 60 temas coloridos e totalmente personalizáveis ​​que irão poupar tempo.

Veja nosso artigo sobre Plugins 10 WordPress para melhorar o visual do seu site

Assim, você pode se concentrar mais na apresentação visual do seu formulário de pesquisa.

Descarregar | Demo | hospedagem na web

Recursos Recomendados

Descubra outros recursos recomendados para ajudá-lo a criar e gerenciar seu site.

Conclusão

Aqui! É isso neste tutorial sobre como personalizar a página de erro para sub-websites do WordPress. sinta-se livre para compartilhe este artigo com seus amigos em suas redes sociais favoritas

No entanto, você também poderá consultar nossos Ressources, se você precisar de mais elementos para realizar seus projetos de criação de sites da Internet, consultando nosso guia no site Criação de blog WordPress.

Se você tiver sugestões ou comentários, deixe-os em nossa seção Comentários.

...