Snippet

Osadzenie filmu YouTube w określonym miejscu motywu WordPress

Jak osadzić film z YouTube w pasku bocznym WordPressaOsadzenie filmu z YouTube w stopce WordPressaDodanie filmu z YouTube do nagłówka WordPressaWstawienie filmu z YouTube w motywie WordPressaUmieszczenie filmu z YouTube w obszarze widgetów WordPressaOsadzenie filmu z YouTube w niestandardowej lokalizacji WordPressaJak dodać film z YouTube do szablonu strony WordPressaOsadzenie filmu z YouTube w pliku motywu WordPressaIntegracja filmu z YouTube w motywie WordPressaDostosowanie umiejscowienia filmu z YouTube w WordPressie

Objaśnienie

Chcesz umieścić film z YouTube w różnych częściach swojej strony WordPress? Ten kod pomoże Ci to zrobić, osadzając wideo w różnych lokalizacjach motywu, takich jak pasek boczny, stopka, nagłówek i inne.

Oto jak to działa:

  • Funkcja osadzania: Funkcja przyjmuje identyfikator wideo z YouTube oraz opcjonalne szerokość i wysokość, aby wygenerować kod osadzenia. Zapewnia, że identyfikator wideo jest bezpieczny do użycia.
  • Pasek boczny: Dodaje wideo do paska bocznego, korzystając z określonego haka akcji.
  • Stopka: Umieszcza wideo w obszarze stopki, co sprawia, że jest widoczne na dole Twojej strony.
  • Nagłówek: Wyświetla wideo na górze Twojej strony, podłączając się do nagłówka.
  • Obszar widżetów: Wstawia wideo do niestandardowego obszaru widżetów, jeśli masz go skonfigurowanego.
  • Niższa lokalizacja: Pozwala określić dowolną niestandardową lokalizację w Twoim motywie, aby pokazać wideo.
  • Szablon strony: Osadza wideo w określonym szablonie strony, co jest przydatne dla stron o niestandardowym projekcie.

Aby z tego skorzystać, zastąp 'YOUR_VIDEO_ID_HERE' rzeczywistym identyfikatorem wideo z YouTube, które chcesz osadzić. Ten identyfikator to unikalna część adresu URL YouTube po watch?v=.

Każda funkcja jest powiązana z hakiem akcji WordPress, który określa, gdzie wideo się pojawi. Upewnij się, że Twój motyw obsługuje te haki lub dostosuj je do struktury swojego motywu.

Kod

1<?php 2// Function to embed a YouTube video in a specific theme location 3function wp_dudecom_embed_youtube_video($video_id, $width = 560, $height = 315) { 4 // Sanitize the video ID to prevent XSS attacks 5 $video_id = esc_attr($video_id); 6 7 // Return the YouTube embed code 8 return '<iframe width="' . intval($width) . '" height="' . intval($height) . '" src="https://www.youtube.com/embed/' . $video_id . '" frameborder="0" allowfullscreen></iframe>'; 9} 10 11// Add YouTube video to the sidebar 12function wp_dudecom_add_youtube_to_sidebar() { 13 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 14} 15add_action('wp_sidebar', 'wp_dudecom_add_youtube_to_sidebar'); 16 17// Add YouTube video to the footer 18function wp_dudecom_add_youtube_to_footer() { 19 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 20} 21add_action('wp_footer', 'wp_dudecom_add_youtube_to_footer'); 22 23// Add YouTube video to the header 24function wp_dudecom_add_youtube_to_header() { 25 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 26} 27add_action('wp_head', 'wp_dudecom_add_youtube_to_header'); 28 29// Add YouTube video to a custom widget area 30function wp_dudecom_add_youtube_to_widget_area() { 31 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 32} 33add_action('wp_widget_area', 'wp_dudecom_add_youtube_to_widget_area'); 34 35// Add YouTube video to a custom theme location 36function wp_dudecom_add_youtube_to_custom_location() { 37 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 38} 39add_action('wp_custom_location', 'wp_dudecom_add_youtube_to_custom_location'); 40 41// Add YouTube video to a page template 42function wp_dudecom_add_youtube_to_page_template() { 43 echo wp_dudecom_embed_youtube_video('YOUR_VIDEO_ID_HERE'); 44} 45add_action('wp_page_template', 'wp_dudecom_add_youtube_to_page_template'); 46?>

Instrukcja

Lokalizacja pliku: functions.php lub plik niestandardowej wtyczki

Wymagania wstępne:

  • Podstawowa znajomość struktury motywu WordPress.
  • Dostęp do plików motywu WordPress lub pliku niestandardowej wtyczki.

Kroki wdrożenia:

  1. Otwórz plik functions.php swojego motywu WordPress lub stwórz nowy plik niestandardowej wtyczki, jeśli wolisz oddzielić modyfikacje motywu.
  2. Skopiuj podany fragment kodu do pliku.
  3. Zamień 'YOUR_VIDEO_ID_HERE' na rzeczywisty identyfikator wideo YouTube, który chcesz osadzić. Ten identyfikator znajduje się w adresie URL YouTube po watch?v=.
  4. Określ, gdzie chcesz, aby wideo pojawiło się na Twojej stronie:
    • Pasek boczny: Upewnij się, że Twój motyw obsługuje hak akcji wp_sidebar.
    • Stopka: Upewnij się, że Twój motyw obsługuje hak akcji wp_footer.
    • Nagłówek: Upewnij się, że Twój motyw obsługuje hak akcji wp_head.
    • Obszar widżetów: Upewnij się, że Twój motyw obsługuje hak akcji wp_widget_area.
    • Niższa lokalizacja: Upewnij się, że Twój motyw obsługuje hak akcji wp_custom_location.
    • Szablon strony: Upewnij się, że Twój motyw obsługuje hak akcji wp_page_template.
  5. Zapisz zmiany w pliku.
  6. Odwiedź swoją stronę WordPress, aby zweryfikować, że wideo pojawia się w żądanej lokalizacji.

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