Jako blog WordPress skupiający się na budowaniu stron internetowych, czasami spotykamy czytelników, którzy chcą wkleić fragment kodu lub udostępnić fragment kodu w komentarzach.
Jednak WordPress nie posiada wbudowanego podświetlania składni dla komentarzy, postów ani stron, co może być trudne zarówno dla komentującego, jak i dla innych czytelników próbujących zrozumieć kod.
Na szczęście znaleźliśmy łatwy sposób na rozwiązanie tego problemu. W tym artykule pokażemy Ci, jak łatwo dodać podświetlanie składni w komentarzach WordPress.
Dlaczego i kiedy potrzebujesz podświetlania składni w komentarzach WordPress?
Podświetlanie składni to sposób na poprawę wyglądu kodu i ułatwienie jego zrozumienia. Dodaje kolory i numery linii do fragmentów kodu, czyniąc je bardziej czytelnymi. Oto przykład:
<html>
<head>
<title>My Awesome Website</title>
</head>
<body>
<h1>Welcome to My Homepage</h1>
</body>
</html>
Jeśli masz bloga WordPress o tworzeniu stron internetowych lub kodowaniu, włączenie podświetlania składni w komentarzach WordPress jest ważne. Dzięki temu czytelnicy mogą łatwo pisać kod w czytelny sposób.
Zachęci to ich do pozostawiania większej liczby komentarzy i udostępniania własnych fragmentów kodu. Nie tylko sprawia to, że komentarze są ciekawsze, ale także buduje poczucie zaangażowania społeczności.
Dodatkowo, jeśli Twoi czytelnicy potrzebują pomocy, mogą łatwo wstawić kod w komentarzu w sposób, który jest atrakcyjny wizualnie i łatwy do zrozumienia dla innych komentujących.
Mając to na uwadze, zobaczmy, jak możesz dodać podświetlanie składni w formularzu komentarza na swojej stronie internetowej WordPress.
Krok 1: Zainstaluj wtyczkę Syntax Highlighter Evolved
Najłatwiejszym sposobem dodania podświetlania składni w WordPress jest wtyczka Syntax Highlighter Evolved. Jest ona bardzo łatwa w użyciu i pozwala włączyć podświetlanie składni w postach, stronach i komentarzach WordPress.
W WPBeginner używamy tej wtyczki do wstawiania i wyświetlania fragmentów kodu. Możesz przeczytać nasz artykuł o tym, dlaczego używamy Syntax Highlighter Evolved, aby uzyskać więcej szczegółów.
Najpierw musisz zainstalować i aktywować wtyczkę Syntax Highlighter Evolved. Aby uzyskać więcej informacji, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Po zakończeniu możesz edytować post lub stronę i dodawać kod za pomocą podświetlania składni. Oto jak to wygląda w edytorze bloków:
Więcej o korzystaniu z wtyczki Syntax Highlighter Evolved dowiesz się z naszego artykułu o tym, jak wyświetlać kod w WordPress.
Domyślnie Syntax Highlighter Evolved pozwala odwiedzającym dodawać kod w swoich komentarzach, ale ten kod musi być opakowany w shortcody.
Te skrócone kody noszą nazwy wszystkich popularnych języków programowania i skryptowych. Oznacza to, że komentujący musi po prostu otoczyć swój kod w nawiasach kwadratowych zawierających nazwę języka.
Na przykład, jeśli chcesz opublikować komentarz zawierający kod PHP, użyjesz następującego kodu:
Hi everyone. I need help with this PHP code: [php]
<?PHP
private function get_time_tags() {
$time = get_the_time('d M, Y');
return $time;
}
?>
[/php]Podobnie, jeśli chcesz opublikować jakiś kod HTML jako komentarz, musisz go umieścić w krótkim kodzie HTML:
Hey there! Could anyone check this code snippet? [html]<a href="https://example.com">Demo website>/a>[/html]Teraz to, co czyni to trudnym, to fakt, że użytkownicy nie będą wiedzieć, że mogą faktycznie używać podświetlania składni z tymi skróconymi kodami. Musisz ich więc o tym poinformować za pomocą komunikatu.
Krok 2: Dodaj powiadomienie o podświetlaniu składni w formularzu komentarzy
Aby poinformować komentujących o funkcji podświetlania składni, musisz dodać komunikat informacyjny nad swoim formularzem komentarza, w następujący sposób:
Możesz to zrobić, dodając niestandardowy fragment kodu do swojej witryny WordPress.
Jeśli czytasz ten tutorial, ponieważ prowadzisz bloga o kodowaniu, to najprawdopodobniej jesteś całkiem biegły w kodowaniu.
Nawet tak, dla najbardziej zaawansowanych użytkowników może być trudno śledzić wszystkie swoje fragmenty kodu. Jeśli nie są one odpowiednio zarządzane, możesz napotkać niektóre typowe błędy WordPress lub całkowicie zepsuć swoją witrynę.
Dlatego zalecamy używanie WPCode do wstawiania niestandardowych fragmentów kodu. Jest to najłatwiejszy i najbezpieczniejszy sposób dodawania niestandardowego kodu w WordPress bez konieczności edycji jakichkolwiek plików rdzeniowych WordPress.
Uwaga: Chociaż dostępna jest bezpłatna wersja WPCode, zalecamy używanie wersji Pro WPCode, ponieważ zapewnia ona dostęp do inteligentnej logiki warunkowej, dostępu do biblioteki fragmentów kodu w chmurze i nie tylko.
Pierwszą rzeczą, którą musisz zrobić, jest zainstalowanie i aktywowanie wtyczki WPCode. Aby uzyskać więcej szczegółów, zapoznaj się z naszym przewodnikiem krok po kroku, jak zainstalować wtyczkę WordPress.
Po aktywacji przejdź do Fragmenty kodu » + Dodaj fragment.
Tutaj zobaczysz wszystkie gotowe fragmenty kodu, które możesz dodać do swojej witryny WordPress.
Ponieważ chcemy dodać własny fragment, najedź kursorem na „Dodaj swój niestandardowy kod (nowy fragment)” i kliknij „+ Dodaj niestandardowy fragment”.
Na początek wprowadź tytuł dla niestandardowego fragmentu kodu. Może to być cokolwiek, co pomoże Ci zidentyfikować fragment.
Następnie otwórz menu rozwijane „Typ kodu” i wybierz „Fragment PHP”.
Teraz po prostu wklej poniższy fragment do edytora kodu:
function wpbeginner_comment_text_before($arg) {
// Add a custom notice to inform users about using shortcodes for syntax highlighting
$arg['comment_notes_before'] .= "<p class='comment-notice'>You can use shortcodes for syntax highlighting when adding code. For example, or </p>";
// Return the modified comment arguments
return $arg;
}
// Add the filter to apply the custom comment modification function
add_filter('comment_form_defaults', 'wpbeginner_comment_text_before');
Następnie otwórz menu rozwijane „Lokalizacja” i kliknij „Uruchom wszędzie”.
Następnie jesteś gotowy, aby przewinąć ekran do góry i kliknąć przełącznik „Nieaktywny”, aby zmienił się na „Aktywny”.
Na koniec kliknij „Zapisz fragment kodu”, aby fragment kodu stał się aktywny.
Ten kod po prostu wyświetla powiadomienie nad polem komentarza w formularzu komentarzy WordPress. Jednak nie zobaczysz tego tekstu po zalogowaniu się na swoje konto, więc będziesz musiał otworzyć nowe okno przeglądarki w trybie incognito lub wylogować się ze swojego konta.
Jeśli chcesz sprawdzić, czy shortcode faktycznie działa, po prostu odwiedź swoją witrynę w trybie incognito, skomentuj post na blogu i użyj shortcode. Gdy komentarz zostanie zatwierdzony i zaakceptowany, powinieneś zobaczyć coś takiego:
Dowiedz się więcej sposobów na zwiększenie zaangażowania w komentarzach
Dodanie możliwości podświetlania składni to nie jedyny sposób na zwiększenie zaangażowania w komentarzach, jeśli prowadzisz bloga o tworzeniu stron internetowych.
Inną wskazówką jest dodanie polubień i niepolubień do swoich komentarzy. Pozwala to czytelnikom łatwo wyrazić swoje opinie na temat konkretnych komentarzy. Może to wywołać dyskusje i podkreślić cenne wkłady ze strony społeczności.
Ponadto możesz powiadamiać użytkowników, gdy otrzymają odpowiedzi na swoje komentarze. Zapewnia to ich zaangażowanie w rozmowę i zachęca do ponownego odwiedzania strony.
Dodatkowo możesz dodać niestandardowe pola do formularza komentarzy. Możesz to zrobić, jeśli chcesz, aby czytelnicy podawali obok swoich komentarzy konkretne informacje, takie jak używany język programowania lub wersja frameworka.
Oto inne wskazówki, które możesz zastosować, aby zwiększyć zaangażowanie w komentarzach:
- Jak wyświetlić najczęściej komentowane posty w WordPressie
- Jak wyróżnić lub ukryć komentarze w WordPress
- Jak przekierować uwagę użytkownika za pomocą przekierowania komentarzy
Mamy nadzieję, że ten artykuł pomógł Ci dodać podświetlanie składni w komentarzach WordPress. Możesz również zapoznać się z naszym przewodnikiem na temat dodawania filmów i innych elementów do komentarzy WordPress oraz naszymi najlepszymi wyborami dotyczącymi najlepszych wtyczek do komentarzy WordPress.
Jeśli podobał Ci się ten artykuł, zasubskrybuj nasz kanał YouTube po samouczki wideo WordPress. Możesz nas również znaleźć na Twitterze i Facebooku.
Jiří Vaněk
Dziękuję za zademonstrowanie możliwości użycia fragmentu kodu. Mam już sporo wtyczek na stronie, które muszę uruchomić, a jednocześnie, ponieważ mam bloga technologicznego, chciałem umożliwić użytkownikom podświetlanie kodu w komentarzach. Używam WP Code do innych fragmentów kodu, które mają ważne znaczenie na stronie, więc możliwość zrobienia tego za pomocą fragmentu kodu jest bardzo przydatna. Jeszcze raz dziękuję, zapiszę fragment kodu do mojej biblioteki kodu dla innych stron.
Yves
Ostatnia aktualizacja 9 miesięcy temu. Nie testowano z najnowszą wersją WordPress.
Wsparcie WPBeginner
W sprawie ostrzeżenia o nietestowaniu, zalecamy zapoznanie się z naszym artykułem poniżej:
https://www.wpbeginner.com/opinion/should-you-install-plugins-not-tested-with-your-wordpress-version/
Admin
Seth
Miły i bardzo informacyjny artykuł. Właśnie włączyłem powiadomienia o aktualizacjach. Dobra robota, chłopaki.
Wsparcie WPBeginner
Glad our article was helpful
Admin