Jak wyświetlić kod w postach WordPress

Domyślnie WordPress automatycznie teksturuje lub interpretuje kod HTML lub PHP w blogach i na stronach. Może to stanowić problem dla blogerów WordPressa, którzy chcą wyświetlać kod programowania w swoich blogach, na przykład w celach instruktażowych, bez konieczności interpretowania i konwersji kodu przez oprogramowanie WordPress. Istnieją dwa rozwiązania tego problemu: wpisz kod ręcznie za pomocą znaków HTML i użyj natywnego WordPressa

 tagi lub możesz zainstalować wtyczkę, która automatyzuje wpisy kodu za pomocą określonego wstępnie zaprogramowanego tagu. Jedna wysoce zalecana wtyczka nosi nazwę SyntaxHighlighter Evolved, zaprojektowaną przez oficjalnego programistę WordPressa, Alexa Millsa.
Użyj elementów znaku HTML i znacznika "Pre" 
1. 
Zaloguj się na swoim blogu WordPress i utwórz nowy post. Użyj funkcji Visual Editor; jego zakładka znajduje się w prawym górnym rogu pola wprowadzania tekstu.
2. 
Kliknij strzałkę w dół w drugim wierszu paska sieci o nazwie "Format". Wybierz "Preformatowany" z listy. Wstępnie sformatowane ustawienie przekształci Twój tekst na typ monospace i zachowa encje znaków HTML lub PHP.
3. 
Wpisz kod w polu tekstowym, używając znaków kodu dla określonych znaków. Na przykład użyj tych encji znakowych dla niektórych z bardziej popularnych typów kodu:
"=" <= <
=> / = / - = -
] =] [= [• = •
Zainstaluj wtyczkę SyntaxHighlighter Evolved 
1. 
Zaloguj się do swojego bloga WordPress. Kliknij link "Wtyczki" z menu pulpitu. Wybierz "Dodaj nowy".
2. 
Wpisz "SyntaxHighlighter Evolved" w polu wyszukiwania. Kliknij "Wyszukaj teraz". Poszukaj wtyczki na liście i kliknij "Zainstaluj teraz". Kliknij "OK" w oknie potwierdzenia. Zezwalaj na instalację wtyczki.
3. 
Aktywuj wtyczkę, klikając link "Aktywuj wtyczkę".
4. 
Uzyskaj dostęp do ustawień SyntaxHighlighter Evolved, klikając "Ustawienia" w menu pulpitu. Kliknij "SyntaxHighlighter Evolved" na liście. Dostosuj ustawienia do swoich potrzeb i po zakończeniu kliknij "Zapisz zmiany".
5. 
Utwórz nowy wpis na blogu. Aby wstawić i wyświetlić kod, wpisz swój kod między dwoma tagami shortcode. Na przykład, aby wyświetlić kod HTML w swoim wpisie WordPress, wpisz krótki [html], swój kod HTML i końcowy tag shortcode, [/ html]. Na przykład: [html] 
Na początku 
 [/ html]. Dodatkowe kody można znaleźć na stronie ustawień SyntaxHighlighter Evolved. Shortcodes są wymienione na dole strony.
Rzeczy potrzebne 
Nazwa użytkownika i hasło WordPress
Wskazówka 
WordPress udostępnia widget kodera dla blogerów, którzy niechętnie uczą się i używają nużących typów jednostek znakowych (patrz Zasoby dla łącza). Wpisz tekst HTML lub PHP do pola tekstowego Encoder Widget i kliknij "Zakoduj!" Widżet przekształci Twój tekst w odpowiednie jednostki znaków HTML. Skopiuj i wklej wyniki do swojego posta na blogu za pomocą tagów "pre".
Ostrzeżenie 
Korzystając ze znaczników "pre", WordPress dosłownie i dokładnie powiela twój kod w trakcie pisania. Jeśli twój kod zawiera długie ciągi nieprzerwanego kodu, WordPress spowoduje, że kod będzie działał poziomo poza stroną i będzie niedostępny dla twoich czytelników. W takim przypadku dodaj podział wiersza, jeśli to możliwe, w obrębie tych długich łańcuchów, naciskając klawisz "Enter" na klawiaturze. To może nie być możliwe w niektórych przypadkach, ponieważ może złamać kod. W takim przypadku wtyczka może być lepiej dopasowana do Twojego bloga WordPress.