Zintegruj system komentarzy Disqus na swojej 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:
- 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.
- Znajdź i otwórz plik
functions.php
aktywnego motywu. - Skopiuj i wklej podany kod do pliku
functions.php
. - Zamień
'your-disqus-shortname'
na swoją rzeczywistą nazwę krótką Disqus w kodzie. - Zapisz zmiany w pliku
functions.php
. - 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.