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

11 trechos de código úteis do WordPress para iniciantes (escolha do especialista)

Para as pessoas que estão começando a usar o WordPress, aprender a usar snippets de código pode abrir um mundo totalmente novo de possibilidades, ajudando-o a adaptar seu site às suas necessidades específicas.

Ao desenvolver nossos próprios sites nos últimos 15 anos ou mais, usamos com frequência trechos de código para personalização em nosso painel de administração e exibição de front-end.

Com este guia, nosso objetivo é tornar essas ferramentas poderosas acessíveis aos iniciantes, selecionando e explicando cuidadosamente os trechos de código mais úteis do WordPress que você pode começar a usar imediatamente.

Testamos exaustivamente esses snippets em sites reais para garantir que eles funcionem como pretendido e não produzam erros.

Neste artigo, compartilharemos com você nossa lista dos snippets de código do WordPress mais úteis para iniciantes.

Useful WordPress Code Snippets for Beginners

Por que adicionar snippets de código no WordPress?

Se você tiver um site WordPress, adicionar alguns trechos de código úteis aos arquivos do seu tema ou um plug-in de trechos de código pode ajudá-lo a desbloquear a personalização ilimitada e fazer com que seu site se destaque.

Você pode usar o código personalizado para adaptar alguns elementos específicos em 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 plug-ins.

Além disso, os snippets podem ajudá-lo a expandir suas habilidades de codificação e acessar a vasta biblioteca de snippets de código que a comunidade do WordPress compartilha gratuitamente.

Dito isso, vamos dar uma olhada em alguns dos snippets de código do WordPress mais úteis para iniciantes. Você 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 ampliar imagens sem perder qualidade.

SVG image quality loss

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 uploads 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 você 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
);

Você pode adicionar esse código ao arquivo functions.php do seu tema ou usar um plug-in de snippets de código como o WPCode. Mais adiante neste artigo, mostraremos exatamente como fazer isso.

Para obter instruções mais detalhadas, consulte 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, incluindo 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 seu site, dependendo das permissões de usuário.

No entanto, ele pode distrair um pouco quando você está olhando para o front-end do seu site, pois às vezes pode se sobrepor a elementos de design como o cabeçalho.

The WordPress admin bar

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 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.

Remove WordPress version number

No entanto, às vezes, essa pegada pode causar vazamentos de segurança, informando aos hackers sobre a versão do WordPress em uso. Os hackers podem, então, visar 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 conseguirão adivinhar sua versão do WordPress com scanners automáticos e outras tentativas menos sofisticadas.

Para obter instruções mais detalhadas, consulte nosso tutorial sobre a maneira correta de remover o número da versão do WordPress.

Os 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 direcionar mais tráfego para seu site. Ao adicionar imagens em destaque ou miniaturas ao lado das publicações nos feeds RSS, você pode tornar o feed visualmente atraente e melhorar ainda mais a experiência do usuário.

Feed with post thumbnails preview

Você pode mostrar facilmente miniaturas de publicações 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 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 uma notificação por e-mail sempre que atualiza automaticamente qualquer plug-in, tema ou o próprio núcleo.

Isso pode ser muito irritante se você tiver vários sites do WordPress e estiver constantemente vendo essas notificações ao abrir sua conta de e-mail.

Email notification preview after an auto-update

Nesse caso, você 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, você não receberá mais notificações de 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, você será recebido com um “Olá” seguido do seu nome de exibição no canto superior direito da tela.

Essa saudação pode não soar natural para você ou parecer ultrapassada, ou até mesmo um pouco irritante.

Change Howdy in the admin bar

Você 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, você também deve adicionar uma saudação de sua preferência ao lado da linha $new_howdy = no código.

Para obter mais informações, consulte nosso tutorial sobre como alterar ou remover o “Howdy Admin” no WordPress.

7. Desativar XML-RPC

XML-RPC é uma API central do WordPress. Ela permite que os usuários se conectem a seus sites com serviços de terceiros.

Por exemplo, você 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 você não quiser usar nenhuma dessas funcionalidades, recomendamos desativar o XML-RPC para evitar que hackers acessem seu site.

Os 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, consulte 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.

View trashed posts

Nesse caso, você pode adicionar o seguinte trecho de código ao seu site do WordPress:

add_action( 'init', function() {
    remove_action( 'wp_scheduled_delete', 'wp_scheduled_delete' );
} );

Ao adicionar esse código, agora você terá que 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 a duração do trecho

Os trechos são as primeiras linhas das postagens do seu blog exibidas sob os títulos das postagens na página inicial, no blog ou nos arquivos do WordPress.

Talvez você queira encurtar o trecho para criar intriga entre os usuários e incentivá-los a clicar na publicação para saber mais.

Da mesma forma, você pode aumentar o tamanho para fornecer mais contexto e informações importantes aos leitores sem precisar clicar na postagem.

Change excerpt lengths

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 você 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 a você com mais frequência do que o necessário, o que pode ser irritante.

Administration email verification

Felizmente, você pode desativar o aviso de verificação de e-mail do administrador adicionando o seguinte trecho de código ao seu site do 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 o software principal, os plug-ins ou os temas para reduzir as ameaças à segurança, as infecções por malware, as violações de sites e o 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, 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, 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 você 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 você mudar para um tema diferente, todo o código personalizado será perdido e você terá que adicioná-lo novamente.

É por isso que sempre recomendamos o uso do WPCode.

WPCode - Best WordPress Code Snippets Plugin

É 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 trechos de código, incluindo todos os que mencionamos acima. Para obter mais informações, consulte nossa análise completa do WPCode.

Code Snippets in WPCode

Primeiro, você precisa instalar e ativar o plug-in WPCode. Para obter instruções detalhadas, consulte nosso tutorial sobre como instalar um plug-in do WordPress.

Observação: há também um plug-in gratuito do WPCode que você pode usar. No entanto, o upgrade para o plug-in premium lhe dará acesso a uma biblioteca de snippets baseada na nuvem, revisões de código e muito mais.

Após a ativação, acesse a página Code Snippets ” + Add Snippet no painel do WordPress.

Isso o levará à biblioteca de snippets, onde você poderá adicionar códigos personalizados ao seu site clicando no botão “Use Snippet” na opção “Add Your Custom Code (New Snippet)”.

No entanto, se você quiser usar um snippet de código predefinido, basta clicar no botão “Use Snippet” abaixo dessa opção.

Click the Use Snippet button under a premade code snippet

Se estiver adicionando um trecho 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 “Inserção” e escolha o modo “Inserção automática”. O código será executado automaticamente em seu site após a ativação do snippet.

Choose an insertion method

Por fim, visite a parte superior da página e alterne a chave inativa para ativa. Depois disso, basta clicar no botão “Update” (Atualizar) para armazenar suas configurações.

Agora você adicionou com êxito o snippet de código ao seu site WordPress.

Activate and update the code snippet

Para obter instruções mais detalhadas, consulte nosso guia para iniciantes sobre como adicionar facilmente códigos personalizados no WordPress.

Perguntas frequentes sobre 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 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 em que deseja exibir o snippet 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, em seguida, adicionar seu código personalizado no próprio bloco.

Add the code block in WordPress

Por fim, clique no botão “Publicar” ou “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 você quiser criar um site do zero sem usar nenhum código, poderá usar o SeedProd.

É o melhor construtor de páginas do WordPress no mercado que permite criar temas personalizados e páginas de destino sem qualquer codificação.

SeedProd Website and Theme Builder

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 você crie um site atraente com apenas alguns cliques.

Para obter detalhes, consulte nosso tutorial sobre como criar uma página de destino no WordPress.

Onde posso obter trechos de código do WordPress?

Você 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 não estiver usando o WPCode, você também poderá obter trechos de código pré-escritos em sites como Stack Overflow, CodePen ou GenerateWP.

Esperamos que este artigo tenha ajudado você a encontrar os snippets de código do WordPress mais úteis para iniciantes. Talvez você também queira ver nosso tutorial sobre como adicionar JavaScript facilmente a páginas ou posts do WordPress e nossas principais opções para os melhores criadores de temas do WordPress no mercado.

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. Mrteesurez

    WPcode is promising, I have been using it since when it was WP header and footer plugin. I recommend to use WPcode to add these code snippets as it will be easier and saver so as not to break things in your site if you are not a tech savvy.

  2. Michael Sneed

    Howdy, er, Hello!

    Awesome tutorial! There are a lot of great snippets that are must haves for security!

    Keep up the great work!

    Cheers!

    • WPBeginner Support

      Happy to hear you found our list helpful :)

      Administrador

  3. Syed Shan Shah

    Was looking for RSS Code snippet. Thanks for sharing

    • WPBeginner Support

      You’re welcome, glad our snippet was helpful :)

      Administrador

  4. Jiří Vaněk

    I’ve noticed that many of these snippets already include WPCode itself, and I’m already using some of them as well. The great thing about this plugin is that it includes a similar database of snippets already in its native settings and is really very easy to use. Thanks to WPCode, I saved space for several plugins that would otherwise have to do the same thing as a simple snippet.

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.