Dodaj wsparcie dla Twitter Cards w WordPressie, aby poprawić udostępnianie
Objaśnienie
Aby sprawić, że Twoja strona WordPress będzie się wyróżniać na Twitterze, możesz dodać Karty Twittera. To jak małe podglądy Twojej treści, które pojawiają się, gdy ktoś udostępnia Twój link na Twitterze. Oto jak działa kod, aby je dodać:
- Podpięcie do 'wp_head': Oznacza to, że dodajemy dodatkowe informacje do sekcji nagłówka HTML Twojej strony. To jak umieszczanie etykiety na Twojej treści, aby Twitter wiedział, co wyświetlić.
- Sprawdzenie, czy to pojedynczy post lub strona: Kod dodaje Karty Twittera tylko do pojedynczych postów lub stron, a nie do strony głównej ani archiwów.
- Pobranie szczegółów posta: Zbiera tytuł, krótki opis (albo fragment, albo skróconą wersję treści) oraz wyróżniony obrazek posta.
- Nazwa strony: Zawiera również nazwę Twojej strony, aby nadać kontekst treści.
- Tagi meta: To fragmenty kodu, które informują Twitter, co wyświetlić. Zawierają typ karty (duże podsumowanie obrazu), tytuł, opis, obrazek i Twój identyfikator na Twitterze.
Pamiętaj, aby zastąpić @twoj_nazwa_uzytkownika_twittera swoim rzeczywistym nazwiskiem użytkownika na Twitterze. W ten sposób Twitter wie, do kogo należy treść.
Gdy to zostanie skonfigurowane, za każdym razem, gdy ktoś udostępni Twój post na Twitterze, będzie wyglądać schludnie i profesjonalnie, co pomoże Ci się wyróżnić i przyciągnąć więcej kliknięć!
Kod
<?php
// Hook into 'wp_head' to add Twitter Card meta tags
add_action('wp_head', 'wp_dudecom_add_twitter_cards_meta_tags');
/**
* Add Twitter Card meta tags to the head section of the page.
*/
function wp_dudecom_add_twitter_cards_meta_tags() {
if (is_single() || is_page()) {
global $post;
// Ensure the post object is available
if (!isset($post)) {
return;
}
// Get the post title
$title = get_the_title($post->ID);
// Get the post excerpt or content
$description = has_excerpt($post->ID) ? get_the_excerpt($post->ID) : wp_trim_words($post->post_content, 30);
// Get the post thumbnail URL
$thumbnail = has_post_thumbnail($post->ID) ? get_the_post_thumbnail_url($post->ID, 'full') : '';
// Get the site name
$site_name = get_bloginfo('name');
// Output the Twitter Card meta tags
echo '<meta name="twitter:card" content="summary_large_image" />';
echo '<meta name="twitter:title" content="' . esc_attr($title) . '" />';
echo '<meta name="twitter:description" content="' . esc_attr($description) . '" />';
echo '<meta name="twitter:image" content="' . esc_url($thumbnail) . '" />';
echo '<meta name="twitter:site" content="@your_twitter_handle" />'; // Replace with your Twitter handle
echo '<meta name="twitter:creator" content="@your_twitter_handle" />'; // Replace with your Twitter handle
}
}
?>Instrukcja
Aby dodać wsparcie dla Twitter Cards na swojej stronie WordPress, wykonaj następujące kroki:
Lokalizacja pliku: Musisz edytować plik functions.php swojego aktywnego motywu lub stworzyć plik własnej wtyczki.
Wymagania wstępne: Upewnij się, że masz dostęp do plików swojej strony WordPress, korzystając z menedżera plików lub klienta FTP.
Kroki wdrożenia:
- Dostęp do plików WordPress:
- Zaloguj się do panelu administracyjnego WordPress.
- Przejdź do Wygląd > Edytor motywu, jeśli edytujesz plik
functions.php, lub użyj klienta FTP, aby uzyskać dostęp do katalogu swojego motywu.
- Edytuj plik
functions.php:- Znajdź i otwórz plik
functions.phpswojego aktywnego motywu. - Przewiń na dół pliku i wklej podany fragment kodu.
- Znajdź i otwórz plik
- Zamień nazwę użytkownika Twitter:
- W kodzie znajdź
@your_twitter_handlei zamień go na swoją rzeczywistą nazwę użytkownika Twitter.
- W kodzie znajdź
- Zapisz zmiany:
- Kliknij Aktualizuj plik, aby zapisać zmiany, jeśli korzystasz z Edytora motywu, lub prześlij zmodyfikowany plik z powrotem na serwer, jeśli używasz FTP.
- Przetestuj swoje wdrożenie:
- Odwiedź pojedynczy post lub stronę na swojej witrynie.
- Skorzystaj z narzędzia takiego jak Twitter Card Validator, aby sprawdzić, czy metatagi Twitter Card zostały poprawnie dodane.
Postępując zgodnie z tymi krokami, Twoja strona WordPress będzie teraz wspierać Twitter Cards, co poprawi sposób, w jaki Twoje treści będą się wyświetlać podczas udostępniania na Twitterze.
Jeśli potrzebujesz dalszej pomocy lub chcesz zgłębić bardziej zaawansowane funkcjonalności, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy.