Trusted WordPress tutorials, when you need them most.
Beginner’s Guide to WordPress
Copa WPB
25 Million+
Websites using our plugins
16+
Years of WordPress experience
3000+
WordPress tutorials
by experts

Como desativar o editor de tela cheia no WordPress

Muitos usuários nos contaram que estão procurando uma maneira de desativar o editor de tela cheia no WordPress.

A atualização do WordPress 5.4 trouxe muitas mudanças, incluindo a abertura do editor de posts e páginas no modo de tela cheia por padrão. Embora esse modo livre de distrações ofereça uma experiência limpa e fácil de usar, alguns usuários podem querer voltar à visualização compacta normal.

Neste artigo, mostraremos como desativar facilmente o editor de tela cheia no WordPress e voltar ao editor normal.

Turning off the fullscreen mode in WordPress post editor

Por que o WordPress mudou para o modo de tela cheia no Editor?

O WordPress introduziu um novo editor chamado The Block Editor (também conhecido como Gutenberg) no WordPress 5.0. Esse novo editor permite que os usuários usem blocos para elementos comuns e criem belos layouts de conteúdo.

Ele também imita a aparência de seu artigo ou páginas usando as mesmas fontes e cores do tema do WordPress.

No entanto, um menu de administração à esquerda e outro na parte superior faziam com que ele parecesse um pouco confuso. Havia muitas opções na tela, o que não é necessário se você estiver concentrado em escrever conteúdo.

WordPress editor without fullscreen mode

Para lidar com isso, a equipe principal do WordPress decidiu tornar o editor em tela cheia por padrão, para que os usuários possam ter uma experiência de escrita sem distrações.

Fullscreen editor in WordPress

Agora, é importante observar que esse modo de tela cheia não é novidade. Ele já existia, e os usuários podiam ativá-lo e desativá-lo.

O que mudou agora é que o modo de tela cheia será a visualização padrão ao escrever posts no WordPress.

Como desativar o modo de tela cheia do editor do WordPress (maneira fácil)

É muito fácil desativar o modo de tela cheia do editor de blocos no WordPress.

Basta editar uma postagem ou página e clicar no menu de três pontos no canto superior direito da tela. Isso exibirá o menu de configurações do editor de posts.

A partir daí, basta clicar em “Fullscreen Mode” para desativá-lo.

Turn off fullscreen mode in WordPress

O Post Editor sairá instantaneamente do modo de tela cheia e começará a mostrar a barra lateral do administrador e a barra de ferramentas superior.

Exiting fullscreen mode

O WordPress armazenará sua preferência de modo de tela cheia no armazenamento temporário do seu navegador.

No entanto, se você tiver mudado para um navegador diferente, usado o modo anônimo ou acessado a área de administração de um dispositivo diferente, verá novamente o editor em tela cheia.

Se você usa vários dispositivos, contas de usuário ou navegadores para acessar a área de administração do WordPress, pode ser um pouco incômodo ter de voltar a alternar sempre.

O próximo método ajuda a corrigir isso permanentemente.

Desativar permanentemente o modo de tela cheia no WordPress (snippet)

Esse método exige que você adicione código ao seu site WordPress. Se você nunca fez isso antes, consulte nosso guia sobre como colar facilmente trechos de código no WordPress.

Você precisará inserir o seguinte código no arquivo functions.php do seu tema do WordPress, em um plug-in específico do site ou em um plug-in de snippets de código personalizado.

if (is_admin()) { 
    function jba_disable_editor_fullscreen_by_default() {
    $script = "jQuery( window ).load(function() { const isFullscreenMode = wp.data.select( 'core/edit-post' ).isFeatureActive( 'fullscreenMode' ); if ( isFullscreenMode ) { wp.data.dispatch( 'core/edit-post' ).toggleFeature( 'fullscreenMode' ); } });";
    wp_add_inline_script( 'wp-blocks', $script );
}
add_action( 'enqueue_block_editor_assets', 'jba_disable_editor_fullscreen_by_default' );
}

Crédito do código: Jean-Baptiste Audras

Esse código primeiro verifica se um usuário está visualizando uma página da área de administração. Se estiver, ele verifica o status do editor de tela cheia. Se o editor de tela cheia estiver ativado, ele simplesmente o desativa.

Você ainda pode ativar manualmente o modo de tela cheia na tela de edição de postagem, e o editor de postagem funcionará perfeitamente.

No entanto, se você retornar, ele o desativará automaticamente. Esse comportamento se aplica a todos os usuários que podem acessar o editor de postagens no seu site.

No WPBeginner, sempre recomendamos adicionar códigos como esse com o plug-in WPCode. Ele permite que você adicione códigos personalizados no WordPress sem editar os arquivos functions.php do seu tema, de modo que você não precisa se preocupar em quebrar seu site.

WPCode's homepage

Se você quiser adicionar manualmente o snippet acima usando o WPCode, basta seguir nosso tutorial sobre como adicionar facilmente código personalizado no WordPress.

No entanto, há uma maneira ainda mais fácil de fazer isso. O WPCode vem com uma biblioteca integrada de mais de 1.500 trechos de código prontos, incluindo um para desativar o editor de tela cheia. Portanto, usaremos esse método para este tutorial.

Primeiro, você precisará instalar e ativar o plug-in gratuito WPCode. Se precisar de ajuda, siga este tutorial sobre como instalar um plug-in do WordPress.

Depois que o plug-in for ativado, vá para Code Snippets ” Library no painel do WordPress.

Em seguida, procure o snippet ‘Disable Fullscreen Editor’ e clique no botão ‘Use snippet’ abaixo dele.

Select the 'Disable Fullscreen Editor' snippet from the WPCode library

Na próxima página, o WPCode adicionará automaticamente o código para você.

Ele também definirá o método de inserção adequado, além de adicionar tags, o que o ajudará a controlar todos os trechos de código personalizados.

WPCode automatically adds the code to disable the fullscreen editor

Depois disso, basta alternar a chave de “Inativo” para “Ativo” e clicar no botão “Atualizar” na parte superior da página.

Switch the code snippet to Active and click Update in WPCode

É isso aí. Agora o editor de tela cheia será desativado para todos os usuários. Se desejar, você sempre poderá voltar manualmente ao modo de tela cheia no editor de postagens.

Esperamos que este artigo o tenha ajudado a aprender como desativar o modo de tela cheia no editor de posts do WordPress. Talvez você também queira ver nossas dicas para dominar o editor de conteúdo do WordPress ou conferir nossas escolhas de especialistas dos melhores construtores de páginas do WordPress do tipo arrastar e soltar.

Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.

Divulgação: Nosso conteúdo é apoiado pelo leitor. Isso significa que, se você clicar em alguns de nossos links, poderemos receber uma comissão. Veja como o WPBeginner é financiado, por que isso é importante e como você pode nos apoiar. Aqui está nosso processo editorial.

Avatar

Editorial Staff at WPBeginner is a team of WordPress experts led by Syed Balkhi with over 16 years of experience in WordPress, Web Hosting, eCommerce, SEO, and Marketing. Started in 2009, WPBeginner is now the largest free WordPress resource site in the industry and is often referred to as the Wikipedia for WordPress.

O kit de ferramentas definitivo WordPress

Obtenha acesso GRATUITO ao nosso kit de ferramentas - uma coleção de produtos e recursos relacionados ao WordPress que todo profissional deve ter!

Reader Interactions

6 ComentáriosDeixe uma resposta

  1. John Antonacci

    doesn’t work for me from a plugin or in theme functions.php

    unless I misunderstand what this is supposed to do.

    • WPBeginner Support

      Possibly, we would recommend trying the easy way from the article to see if you notice the change that way in case you have something on your site that may be overriding the default display.

      Administrador

  2. Kurt

    I finally got around to reading this tip via an email update from you back in April. The permanent solution works beautifully.

    Thank you for this wonderful tip.

    • WPBeginner Support

      Glad our content and newsletter were helpful :)

      Administrador

  3. Timothée Moulin

    Hey, thanks for the tip. I dont’ think you should worry about checking if you are in the admin as enqueue_block_editor_assets is only called when you are in the admin AND that you are on the Gutenberg editor which makes it truely specific.

    • WPBeginner Support

      Checking if the user is an admin is a safety measure should something about the function change in the future :)

      Administrador

Deixe uma resposta

Obrigado por deixar um comentário. Lembre-se de que todos os comentários são moderados de acordo com nossos política de comentários, e seu endereço de e-mail NÃO será publicado. NÃO use palavras-chave no campo do nome. Vamos ter uma conversa pessoal e significativa.