W tym poradniku chcielibyśmy pokazać Wam, jak w prosty sposób włączyć automatyczne linkowanie wyróżnionych zdjęć i grafik na naszej stronie Wordpress. Dzięki temu osoby odwiedzające stronę czy blog będą mogły przenieść się do wpisu bądź strony, klikając grafikę ją wyróżniającą. Zapraszamy do zapoznania się z poradnikiem.

Dzisiaj spora część motywów na Wordpressa umożliwia automatyczne linkowanie do tekstu z poziomu obrazka, zdjęcia czy innej grafiki wyróżniającej wpis. Jest to spore ułatwienie, bowiem osoba odwiedzająca stronę nie musi szukać specjalnie linku odnoszącego do interesującej go podstrony. Niekiedy jednak obrazki na głównej stronie nie mają funkcji wbudowanych linków. W takim przypadku musimy dodać omawianą funkcję samodzielnie. Nie jest to wcale trudne.

Warto jeszcze zaznaczyć, że metoda działa na obrazkach wyróżniających wpisy i podstrony na głównej stronie. Nie wpływa natomiast w żaden sposób na grafiki i zdjęcia umieszczane wewnątrz postów i stron. Nie będziemy też korzystać z żadnych wtyczek - wszystkie zmiany wprowadzimy samodzielnie, dodając odpowiedni kod do naszej strony internetowej lub bloga.

Automatyczne linkowanie obrazków

Przejdźmy jednak do samej metody. Sposób jest prosty, logujemy się do naszego panelu zarządzania Wordpressem, a następnie z poziomu lewego paska menu wyszukujemy i otwieramy zakładkę Wygląd > Edytor. Przechodzimy do edycji plików wchodzących w skład motywu, z którego korzystamy.

Oczywiście wcześniej lepiej jest stworzyć tzw. child theme, czyli motyw dziedziczący, który pozwoli na bezpieczne wprowadzenie zmian na naszej stronie. Jeżeli nie wiesz, jak wykonać motyw dziedziczący, skorzystaj z naszego poradnika.

Z poziomu Edytora otwieramy w prawym pasku menu zakładkę o nazwie "functions.php". Kiedy jej treść zostanie ujawniona w głównym oknie panelu sterowania Wordpressem, dodajemy tam następujący kod:

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {
$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;
}
add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

Ten kod spowoduje dodanie linków do wszystkich miniaturek zdjęć widocznych na głównej stronie naszej witryny czy bloga. W ten sposób staną się one automatycznie odnośnikami do wpisów lub podstron, które są z nimi powiązane. Zapisujemy następnie plik functions.php i odświeżamy naszą stronę w celu przetestowania dodanej przez nas funkcji.

Blokowanie linkowania obrazków

Możemy też oczywiście skorzystać z funkcji blokowania automatycznego linkowania z poziomu obrazków do wpisów na naszym blogu lub stronie działające w oparciu o platformę Wordpress. Zrobimy to podobnie jak w przypadku poprzedniej metody również za pomocą specjalnego kodu, który należy wkleić w pliku functions.php z poziomu panelu zarządzania naszą stroną.

Kod jest następujący:

function wpb_autolink_featured_images( $html, $post_id, $post_image_id ) {

If (! is_singular()) { 
	
$html = '<a href="' . get_permalink( $post_id ) . '" title="' . esc_attr( get_the_title( $post_id ) ) . '">' . $html . '</a>';
return $html;

} else { 

return $html;

}

}
add_filter( 'post_thumbnail_html', 'wpb_autolink_featured_images', 10, 3 );

Po zapisaniu pliku zmiany zostają automatycznie wdrożone. Wystarczy już tylko odświeżyć stronę. Zarówno dodawanie linków do miniaturek wpisów i podstron jak i usuwanie ich może być przez nas wielokrotnie zmieniane. Wystarczy tylko dodać bądź skasować podane tutaj kawałki kodu PHP.

Jeżeli natomiast nie chcemy korzystać z kodu opcjonalnie możemy to samo osiągnąć za pomocą wtyczki. Darmowe rozszerzenie Embed Image Links pozwala na szybkie ustawienie linkowania dla grafik wyróżniających wpisy i podstrony na naszej witrynie czy blogu. Rozwiązanie to jest szybsze i łatwiejsze do wprowadzenia, trzeba jednak zaznaczyć, że samodzielne dodanie kodu jest lepszym i bardziej stabilnym rozwiązaniem niż korzystanie do tak niewielkiej zmiany ze specjalnej wtyczki.

Na zakończenie proponujemy, abyście opisywali swoje metody na linkowanie wewnątrz strony działające w oparciu o Wordpress. Dajcie też znać, jeżeli będziecie mieli jakiekolwiek problemy z wprowadzeniem w życie niniejszego poradnika.