O senhor está procurando alguns trechos de código do WordPress para usar em seu site?
Adicionar snippets de código ao seu site WordPress permite que o senhor crie designs e funcionalidades exclusivos que talvez não sejam possíveis com temas e plugins. Os snippets também podem aumentar a segurança do seu site e tornar o painel de administração mais fácil de usar.
Neste artigo, compartilharemos com o senhor nossa lista dos snippets de código do WordPress mais úteis para iniciantes.
Por que adicionar snippets de código no WordPress?
Se o senhor tiver um site em WordPress, adicionar alguns snippets de código úteis aos arquivos do tema ou um plug-in de snippets de código pode ajudá-lo a desbloquear a personalização ilimitada e fazer com que seu site se destaque.
O senhor pode usar o código personalizado para adaptar alguns elementos específicos em seu site. Por exemplo, o senhor 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 de seu site reduzindo a necessidade de vários plug-ins.
Além disso, os snippets podem ajudá-lo a expandir suas habilidades de codificação e usar a vasta biblioteca de snippets de código que são compartilhados gratuitamente pela comunidade do WordPress.
Dito isso, vamos dar uma olhada em alguns dos snippets de código do WordPress mais úteis para iniciantes. O senhor pode usar os links rápidos abaixo para ir para diferentes partes do nosso tutorial:
1. Permitir o upload de arquivos SVG
SVG (Scalable Vector Graphics) é um formato de arquivo que define gráficos vetoriais usando a linguagem de marcação XML. Esse formato permite que o senhor ampliar imagens sem perder a qualidade.
Esses arquivos são menores e mais leves do que JPEG ou PNG, o que ajuda a aumentar a velocidade do seu site.
No entanto, o WordPress não permite o upload de arquivos SVG por padrão porque os SVGs podem conter códigos maliciosos que comprometem a segurança do site.
Com isso em mente, se o senhor ainda quiser carregar 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
);
O senhor pode adicionar esse código à seção functions.php ou use um plugin de snippets de código como WPCode. Mais adiante neste artigo, mostraremos ao senhor exatamente como fazer isso.
Para obter instruções mais detalhadas, o senhor pode consultar 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 mostra uma barra de administração na parte superior do seu site para todos os usuários conectados, como assinantes, autores, editores e quaisquer outras funções de usuário.
Essa barra de administração pode direcioná-los para o painel do WordPress, onde eles podem fazer alterações no site, dependendo de suas funções. permissões de usuário.
No entanto, ele pode distrair um pouco quando o senhor estiver olhando para o front-end do seu site, pois às vezes pode se sobrepor a 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 do 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 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 os administradores.
3. Remover o número da versão do WordPress
O WordPress exibe o número da versão atual do WordPress em seu site para rastreamento.
No entanto, às vezes, esse footprint pode causar vazamentos de segurança, informando aos hackers sobre a versão do WordPress em uso. Os hackers podem, então, atacar 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');
Quando o senhor fizer isso, os hackers não conseguirão adivinhar a versão do WordPress com scanners automáticos e outras tentativas menos sofisticadas.
Para obter instruções mais detalhadas, o senhor pode ver nosso tutorial sobre o maneira correta de remover o número da versão do WordPress.
Feeds RSS permitem que os usuários recebam atualizações regulares sobre o seu blog do WordPress com um leitor de feeds como o Feedly.
Isso pode ajudar a promover seu conteúdo e direcionar mais tráfego para seu site. Ao adicionar imagens em destaque ou miniaturas ao lado das publicações nos feeds RSS, o senhor pode tornar o feed visualmente atraente e melhorar ainda mais a experiência do usuário.
O senhor pode mostrar facilmente 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 atraente e trazer visitantes de volta ao seu site.
Para obter informações mais detalhadas, consulte nosso tutorial sobre Como adicionar miniaturas de postagens aos seus feeds RSS do WordPress.
5. Desativar e-mails de atualização automática
Por padrão, o WordPress envia ao senhor uma notificação por e-mail sempre que atualiza automaticamente qualquer plug-in, temas ou o próprio núcleo.
Isso pode ser muito irritante se o senhor tiver vários sites do WordPress e estiver constantemente vendo essas notificações ao abrir sua conta de e-mail.
Nesse caso, o senhor pode desativar facilmente 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, o senhor não receberá nenhuma notificação sobre atualizações automáticas de plugins ou temas.
Para obter instruções detalhadas, consulte nosso tutorial passo a passo sobre Como desativar as notificações automáticas de atualização por e-mail no WordPress.
6. Alterar “Howdy, Admin” na barra de administração
Ao fazer login no painel do WordPress, o usuário será saudado com um “Howdy” seguido do seu nome de usuário. nome de exibição no canto superior direito da tela.
Essa saudação pode não soar natural para o senhor ou parecer desatualizada, ou até mesmo um pouco irritante.
O senhor pode alterar facilmente a saudação na barra de administração adicionando o seguinte trecho de código ao seu site do 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 );
Depois de adicionar o código, o senhor também deve adicionar uma saudação de sua preferência ao lado do $new_howdy = no código.
Para obter mais informações, o senhor pode consultar nosso tutorial sobre Como alterar ou remover “Howdy Admin” no WordPress.
7. Desativar XML-RPC
O XML-RPC é um núcleo do WordPress API. Ela permite que os usuários se conectem a seus sites com serviços de terceiros.
Por exemplo, o senhor precisará ativar o XML-RPC se quiser usar uma ferramenta de automação como o Uncanny Automator ou um aplicativo móvel para gerenciar seu site.
No entanto, se o senhor não quiser usar nenhuma dessas funcionalidades, recomendamos desativar o XML-RPC para evitar que os hackers tenham acesso ao seu site.
Os hackers podem usar essas vulnerabilidades para encontrar suas credenciais de login ou lançar ataques DDoS.
Para desativar o XML-RPC, o senhor pode usar o seguinte trecho de código em seu site:
add_filter( 'xmlrpc_enabled', '__return_false' );
Se precisar de mais informações, o senhor pode consultar nosso tutorial sobre Como desativar o XML-RPC no WordPress.
8. Desativar o esvaziamento automático da lixeira
O WordPress exclui tudo o que estiver na lixeira por mais de 30 dias, inclusive posts, páginas e arquivos de mídia.
No entanto, alguns usuários talvez não queiram esvaziar a lixeira automaticamente para que possam recuperar os arquivos excluídos a qualquer momento.
Nesse caso, o senhor pode adicionar o seguinte trecho de código ao seu site WordPress:
add_action( 'init', function() {
remove_action( 'wp_scheduled_delete', 'wp_scheduled_delete' );
} );
Depois de adicionar esse código, o senhor terá de esvaziar manualmente a lixeira. Para obter mais detalhes, consulte nosso tutorial sobre Como limitar ou desativar o esvaziamento automático da lixeira no WordPress.
9. Alterar o comprimento do trecho
Trechos são as primeiras linhas de suas postagens de blog exibidas sob os títulos das postagens em sua página inicial, blog ou página de arquivos.
Talvez o senhor queira encurtar o tamanho do trecho para criar uma sensação de intriga entre os usuários e incentivá-los a clicar na publicação para saber mais. Da mesma forma, o senhor também pode aumentar a extensão para fornecer mais contexto e informações importantes aos leitores sem precisar clicar na publicação.
Para alterar o tamanho do trecho, 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, esse snippet limitará o trecho a 40 palavras, mas o senhor pode ajustar o número na linha 5 para o que for melhor para o seu blog.
Para obter mais informações, consulte nosso guia para iniciantes sobre Como personalizar trechos do WordPress.
10. Desativar a verificação de e-mail do administrador do site
Por padrão, o WordPress envia um e-mail de verificação do 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 ao senhor com mais frequência do que o necessário, o que pode ser irritante.
Felizmente, o senhor 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 obter instruções detalhadas, consulte 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 à segurança, infecções por malware, violações de sites e roubo de dados.
No entanto, as atualizações automáticas podem, às vezes, introduzir problemas de compatibilidade ou quebrar seu site em situações raras.
Nesse caso, o senhor 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, os temas e os plug-ins. Para obter informações detalhadas, consulte nosso tutorial sobre Como desativar as atualizações automáticas no WordPress.
Como adicionar snippets de código no WordPress (método fácil)
Agora que o senhor conhece os trechos de código mais úteis do WordPress para iniciantes, pode adicioná-los facilmente às folhas de estilo ou ao arquivo functions.php do seu tema.
No entanto, lembre-se de que o menor erro ao digitar o código pode quebrar seu site e torná-lo inacessível. Além disso, se mudar para outro tema, todo o código personalizado será perdido e o senhor terá de adicioná-lo novamente.
É por isso que sempre recomendamos o uso do WPCode.
É o melhor plugin de snippets de código para WordPress do mercado, que torna super seguro e fácil adicionar códigos personalizados ao seu site.
Além disso, o plugin também vem com uma biblioteca de mais de 900 snippets de código, incluindo todos os que mencionamos acima. Para obter mais informações, consulte nossa Análise do WPCode.
Primeiro, o senhor precisa instalar e ativar o WPCode plugin. Para obter instruções detalhadas, consulte nosso tutorial sobre Como instalar um plug-in do WordPress.
Nota: Há também um plugin gratuito do WPCode que o senhor pode usar. No entanto, o upgrade para o plug-in 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 o site Snippets de código ” + Add Snippet a partir do painel do WordPress.
Isso o levará à biblioteca de snippets, onde o senhor pode adicionar código personalizado ao seu site clicando no botão “Use Snippet” na opção “Add Your Custom Code (New Snippet)”.
No entanto, se o senhor quiser usar um snippet de código predefinido, basta clicar no botão “Use Snippet” nessa opção.
Se o senhor estiver adicionando um snippet de código personalizado, basta colá-lo na caixa “Code Preview” (Visualização de código).
Em seguida, role para baixo até a seção “Insertion” (Inserção) e escolha o modo “Auto Insert” (Inserção automática). O código será executado automaticamente em seu site após a ativação do snippet.
Por fim, visite a parte superior da página e alterne o botão inativo para ativo. Depois disso, basta clicar no botão “Update” (Atualizar) para armazenar suas configurações.
Agora o senhor adicionou com êxito o trecho de código ao seu site WordPress.
Para obter instruções mais detalhadas, consulte nosso guia para iniciantes sobre Como adicionar facilmente código personalizado no WordPress.
Perguntas frequentes sobre os snippets de código do WordPress
Aqui está uma lista de algumas perguntas frequentes feitas por nossos leitores sobre o uso de código personalizado e trechos de código no WordPress.
Como faço para exibir o código em meu site do WordPress?
Se o senhor escreve posts de blog sobre tópicos técnicos, adicionar trechos de código aos seus posts pode ser útil. Para fazer isso, o senhor deve abrir a página/post em que deseja exibir o trecho de código e clicar no botão “+” de adicionar bloco.
Depois de fazer isso, basta inserir o bloco Code (Código) no menu de blocos e adicionar seu código personalizado no próprio bloco.
Por fim, clique no botão “Publish” (Publicar) ou “Update” (Atualizar) na parte superior para armazenar suas alterações.
O snippet de código agora será exibido em seu site do WordPress. Para obter instruções detalhadas, consulte nosso tutorial sobre Como exibir facilmente o código em seu site do WordPress.
Como faço para criar um site WordPress do zero, sem codificação?
Se quiser criar um site do zero sem usar nenhum código, o senhor pode usar o SeedProd.
É o o melhor construtor de páginas do WordPress do mercado, que permite que o senhor crie temas personalizados e páginas de destino sem qualquer codificação.
O plug-in vem com mais de 300 modelos predefinidos, um construtor de arrastar e soltar e vários blocos avançados que permitem que o senhor crie um site atraente com apenas alguns cliques.
Para obter detalhes, o senhor pode ver nosso tutorial sobre Como criar uma página de destino no WordPress.
Onde posso obter trechos de código do WordPress?
O senhor pode usar a biblioteca do WPCode para acessar mais de 900 trechos de código que podem ser adicionados facilmente ao seu site.
No entanto, se o senhor não estiver usando o WPCodeo senhor também pode obter trechos de código pré-escritos em sites como Stack Overflow, CodePen ou GenerateWP.
Esperamos que este artigo tenha ajudado o senhor a encontrar os snippets de código do WordPress mais úteis para iniciantes. Talvez o senhor também queira ver nosso tutorial sobre Como adicionar JavaScript facilmente a páginas ou posts do WordPress e nossas principais opções para o melhores criadores de temas para WordPress do mercado.
Se o senhor gostou deste artigo, inscreva-se em nosso Canal do YouTube para tutoriais em vídeo sobre o WordPress. O senhor também pode nos encontrar em Twitter e Facebook.
