Zintegruj system komentarzy Disqus na swojej stronie WordPress

Jak dodać Disqus do WordPressa; Zainstaluj system komentarzy Disqus w WordPressie; Konfiguracja wtyczki Disqus w WordPressie; Integracja komentarzy Disqus w WordPressie; Samouczek dotyczący systemu komentarzy Disqus w WordPressie; Użyj Disqus do komentarzy w WordPressie; Przewodnik instalacji Disqus w WordPressie; Zamień komentarze WordPressa na Disqus; Integracja systemu komentarzy Disqus w WordPressie; Konfiguracja Disqus na stronie WordPress;

Objaśnienie

Aby wymienić domyślny system komentarzy WordPress na Disqus, musisz wykonać kilka prostych kroków. Ten kod pomoże Ci to zrobić, integrując Disqus w Twojej witrynie WordPress w sposób bezproblemowy.

Oto, co robi ten kod:

  • Sprawdza, czy jesteś na pojedynczym poście lub stronie. Jeśli tak, zastępuje domyślne komentarze WordPress systemem Disqus.
  • Musisz zastąpić 'your-disqus-shortname' swoim rzeczywistym shortname Disqus. To unikalny identyfikator Twojego konta Disqus.
  • Kod konfiguruje Disqus do ładowania na Twoich stronach, osadzając skrypt, który pobiera system komentarzy Disqus.
  • Zapewnia również, że skrypt licznika komentarzy Disqus jest ładowany w stopce Twojej witryny, co pomaga wyświetlić liczbę komentarzy na Twoich postach.

Po dodaniu tego kodu, Disqus zajmie się wszystkimi Twoimi potrzebami związanymi z komentarzami, zapewniając bardziej interaktywne i angażujące doświadczenie dla Twoich odwiedzających. Upewnij się tylko, że JavaScript jest włączony w przeglądarkach Twoich gości, ponieważ Disqus polega na nim, aby wyświetlać komentarze.

Kod

// Function to integrate Disqus comment system into WordPress
function wp_dudecom_add_disqus_comments() {
    // Check if we are on a single post or page
    if (is_single() || is_page()) {
        // Replace the default WordPress comments template with Disqus
        remove_filter('comments_template', 'wp_comments_template');
        add_filter('comments_template', 'wp_dudecom_disqus_comments_template');
    }
}

// Custom function to load Disqus comments template
function wp_dudecom_disqus_comments_template($comment_template) {
    // Ensure Disqus shortname is set
    $disqus_shortname = 'your-disqus-shortname'; // Replace with your Disqus shortname

    // Output Disqus embed code
    echo '<div id="disqus_thread"></div>';
    echo '<script>';
    echo 'var disqus_config = function () {';
    echo 'this.page.url = "' . get_permalink() . '";'; // Set the page URL
    echo 'this.page.identifier = "' . get_the_ID() . '";'; // Set the page identifier
    echo '};';
    echo '(function() {'; // Load the Disqus embed script
    echo 'var d = document, s = d.createElement("script");';
    echo 's.src = "https://' . $disqus_shortname . '.disqus.com/embed.js";';
    echo 's.setAttribute("data-timestamp", +new Date());';
    echo '(d.head || d.body).appendChild(s);';
    echo '})();';
    echo '</script>';
    echo '<noscript>Please enable JavaScript to view the comments powered by Disqus.</noscript>';

    // Return an empty string to prevent loading the default comments template
    return '';
}

// Hook the function to the appropriate WordPress action
add_action('wp', 'wp_dudecom_add_disqus_comments');

// Ensure Disqus comments count script is loaded in the footer
function wp_dudecom_disqus_comments_count_script() {
    $disqus_shortname = 'your-disqus-shortname'; // Replace with your Disqus shortname
    echo '<script id="dsq-count-scr" src="https://' . $disqus_shortname . '.disqus.com/count.js" async></script>';
}

// Hook the comments count script to wp_footer
add_action('wp_footer', 'wp_dudecom_disqus_comments_count_script');

Instrukcja

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

Wymagania wstępne:

  • Utwórz konto Disqus, jeśli jeszcze go nie masz.
  • Pobierz swoją nazwę krótką Disqus z ustawień swojego konta Disqus.

Kroki wdrożenia:

  1. Otwórz panel administracyjny WordPressa i przejdź do Wygląd > Edytor motywu lub użyj klienta FTP, aby uzyskać dostęp do plików swojego motywu.
  2. Znajdź i otwórz plik functions.php aktywnego motywu.
  3. Skopiuj i wklej podany kod do pliku functions.php.
  4. Zamień 'your-disqus-shortname' na swoją rzeczywistą nazwę krótką Disqus w kodzie.
  5. Zapisz zmiany w pliku functions.php.
  6. Odwiedź pojedynczy post lub stronę na swojej witrynie, aby upewnić się, że komentarze Disqus są wyświetlane zamiast domyślnych komentarzy WordPressa.

Jeśli napotkasz jakiekolwiek problemy lub potrzebujesz dalszej pomocy, rozważ skontaktowanie się z wp-dude.com w celu uzyskania fachowej pomocy przy wdrożeniu lub zaawansowanej funkcjonalności.