Snippet

Dodaj przyciski udostępniania w mediach społecznościowych do WordPressa w prosty sposób

Jak dodać przyciski mediów społecznościowych do WordPressaNajlepsza wtyczka WordPress do udostępniania w mediach społecznościowychDodaj przyciski udostępniania społecznościowego w WordPressieWtyczka do udostępniania w mediach społecznościowych dla WordPressaDostosuj przyciski udostępniania społecznościowego w WordPressieDodaj ikony mediów społecznościowych w WordPressiePrzyciski udostępniania w mediach społecznościowych dla strony WordPressOpcje udostępniania w mediach społecznościowych w WordPressieZintegrować przyciski mediów społecznościowych w WordPressieKonfiguracja wtyczki mediów społecznościowych w WordPressie

Objaśnienie

Aby dodać przyciski udostępniania w mediach społecznościowych do swojej witryny WordPress, ten kod załatwia sprawę, wykorzystując ikony Font Awesome. Oto jak to działa:

  • Ładowanie ikon: Kod najpierw ładuje Font Awesome, który dostarcza ikony dla przycisków mediów społecznościowych.
  • Wyświetlanie przycisków: Dodaje przyciski dla Facebooka, Twittera, LinkedIn oraz e-maila na końcu każdego wpisu na blogu. Te przyciski umożliwiają odwiedzającym łatwe udostępnianie Twojej treści.
  • Stylizacja: Przyciski są stylizowane, aby wyglądały schludnie i mają efekt najechania, który zmienia ich kolor, co czyni je bardziej interaktywnymi.

Te przyciski będą się pojawiać tylko na stronach poszczególnych wpisów, a nie na stronie głównej ani na stronach archiwalnych. Linki są ustawione tak, aby otwierały się w nowej karcie, co zapewnia, że użytkownicy pozostaną na Twojej stronie podczas udostępniania.

Kod

1<?php 2// Function to enqueue necessary styles and scripts for social media buttons 3function wp_dudecom_enqueue_social_media_scripts() { 4 // Enqueue Font Awesome for social media icons 5 wp_enqueue_style('font-awesome', 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css'); 6} 7add_action('wp_enqueue_scripts', 'wp_dudecom_enqueue_social_media_scripts'); 8 9// Function to display social media sharing buttons 10function wp_dudecom_display_social_share_buttons($content) { 11 if (is_single()) { 12 $social_buttons = '<div class="wp-dudecom-social-share">'; 13 $social_buttons .= '<a href="https://www.facebook.com/sharer/sharer.php?u=' . get_permalink() . '" target="_blank" rel="noopener noreferrer"><i class="fab fa-facebook-f"></i></a>'; 14 $social_buttons .= '<a href="https://twitter.com/intent/tweet?url=' . get_permalink() . '&text=' . get_the_title() . '" target="_blank" rel="noopener noreferrer"><i class="fab fa-twitter"></i></a>'; 15 $social_buttons .= '<a href="https://www.linkedin.com/shareArticle?mini=true&url=' . get_permalink() . '&title=' . get_the_title() . '" target="_blank" rel="noopener noreferrer"><i class="fab fa-linkedin-in"></i></a>'; 16 $social_buttons .= '<a href="mailto:?subject=' . get_the_title() . '&body=' . get_permalink() . '" target="_blank" rel="noopener noreferrer"><i class="fas fa-envelope"></i></a>'; 17 $social_buttons .= '</div>'; 18 19 $content .= $social_buttons; 20 } 21 return $content; 22} 23add_filter('the_content', 'wp_dudecom_display_social_share_buttons'); 24 25// Function to add custom styles for social media buttons 26function wp_dudecom_social_share_styles() { 27 echo '<style> 28 .wp-dudecom-social-share { 29 margin-top: 20px; 30 display: flex; 31 gap: 10px; 32 } 33 .wp-dudecom-social-share a { 34 text-decoration: none; 35 color: #333; 36 font-size: 20px; 37 transition: color 0.3s; 38 } 39 .wp-dudecom-social-share a:hover { 40 color: #0073aa; 41 } 42 </style>'; 43} 44add_action('wp_head', 'wp_dudecom_social_share_styles'); 45?>

Instrukcja

Aby dodać przyciski udostępniania w mediach społecznościowych do swojej strony WordPress, wykonaj następujące kroki:

Lokalizacja pliku: Dodaj kod do pliku functions.php swojego motywu lub do pliku własnej wtyczki.

Wymagania wstępne: Upewnij się, że masz dostęp do plików motywu WordPress lub do własnej wtyczki, w której możesz dodać kod PHP.

Kroki implementacji:

  1. Dostęp do panelu WordPress: Zaloguj się do panelu administracyjnego WordPress.
  2. Przejdź do Edytora motywu: Przejdź do Wygląd > Edytor motywu. Jeśli wolisz używać wtyczki, przejdź do Wtyczki > Dodaj nową i zainstaluj wtyczkę taką jak "Code Snippets", aby bezpiecznie dodać niestandardowy kod.
  3. Otwórz functions.php: W Edytorze motywu zlokalizuj i otwórz plik functions.php z listy po prawej stronie. Jeśli używasz wtyczki, dodaj nowy fragment kodu.
  4. Wklej kod: Skopiuj podany kod i wklej go na końcu pliku functions.php lub w nowym fragmencie kodu.
  5. Zapisz zmiany: Kliknij Aktualizuj plik, aby zapisać zmiany. Jeśli używasz wtyczki, zapisz fragment kodu.
  6. Zweryfikuj implementację: Odwiedź pojedynczy post na swojej stronie, aby upewnić się, że przyciski mediów społecznościowych pojawiają się na końcu treści.

Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej personalizacji, rozważ skontaktowanie się z wp-dude.com w celu uzyskania profesjonalnej pomocy w zakresie implementacji WordPress i zaawansowanych funkcji.