Jak dodać przycisk wideo WordPress do archiwum wpisu krok po kroku

Dlaczego warto osadzać wideo na stronie?

Wideo skutecznie przyciąga uwagę użytkowników i zwiększa ich zaangażowanie. W czasach natłoku informacji format wideo jest bardziej przystępny niż długi tekst. Możliwość obejrzenia filmu bezpośrednio po przeczytaniu artykułu zwiększa wartość wpisu. Dodając przycisk wideo WordPress, zapewniasz odbiorcom dostęp do materiału w przystępny sposób. To rozwiązanie pasuje do blogów kulinarnych, technologicznych czy edukacyjnych.

Co robi ten kod i jak go wdrożyć?

Prezentowany kod dodaje pole tekstowe do edytora wpisu WordPress. Administrator może wprowadzić tam link do filmu z dowolnej platformy. Wprowadzone dane są bezpiecznie zapisywane jako metadane przypisane do posta. Kolejna część kodu automatycznie wstawia przycisk wideo WordPress na końcu wpisu. Przycisk pojawia się tylko wtedy, gdy faktycznie dodano link do filmu. To zabezpieczenie eliminuje puste elementy w układzie strony.

Gdzie i kiedy przycisk się pojawia?

Przycisk wyświetlany jest wyłącznie na stronach pojedynczych wpisów. Dzięki temu nie zaśmieca stron archiwum ani strony głównej. Link otwiera się w nowej karcie, co jest korzystne z punktu widzenia użytkownika. Nie opuszcza on strony, lecz ogląda film równolegle. To prosty sposób na uzupełnienie treści o atrakcyjny materiał wizualny. Funkcja ta może również zwiększyć czas przebywania na stronie i współczynnik zaangażowania.

Jak dopasować wygląd przycisku do motywu?

Wygląd przycisku można w pełni modyfikować poprzez CSS. Możesz zmienić jego kolor, rozmiar, czcionkę i kształt. To oznacza, że przycisk wideo WordPress może wyglądać dokładnie tak, jak chcesz. Z łatwością dopasujesz go do stylu swojego bloga. Wystarczy dodać własne klasy lub nadpisać domyślne style. Kod nie wpływa na wydajność strony, jest lekki i nie wymaga dodatkowych wtyczek.

Podsumowanie

Wdrożenie takiej funkcjonalności to prosty sposób na rozwinięcie bloga. Przycisk wideo WordPress pozwala połączyć treści pisane z dynamicznymi materiałami filmowymi. Zyskujesz profesjonalny wygląd, dodatkową wartość dla czytelnika i lepsze SEO. To rozwiązanie, które warto wprowadzić nawet w prostych blogach osobistych.

Zobacz również: Jak dodać filtr postów WordPress i wyświetlić je na stronie bez wtyczek

// Dodanie pola "Link do wideo" w edycji wpisu
function add_video_link_meta_box() {
    add_meta_box(
        'video_link_meta_box',
        'Link do wideo',
        'display_video_link_meta_box',
        'post',
        'normal',
        'high'
    );
}
add_action('add_meta_boxes', 'add_video_link_meta_box');

// Wyświetlenie pola "Link do wideo" w panelu edycji wpisu
function display_video_link_meta_box($post) {
    $video_link = get_post_meta($post->ID, '_video_link', true);
    ?>
    <label for="video_link_field">Wklej link do wideo:</label>
    <input type="url" id="video_link_field" name="video_link_field" value="<?php echo esc_url($video_link); ?>" style="width:100%;">
    <?php
}

// Zapisanie wartości pola "Link do wideo"
function save_video_link_meta_box($post_id) {
    if (isset($_POST['video_link_field'])) {
        update_post_meta($post_id, '_video_link', esc_url_raw($_POST['video_link_field']));
    }
}
add_action('save_post', 'save_video_link_meta_box');

// // Wyświetlenie przycisku "ZOBACZ VIDEO" na frontendzie
function display_video_button_on_frontend($content) {
    if (is_single()) {
        $video_link = get_post_meta(get_the_ID(), '_video_link', true);
        if (!empty($video_link)) {
            $button = '<div class="video-button-container">';
            $button .= '<a href="' . esc_url($video_link) . '" target="_blank" class="video-button">ZOBACZ VIDEO</a>';
            $button .= '</div>';
            $content .= $button;
        }
    }
    return $content;
}
add_filter('the_content', 'display_video_button_on_frontend');