Jak otwierać linki umieszczone we wpisach w nowej karcie przeglądarki?

Dzisiejszy wpis poświęcony jest rozwiązaniu prostego problemu, z którym mogą spotkać się osoby początkujące. Jeśli należycie do tego grona, to podany temat będzie dla Was interesujący. Pokażemy Wam, jak dodać do wpisu odnośnik, który będzie otwierany w nowej karcie. Oprócz tego pokażemy, jak zmodyfikować kod motywu, by wszystkie wcześniej dodane, oraz wszystkie nowe linki automatycznie otwierały się w nowych kartach przeglądarki. Zapraszamy więc do lektury tego wpisu.

Sposób 1. Ręcznie dodanie atrybutu odpowiadającego za otwarcie linku w nowej karcie

Aby odnośnik otwierał się w nowej karcie jego znacznik, czyli <a href="URL"> musi zawierać specjalny atrybut – target="_blank". Korzystając z edytora wpisów dostępnego w WordPress, możliwe jest ręczne dodanie tego atrybutu na kilka sposobów:

1. Używając przycisku Wstaw/Edytuj odnośnik – podczas dodawania lub edytowania linku należy zaznaczyć pole Otwórz odnośnik w nowej zakładce (rys. 1):

Rysunek 1. Dodanie atrybutu target="_blank" do linku

2. Po przejściu do zakładki edycji wpisu w trybie tekstowym, możliwe jest dodawanie i edytowanie linków, oraz ręczne dopisanie atrybutu target="_blank". Gotowy odnośnik powinien wyglądać następująco:

<a href="URL"target="_blank">Tekst odnośnika</a>.

Jak widać, dodanie odnośnika, który będzie otwierać się w nowej karcie to bardzo prosta sprawa. Przedstawiony sposób nadaje się zarówno podczas tworzenia nowego wpisu jak i edycji jednego z już obecnych artykułów na blogu. Niestety w przypadku edycji wielu linków w wielu wpisach będzie on wymagał poświęcenia wielu sił i czasu. Aby sobie z tym poradzić wystarczy skorzystać z następnego sposobu!

Sposób 2. Automatycznie otwieranie wszystkich linków w nowej karcie

Aby wszystkie odnośniki w artykułach otwierały się w nowej karcie, należy zmodyfikować plik functions.php aktywnego motywu. Skorzystamy ze standardowego edytora, który jest dostępny w panelu administracyjnym WordPress. Dlatego przejdziemy do sekcji Wygląd → Edytor i wśród listy plików motywu otwieramy do edycji functions.php (rys. 2):

Rysunek 2. Modyfikacja pliku functions.php motywu

Na końcu tego pliku wstawimy poniższy kod:

// Otwieranie linków w nowej karcie
function wph_auto_blank_links($text) {
	$return = str_replace('<a', '<a target="_blank"', $text);
	return $return;	
}

add_filter('the_content', 'wph_auto_blank_links');  // wpisy

Po zapisywaniu wszystkich zmian możemy przejść do dowolnego artykułu zawierającego linki i sprawdzić, czy modyfikacja zadziałała zgodnie z oczekiwaniami. Funkcja <code>wph_auto_blank_links</code> sprawia, że do wszystkich odnośników zostanie „podłączony” atrybut target="_blank".

Aby linki zawarte w sekcji komentarzy również otwierały się w nowej karcie, należy do powyższego kodu dodać następujący filtr:

add_filter('comment_text', 'wph_auto_blank_links'); // komentarze

Wadą ostatniego sposobu jest to, że absolutnie wszystkie odnośniki będą otwierać się w nowej karcie. Jeśli potrzebujecie aby tylko linki do stron „zewnętrznych” otwierały się w ten sposób, możecie skorzystać z kolejnego sposobu.

Sposób 3. Automatyczne otwieranie linków do cudzych stron w nowej karcie

Ostatni sposób przyda się osobom, które chcą, aby odnośniki tylko do cudzych stron otwierały się w nowej karcie. Ponownie przechodzimy do pliku functions.php (rys. 2) i poprzednio umieszczony kod zamieniamy na:

// Linki wychodzące w nowej karcie
function autoblank($text) {
	$return = str_replace('href=', 'target="_blank" href=', $text);
	$return = str_replace('target="_blank" href="URL', 'href="URL', $return);
	$return = str_replace('target="_blank" href="/', 'href="/', $return);
	$return = str_replace('target="_blank" href="#', 'href="#', $return);
	$return = str_replace(' target = "_blank">', '>', $return);
	return $return;
}
add_filter('the_content', 'autoblank');
add_filter('comment_text', 'autoblank'); 

Gdzie URL to adres Twojej strony (musi zaczynać się od http:// lub https://).

Po zapisywaniu zmian wszystkie linki, oprócz tych z Twoim adresem URL, będą otwierać się w nowej karcie.

Podsumowanie

W dzisiejszym wpisie pokazaliśmy Państwu różne sposoby na dodanie atrybutu target="_blank" do linków. Dzięki nim możecie tworzyć pojedyncze odnośniki otwierające się w nowej karcie lub użyć modyfikacji automatyzującej ten proces dla wszystkich linków. Dlatego na pewno znajdziecie coś dla siebie.

P.S. Prosimy zwrócić uwagę, że wszystkie zmiany w pliku functions.php powinny być wykonywane w motywie potomnym. W przeciwnym wypadku, wszystkie dodane modyfikacje mogą zostać utracone przy kolejnej aktualizacji motywu.

O autorze

Janusz Kamiński - Specjalista działu marketingu firmy TemplateMonster. W branży IT pracuje od 5 lat. Posiada doświadczenie w SEO, marketingu internetowym. Oprócz tego interesuje się projektowaniem stron www.