![[ Ferramentas Blog ]](/wordpress/wp-content/themes/fb5/images/logo.png){kind=logo}
Usar links internos nos artigos do blog é fundamental para manter o seu visitante interessado em outros conteúdos, bem como fazer referências a outros blogs e sites. É comum que os links clicados abram o destino na mesma aba/janela do navegador onde o visitante está, mas há um código para determinar onde o link deve ou não abrir. É preciso usar esse recurso com cuidado, pois é bom deixar que o visitante escolha onde quer que os links clicados abram. De toda forma, vale a pena ter isso à mão.
Você pode configurar os links internos e externos do seu blog para abrir tanto na mesma janela quanto num nova janela ou aba, sem fechar a página onde o visitante está. Definir isso vai depender se suas estratégias e objetivos. Aqui no [ Ferramentas Blog ] todo link que aponta para dentro do blog mantenho abrindo na mesma janela. Mas os links externos para outros blogs e site, eu uso um código para abrir numa nova aba/janela.
Nesse tutorial vou mostrar dois métodos: o manual (pelo código) e o automático, transformando todos os links do seu blog.
O melhor, em se tratando de links dentro do seu blog é manter o padrão do código onde, se o link foi clicado, abrirá na mesma janela do navegador. Caso o visitante queira ele mesmo abrir em outra aba/janela, bastará clicar com o botão direito do mouse e selecionar o que deseja.
Para não deixar tão livre assim, tanto para o Blogger quanto para o WordPress.org ou qualquer outra plataforma, você pode editar o HTML dos códigos dos links que você insere dentro dos artigos, nas imagens e até na barra lateral (sidebar), para definir onde irão abrir.
1. O método manual
Todo código de link é assim:
<a href=”URL_destino”>Texto do link</a>
Para que abra numa nova aba/janela, basta adicionar em todo link o seguinte marcado em vermelho:
<a href=”URL_destino” target=”_blank”>Texto do link</a>
Fica mais fácil onde, toda vez que for adicionar um novo link dentro dos posts do seu blog, seja em palavras ou imagens, já selecionar a opção de abrir em nova janela/aba, sem precisar fazer isso manualmente, mas ainda inserindo apenas nos links desejados. Esse é o método preferencial.
No Blogger o menu é o seguinte:
Já no WordPress o editor de textos tem o menu para criar links do seguinte modo:
Aqui terminamos o método manual e o recomendável. você poderá avaliar cada caso e cada tipo de link em seu blog e fazer as modificações apenas onde for interessante e relevante abrir numa nova janela ou aba o link.
2. O método automático
ATENÇÃO: Esse método alterará toda a estrutura de links do seu blog, seja no Blogger ou no WordPress.org (onde você tem blog). Só aplique isso se for realmente necessário.
Você pode querer que todo e qualquer link do seu blog sempre abra em outra janela/aba, independente de para onde ele aponta. Não é recomendável, mas você pode precisar disso.
Trata-se de um código que modificará automaticamente como os links do seu blog devem abrir, obrigando que todos os links sejam abertos em outra aba ou janela. São duas fórmulas: uma para o Blogger (BlogSpot) e outra para o WordPress.org.
A. Se você usa o Blogger
Caso você tenha um blog no Blogger e quer que todos os links abram numa nova janela/aba, então entra no painel, clique no menu “Modelo” e depois no botão “Editar HTML”. Isso abrirá o código fonte do seu blog.
Procure pela seguinte linha: <head>. Imediatamente ABAIXO dela, cole o trecho:
<base target='_blank'/>
Salve o modelo e abra o seu blog. Agora clique em qualquer link que ele já abrirá fora da janela onde você está.
B. Se você usa o WordPress.org
Mas se o seu caso é de ter um blog no WordPress.org, será preciso abrir o painel, clicar no menu “Aparência” ~> “Editor” e abrir o arquivo “functions.php“.
Dentro dele cole o seguinte trecho de função:
function autoblank($text) {
$return = str_replace('<a', '<a target="_blank"', $text);
return $return;
}
add_filter('the_content', 'autoblank');
Salve e veja funcionando em seu blog, onde todos os links automaticamente já abrirão numa nova aba/janela.
.
Mais uma vez repito a importância de se ter cuidado na hora de aplicar tais mudanças e como escolher quais links devem abrir fora da janela onde se está navegando.
Boa! Às vezes o WordPress dá tanto problema que sinto saudade do site em html que eu editava na mão ou com Dreamweaver. 🙂
Por que não é recomendado que abra links em nova janela? Não é melhor para o leitor ficar mais tempo numa página?
Mas vc vai enganar o usuáro.
Se ficar claro para o visitante que os links vão abrir em outra janela/aba, tudo bem. Você precisa saber como usar o recurso para não ficar inconveniente para o visitante.
Acho que o risco é que tudo abrindo numa nova aba, faça parecer pop-up e o visitante não gostar.
Esse recurso, , já utilizo à muito, é muito útil, mesmo se você quer que o leitor permaneça mais tempo na sua página.
Como eu uso o sistema anti-cópia no meu blog, ou seja, o “crtl+c ctrl+v”, o botão direito do mouse de meus usuários é desativado, como não dou dicas e nem compartilho imagens com niguém, por isso esse código de abrir em uma nova guia foi de grande valia, obrigado!! Eu prefiro que um determinado site ou blog seja aberto em outra janela e a maioria dos meus leitores também, pois só assim eu posso continuar lendo um determinado post, que eu não consegui ler e assim vai!
Olá Marcos,
Há algum tempo procuro por uma resposta sobre o fato que é melhor aplicar na abertura dos links internos . No meu blog até então eu sempre coloquei todos os links, internos e externos, abrindo em outra janela. O melhor mesmo seria abrir os links internos na própria página? Qual o impacto que esta ação proporciona ao blog?
Até mais!!!
Rodrigo.
É mesmo melhor abrir os links internos na mesma aba, por uma questão bem simples: o visitante sempre está no blog. As vezes é chato vocÊ querer ficar dentro do blog e abrir outra aba, fica parecendo Pop-up e o visitante tende a fechar a nova janela, desistindo de continuar a visita.
Concordo com essa tua resposta Marcos, abraço.
Como faço para abrir links do menu do WordPress em uma nova janela? É possível?
Jackson,
qualquer link, mesmo de um menu, pode ser aberto em outra janela clicando com o botão direito do mouse e escolhendo a opção desejada. Está descrito isso logo no início do artigo.
Penso que não seja possível configurar o painel do WP par abrir automaticamente os menus em outra janela.
Bela dica Marcos, dica simples mas muito útil para nós blogueiros, mas recomendo a abertura de links internos na mesma página.
Abraço.
Excelente dica.
Estou colocando em pratica.
Ficou muuito bom!!
Abraço
Mais uma vez agradeço o seu post que, como sempre, me ajuda a melhorar meu blog. Sou iniciante e tenho conseguido otimizar-lo graças ao seu trabalho aqui.
A dica foi de muita valia. Obrigado.
Olá,
Eu acho bacana pq o usuário não abrirá em uma aba pequena e sim numa aba grande eu utilizo muito pq as vezes não quero sair do blog/site pra não perder alguma notícia ou informação. E tbm por causa de link e sites, e outras coisas a mais.
Parabéns, gostei muito, obrigado!!!
E daí utilizo este código.
Foi muito útil, obrigada!
Muuuuuuuito obrigada! Tutorial rápido e que dá certo, assim que eu gosto! haha
Olá Ana,
Vc este seu dominio é pago ou gratuito? bjs e abçs
Olá, eu estou com uma duvida, em meu blog (uso o blogspot) criei uma página estatica que direciona o leitor para o site de minha loja online, mas ele abre na mesma janela, e eu queria fazer que abrisse em outra janela, eu tentei essa opção indicada (target=”_blank”) mas não funcionou, o que devo fazer?
Obrigado pela dica!
aew vlw. mais cara ta abrindo os javascript de carregar pagina. em branco. queria só links. 🙁
Bacana, ótimo recurso! Mas como posso fazer isso no Tumblr?
Procurei muito pela internet como fazer pra conseguir abrir os links do blog em outra aba e só encontrei aqui. Muito bom o post e muito bem explicado, parabéns!
Consegui, achei muito fácil, parabéns pelo site
Meu blog todos os links mesmo se eu nao tiver marcado manualmente para abrir em nova aba eles abre todos os links de post em nova aba como consigo retirar iss?
Terá que procurar a linha de código target=”_blank” e fazer o processo inverso ao indicado aqui no artigo.
Amigos, por favor, como faço para que minhas imagens NÃO abram em outra página? Queria que elas não abrissem em tamanho maior e nem outra página. Uso o blogger.
Amigo, tem como eu usar o no Blogger só pra funcionar com as imagens?
olá… tudo que precisei para padronizar o blog da minha esposa, encontrei aqui! Obrigado e parabéns!
No entanto eu preciso de uma solução para uma parte dessa postagem: Eu gostaria que somente os links externos abrissem em nova janela e também não gostaria que as imagens ampliassem (tipo Lightbox) para evitar cópias) como poderia ser feito? Agradeço a atenção!
Olá, esse codigo no wordpress, é pra colar exatamente onde? Em que parte do condigo functions.php? No inicio no meio ou no fim? Sou novo com o wordpress
Se não tem muita experiência com esses códigos, não recomendo tentar.
Mas é para inserir em qualquer parte do arquivo, depois da primeira linha.
Lembre-se de fazer backup antes de modificar qualquer coisa no Blog.
nao funcionou no meu
Quero usar esse atributo para links que comecem com um determinado url dentro do meu site é possível?
Valeu! Muitíssimo obrigada por compartilhar!
Como faço para abrir em outra janela com tamanho pequeno sendo fácil do leitor fechar a pagina?