Para pessoas que estão começando com o WordPress, aprender a usar trechos de código pode abrir um mundo totalmente novo de possibilidades, ajudando você a adaptar seu site às suas necessidades específicas.
Ao desenvolver nosso próprio site, frequentemente usamos trechos de código para personalização dentro do nosso painel de administração e exibição no front-end.
Com este guia, nosso objetivo é tornar essas ferramentas poderosas acessíveis para iniciantes, selecionando e explicando cuidadosamente trechos de código úteis do WordPress que você pode começar a usar imediatamente.
Testamos exaustivamente esses trechos em sites reais para garantir que funcionem como pretendido e não produzam erros.
Neste artigo, compartilharemos nossa lista dos trechos de código do WordPress mais úteis para iniciantes.
Por que adicionar trechos de código no WordPress?
Se você tem um site WordPress, adicionar alguns trechos de código úteis aos arquivos do seu tema ou a um plugin de trechos de código pode ajudar a desbloquear personalização ilimitada e fazer seu site se destacar.
Você pode usar código personalizado para adaptar elementos específicos do seu site. Por exemplo, você pode alterar a cor de seleção de texto no WordPress adicionando um simples trecho de código CSS.
Como iniciante, adicionar alguns trechos de código úteis também pode melhorar o desempenho e a velocidade do seu site, reduzindo a necessidade de vários plugins.
Além disso, os trechos podem ajudá-lo a expandir suas habilidades de codificação e acessar a vasta biblioteca de trechos de código que a comunidade WordPress compartilha gratuitamente.
Dito isso, vamos dar uma olhada em alguns dos trechos de código WordPress mais úteis para iniciantes. Você pode usar os links rápidos abaixo para pular para diferentes partes do nosso tutorial:
- Permitir Upload de Arquivos SVG
- Desativar a Barra de Administração do WP
- Remover Número da Versão do WordPress
- Adicionar Imagens em Destaque aos Feeds RSS
- Desativar E-mail de Atualizações Automáticas
- Alterar 'Olá, Administrador' na Barra de Administração
- Desativar XML-RPC
- Desativar Esvaziamento Automático da Lixeira
- Alterar o Comprimento dos Excerto
- Desativar Verificação de E-mail do Administrador do Site
- Desativar Atualizações Automáticas
- Como Adicionar Trechos de Código no WordPress (Método Fácil)
- Perguntas Frequentes Sobre Trechos de Código WordPress
1. Permitir Upload de Arquivos SVG
SVG (Scalable Vector Graphics) é um formato de arquivo que define gráficos vetoriais usando a linguagem de marcação XML. Este formato permite que você amplie imagens sem perder qualidade.
Esses arquivos são menores e mais leves que JPEG ou PNG, ajudando você a aumentar a velocidade do seu site.
No entanto, o WordPress não permite uploads de arquivos SVG por padrão porque SVGs podem conter código malicioso que compromete a segurança do site.
Com isso em mente, se você ainda quiser fazer upload de arquivos SVG em seu site, poderá adicionar o seguinte trecho de código ao seu site:
/**
* Allow SVG uploads for administrator users.
*
* @param array $upload_mimes Allowed mime types.
*
* @return mixed
*/
add_filter(
'upload_mimes',
function ( $upload_mimes ) {
// By default, only administrator users are allowed to add SVGs.
// To enable more user types edit or comment the lines below but beware of
// the security risks if you allow any user to upload SVG files.
if ( ! current_user_can( 'administrator' ) ) {
return $upload_mimes;
}
$upload_mimes['svg'] = 'image/svg+xml';
$upload_mimes['svgz'] = 'image/svg+xml';
return $upload_mimes;
}
);
/**
* Add SVG files mime check.
*
* @param array $wp_check_filetype_and_ext Values for the extension, mime type, and corrected filename.
* @param string $file Full path to the file.
* @param string $filename The name of the file (may differ from $file due to $file being in a tmp directory).
* @param string[] $mimes Array of mime types keyed by their file extension regex.
* @param string|false $real_mime The actual mime type or false if the type cannot be determined.
*/
add_filter(
'wp_check_filetype_and_ext',
function ( $wp_check_filetype_and_ext, $file, $filename, $mimes, $real_mime ) {
if ( ! $wp_check_filetype_and_ext['type'] ) {
$check_filetype = wp_check_filetype( $filename, $mimes );
$ext = $check_filetype['ext'];
$type = $check_filetype['type'];
$proper_filename = $filename;
if ( $type && 0 === strpos( $type, 'image/' ) && 'svg' !== $ext ) {
$ext = false;
$type = false;
}
$wp_check_filetype_and_ext = compact( 'ext', 'type', 'proper_filename' );
}
return $wp_check_filetype_and_ext;
},
10,
5
);
Você pode adicionar este código ao arquivo functions.php do seu tema ou usar um plugin de trechos de código como o WPCode. Mais adiante neste artigo, mostraremos exatamente como fazer isso.
Para instruções mais detalhadas, você pode ver nosso tutorial sobre como adicionar arquivos de imagem SVG no WordPress.
2. Desativar a Barra de Administração do WP
Por padrão, o WordPress exibe uma barra de administração no topo do seu site para todos os usuários logados, incluindo assinantes, autores, editores e quaisquer outras funções de usuário.
Essa barra de administração pode direcioná-los para o seu painel do WordPress, onde eles podem fazer quaisquer alterações no seu site, dependendo das suas permissões de usuário.
No entanto, pode ser um pouco distrativo quando você está visualizando o front-end do seu site, pois às vezes pode sobrepor elementos de design, como o cabeçalho.
Para desativar a barra de administração do WP, basta adicionar o seguinte trecho de código PHP ao seu site WordPress:
/* Disable WordPress Admin Bar for all users */
add_filter( 'show_admin_bar', '__return_false' );
Após a execução do código, a barra de administração não será exibida no front-end do site.
No entanto, se você quiser que a barra de administração seja removida para todos, exceto para o administrador, consulte nosso tutorial sobre como desativar a barra de administração do WordPress para todos os usuários, exceto administradores.
3. Remover o Número da Versão do WordPress
O WordPress exibe o número da versão atual do WordPress no seu site para rastreamento.
No entanto, às vezes, essa informação pode causar vazamentos de segurança ao informar aos hackers qual versão do WordPress está em uso. Os hackers podem então mirar em vulnerabilidades conhecidas em versões específicas.
Para remover o número da versão, adicione o seguinte trecho de código ao seu site:
add_filter('the_generator', '__return_empty_string');
Depois de fazer isso, os hackers não poderão adivinhar sua versão do WordPress com scanners automáticos e outras tentativas menos sofisticadas.
Para instruções mais detalhadas, você pode ver nosso tutorial sobre a maneira correta de remover o número da versão do WordPress.
4. Adicionar Imagens em Destaque aos Feeds RSS
Feeds RSS permitem que os usuários recebam atualizações regulares sobre o seu blog WordPress com um leitor de feeds como o Feedly.
Isso pode ajudar a promover seu conteúdo e gerar mais tráfego para o seu site. Ao adicionar imagens em destaque ou miniaturas ao lado das postagens nos feeds RSS, você pode tornar o feed visualmente atraente e melhorar ainda mais a experiência do usuário.
Você pode facilmente exibir miniaturas de postagens em seus feeds RSS adicionando o seguinte trecho de código útil do WordPress:
/**
* Add the post thumbnail, if available, before the content in feeds.
*
* @param string $content The post content.
*
* @return string
*/
function wpcode_snippet_rss_post_thumbnail( $content ) {
global $post;
if ( has_post_thumbnail( $post->ID ) ) {
$content = '<p>' . get_the_post_thumbnail( $post->ID ) . '</p>' . $content;
}
return $content;
}
add_filter( 'the_excerpt_rss', 'wpcode_snippet_rss_post_thumbnail' );
add_filter( 'the_content_feed', 'wpcode_snippet_rss_post_thumbnail' );
Isso pode tornar seu feed mais envolvente e trazer visitantes de volta ao seu site.
Para informações mais detalhadas, consulte nosso tutorial sobre como adicionar miniaturas de postagem aos seus feeds RSS do WordPress.
5. Desativar E-mails de Atualização Automática
Por padrão, o WordPress envia uma notificação por e-mail toda vez que atualiza automaticamente qualquer plugin, tema ou o próprio core.
Isso pode ser muito irritante se você tiver vários sites WordPress e estiver vendo constantemente essas notificações ao abrir sua conta de e-mail.
Nesse caso, você pode facilmente desativar os e-mails de atualização automática adicionando o seguinte trecho de código PHP ao seu site:
// Disable auto-update emails.
add_filter( 'auto_core_update_send_email', '__return_false' );
// Disable auto-update emails for plugins.
add_filter( 'auto_plugin_update_send_email', '__return_false' );
// Disable auto-update emails for themes.
add_filter( 'auto_theme_update_send_email', '__return_false' );
Depois de fazer isso, você não receberá mais notificações para atualizações automáticas de plugins ou temas.
Para instruções detalhadas, veja nosso tutorial passo a passo sobre como desativar notificações por e-mail de atualização automática no WordPress.
6. Altere 'Olá, Administrador' na Barra de Administração
Ao fazer login no seu painel do WordPress, você será recebido com um 'Olá' seguido pelo seu nome de exibição no canto superior direito da tela.
Esta saudação pode não soar natural para você, parecer desatualizada ou até mesmo um pouco irritante.
Você pode facilmente alterar a saudação na barra de administração adicionando o seguinte trecho de código ao seu site WordPress:
function wpcode_snippet_replace_howdy( $wp_admin_bar ) {
// Edit the line below to set what you want the admin bar to display intead of "Howdy,".
$new_howdy = 'Welcome,';
$my_account = $wp_admin_bar->get_node( 'my-account' );
$wp_admin_bar->add_node(
array(
'id' => 'my-account',
'title' => str_replace( 'Howdy,', $new_howdy, $my_account->title ),
)
);
}
add_filter( 'admin_bar_menu', 'wpcode_snippet_replace_howdy', 25 );
Assim que adicionar o código, você também deve adicionar uma saudação de sua preferência ao lado da linha $new_howdy = no código.
Para mais informações, você pode ver nosso tutorial sobre como alterar ou remover ‘Howdy Admin’ no WordPress.
7. Desativar XML-RPC
XML-RPC é uma API principal do WordPress. Ela permite que os usuários se conectem aos seus sites com serviços de terceiros.
Por exemplo, você precisará ativar o XML-RPC se quiser usar uma ferramenta de automação como Uncanny Automator ou um aplicativo móvel para gerenciar seu site.
No entanto, se você não quiser usar nenhuma dessas funcionalidades, recomendamos desativar o XML-RPC para impedir que hackers acessem seu site.
Hackers podem usar essas vulnerabilidades para encontrar suas credenciais de login ou lançar ataques DDoS.
Para desativar o XML-RPC, você pode usar o seguinte trecho de código em seu site:
add_filter( 'xmlrpc_enabled', '__return_false' );
Se precisar de mais informações, você pode ver nosso tutorial sobre como desativar o XML-RPC no WordPress.
8. Desativar Esvaziamento Automático da Lixeira
O WordPress exclui tudo o que esteve na lixeira por mais de 30 dias, incluindo posts, páginas e arquivos de mídia.
No entanto, alguns usuários podem não querer esvaziar sua lixeira automaticamente para que possam recuperar arquivos excluídos a qualquer momento.
Nesse caso, você pode adicionar o seguinte trecho de código ao seu site WordPress:
add_action( 'init', function() {
remove_action( 'wp_scheduled_delete', 'wp_scheduled_delete' );
} );
Ao adicionar este código, você agora terá que esvaziar sua lixeira manualmente. Para mais detalhes, você pode ver nosso tutorial sobre como limitar ou desativar o esvaziamento automático da lixeira no WordPress.
9. Alterar o Comprimento do Resumo
Resumos são as primeiras linhas dos seus posts de blog exibidas sob os títulos dos posts na página inicial, blog ou página de arquivos do seu WordPress.
Você pode querer encurtar seu resumo para criar intriga entre os usuários e incentivá-los a clicar no post para descobrir mais.
Da mesma forma, você pode aumentar o comprimento para dar mais contexto e informações importantes aos leitores sem que eles precisem clicar no post.
Para alterar o comprimento do resumo, basta adicionar o seguinte trecho de código ao seu site:
add_filter(
'excerpt_length',
function ( $length ) {
// Number of words to display in the excerpt.
return 40;
},
500
);
Por padrão, este trecho limitará o resumo a 40 palavras, mas você pode ajustar o número na Linha 5 para o que funcionar melhor para o seu blog.
Para mais informações, veja nosso guia para iniciantes sobre como personalizar resumos do WordPress.
10. Desativar Verificação de E-mail do Administrador do Site
Por padrão, o WordPress envia um e-mail de verificação de administrador para os administradores do site a cada poucos meses para verificar se o e-mail que eles usam ainda está correto.
No entanto, às vezes esse aviso pode ser enviado com mais frequência do que o necessário, o que pode ser irritante.
Felizmente, você pode desativar o aviso de verificação de e-mail do administrador adicionando o seguinte trecho de código ao seu site WordPress:
add_filter( 'admin_email_check_interval', '__return_false' );
Para instruções detalhadas, confira nosso tutorial sobre como desativar o aviso de verificação de e-mail do administrador do WordPress.
11. Desativar Atualizações Automáticas
O WordPress atualiza automaticamente seu software principal, plugins ou temas para reduzir ameaças de segurança, infecções por malware, invasões de sites e roubo de dados.
No entanto, atualizações automáticas às vezes podem introduzir problemas de compatibilidade ou quebrar seu site em raras situações.
Nesse caso, você pode usar o seguinte trecho de código para desativar as atualizações automáticas:
// Disable core auto-updates
add_filter( 'auto_update_core', '__return_false' );
// Disable auto-updates for plugins.
add_filter( 'auto_update_plugin', '__return_false' );
// Disable auto-updates for themes.
add_filter( 'auto_update_theme', '__return_false' );
Isso desativará todas as atualizações automáticas do WordPress para o software principal, temas e plugins. Para informações detalhadas, veja nosso tutorial sobre como desativar atualizações automáticas no WordPress.
Como Adicionar Trechos de Código no WordPress (Método Fácil)
Agora que você conhece os trechos de código WordPress mais úteis para iniciantes, você pode adicioná-los facilmente às folhas de estilo do seu tema ou ao arquivo functions.php.
No entanto, lembre-se que o menor erro ao digitar o código pode quebrar seu site e torná-lo inacessível. Além disso, se você mudar para um tema diferente, todo o seu código personalizado será perdido e você terá que adicioná-lo novamente.
É por isso que sempre recomendamos o uso do WPCode.
Usamos o WPCode para estender a funcionalidade dos nossos sites WordPress e descobrimos que ele torna super fácil adicionar código personalizado ao seu site com segurança.
Além disso, o plugin também vem com uma biblioteca de mais de 900 trechos de código, incluindo todos os que mencionamos acima. Para mais informações, veja nossa análise completa do WPCode.
Primeiro, você precisa instalar e ativar o plugin WPCode. Para instruções detalhadas, veja nosso tutorial sobre como instalar um plugin WordPress.
📒 Observação: Existe também um plugin WPCode gratuito que você pode usar. No entanto, a atualização para o plugin premium lhe dará acesso a uma biblioteca de snippets baseada em nuvem, revisões de código e muito mais.
Após a ativação, visite a página Snippets de Código » + Adicionar Snippet no painel do WordPress.
Isso o levará à biblioteca de snippets, onde você pode adicionar código personalizado ao seu site clicando no botão ‘Usar Snippet’ na opção ‘Adicionar Seu Código Personalizado (Novo Snippet)’.
No entanto, se você quiser usar um trecho de código pré-fabricado, você pode simplesmente clicar no botão ‘Usar Snippet’ sob essa opção.
Se você estiver adicionando um trecho de código personalizado, basta colá-lo na caixa ‘Visualização do Código’.
Em seguida, role para baixo até a seção ‘Inserção’ e escolha o modo ‘Inserir Automaticamente’. O código será executado automaticamente em seu site após a ativação do trecho.
Finalmente, visite o topo da página e alterne o interruptor inativo para ativo. Depois disso, basta clicar no botão ‘Atualizar’ para salvar suas configurações.
Agora você adicionou com sucesso o trecho de código ao seu site WordPress.
Para instruções mais detalhadas, consulte nosso guia para iniciantes sobre como adicionar facilmente código personalizado no WordPress.
💡 Dica de Especialista: Se você tem medo de usar código personalizado para personalizar seu site, não se preocupe, pois nós cuidamos de você.
A WPBeginner agora oferece Serviços de Design de Sites a preços super acessíveis. Com um gerente de projeto dedicado, damos vida às suas ideias.
Se você está procurando um blog simples ou uma loja WooCommerce completa, nossa equipe configurará seu site WordPress. Também garantiremos que ele seja o mais bem-sucedido possível, construindo-o com o SEO em mente.
Consulte nossa página Serviços Profissionais WPBeginner para mais informações!
Perguntas Frequentes Sobre Trechos de Código WordPress
Aqui está uma lista de algumas perguntas frequentemente feitas por nossos leitores sobre o uso de código personalizado e trechos de código no WordPress.
Como faço para exibir código no meu site WordPress?
Se você escreve posts de blog sobre tópicos técnicos, adicionar trechos de código aos seus posts pode ser útil. Para fazer isso, você deve abrir a página/post onde deseja exibir o trecho de código e clicar no botão ‘+’ para adicionar um bloco.
Depois de fazer isso, basta inserir o bloco de Código no menu de blocos e, em seguida, adicionar seu código personalizado ao próprio bloco.
Por fim, clique no botão ‘Publicar’ ou ‘Atualizar’ no topo para salvar suas alterações.
O trecho de código agora será exibido em seu site WordPress. Para instruções detalhadas, veja nosso tutorial sobre como exibir código facilmente em seu site WordPress.
Como crio um site WordPress do zero sem codificar?
Se você deseja criar um site do zero sem usar nenhum código, pode usar o SeedProd.
É o melhor construtor de páginas WordPress do mercado que permite criar temas personalizados e landing pages sem nenhum código.
Nós mesmos o usamos para construir sites inteiros e tivemos ótimas experiências com ele. Para saber mais, veja nossa análise do SeedProd.
O plugin vem com mais de 300 modelos pré-fabricados, um construtor de arrastar e soltar e numerosos blocos avançados que permitem construir um site atraente com apenas alguns cliques.
Para mais detalhes, você pode ver nosso tutorial sobre como criar uma landing page no WordPress.
Onde posso obter trechos de código WordPress?
Você pode usar a biblioteca do WPCode para acessar mais de 900 trechos de código que você pode adicionar ao seu site facilmente.
No entanto, se você não estiver usando o WPCode, você também pode obter trechos de código pré-escritos de sites como Stack Overflow, CodePen ou GenerateWP.
Esperamos que este artigo tenha ajudado você a encontrar os trechos de código WordPress mais úteis para iniciantes. Você também pode querer ver nosso tutorial sobre como adicionar facilmente JavaScript a páginas ou posts do WordPress e nossas principais escolhas para os melhores construtores de temas WordPress do mercado.
Se você gostou deste artigo, por favor, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo do WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Dennis Muthomi
I love the security bits, like disabling XML-RPC and removing the WordPress version number.
Those are small things that can make a big difference. One that caught my eye was allowing SVG file uploads. and heads about SVGs can contain malicious code.
Thanks for compiling these and explaining what they do so well! I bookmarked for future reference, it’s so valuable
David Lim
Pessoalmente, acho os trechos muito úteis com o WPCode. Eles facilitam minha vida.
História engraçada, uma vez eu mudei o texto de boas-vindas na interface de administração do Wordpress de um colega e ele ficou um pouco assustado porque pensou que a interface de administração estava dominada por alguma IA.
Oyatogun Oluwaseun Samuel
Esta série de códigos compartilhados aqui traz benefícios imensos, são ações que (para mim) exigiam mexer no código do WordPress, mas o plugin wpcode está mudando a forma como se trabalha. Muito obrigado por este artigo benéfico.
Mrteesurez
Sei que pode ser benéfico para alguém desativar a exclusão de lixo, mas quero perguntar se, ao reter todas as postagens do lixo, elas não ocuparão um espaço considerável no servidor e quais seriam as implicações?
WPBeginner Support
Pode ocupar espaço se forem postagens grandes indo para o lixo e permanecendo, mas dependeria do tipo de site, pois nem todos os sites usam postagens da mesma forma.
Admin
Jiří Vaněk
Os artigos em si no banco de dados não ocupam tanto espaço. Portanto, não deveria ter um medo exagerado de desativar a exclusão automática do lixo. Muitas pessoas têm medo de que isso ocupe muito espaço no MySQL ou no FTP, mas um problema muito maior são, por exemplo, as revisões se elas não forem removidas regularmente. Tenho cerca de 1300 artigos no site e a exclusão automática do lixo está desativada. Até agora, isso não afetou significativamente o tamanho do site. Então você não precisa se preocupar tanto com isso.
Hajjalah
Eu costumava receber muitas tentativas de login falhas de hackers no meu site, mas depois de implementar "Desativar XML-RPC", meu site não recebe mais nenhuma tentativa de login falha de hackers. Isso funcionou como mágica mesmo.
Eu dou muito crédito e recomendo este guia porque todos os códigos neste artigo são absolutamente essenciais para que todos os sites WordPress funcionem bem. Obrigado WPBeginner.
WPBeginner Support
Glad to hear it helped you!
Admin
Mrteesurez
WPcode é promissor, eu o uso desde que era o plugin WP header and footer. Recomendo usar o WPcode para adicionar esses trechos de código, pois será mais fácil e seguro para não quebrar coisas no seu site se você não for um expert em tecnologia.
Michael Sneed
Olá, er, Olá!
Tutorial incrível! Há muitos ótimos trechos que são essenciais para a segurança!
Continuem o ótimo trabalho!
Saudações!
WPBeginner Support
Happy to hear you found our list helpful
Admin
Syed Shan Shah
Estava procurando um trecho de código RSS. Obrigado por compartilhar
WPBeginner Support
You’re welcome, glad our snippet was helpful
Admin
Jiří Vaněk
Notei que muitos desses trechos já incluem o próprio WPCode, e eu já estou usando alguns deles também. A grande vantagem deste plugin é que ele inclui um banco de dados semelhante de trechos já em suas configurações nativas e é realmente muito fácil de usar. Graças ao WPCode, economizei espaço para vários plugins que, de outra forma, teriam que fazer a mesma coisa que um trecho simples.