Jak WordPress pozwala na wstawianie fragmentów kodu

Jeśli chcesz wyświetlić sekcje kodu w swoim poście w WordPressie, być może dlatego, że Twoja firma sprzedaje wtyczki lub oprogramowanie zaprojektowane do modyfikowania przez użytkowników, być może trochę frustrujesz. Jeśli wpiszesz kod w trybie "Visual" edytora WordPress, będzie on wyświetlany jako kod, ale nie będzie uruchamiany jako kod. W większości przypadków jest to w porządku, ale jeśli potrzebujesz uruchomić kod, wyświetlając innym użytkownikom kod, potrzebujesz sposobu, aby poinformować WordPress, który kod przeczytać i który wyświetlić. Istnieje kilka rozwiązań tego problemu, które możesz wypróbować.

`Tags`

Każdy kod umieszczony między znacznikami kodowymi będzie wyświetlany w typie bez ramki. Prawidłowe formatowanie jest następujące:

Your code here

To formatowanie jest świetnym sposobem na wyróżnienie kodu z reszty tekstu i jest w większości przypadków odpowiednim rozwiązaniem. Znaczniki kodów można dostosować w arkuszu stylów i można ich używać w zdaniu. Jednym z ważnych ograniczeń są jednak znaczniki HTML. Jakikolwiek kod HTML między dwoma tagami kodowymi będzie działał normalnie, czyniąc to podejście bezużytecznym do wyświetlania kodu HTML swoim czytelnikom.

Kod znaków

Po wstawieniu kodu do trybu "Visual" edytora WordPress symbole w kodzie są zamieniane na kody postaci. Zapobiega to odczytaniu kodu jako kodu, jednocześnie umożliwiając jego wyświetlenie w poście. Możesz ręcznie zastosować tę samą metodę w trybie "HTML" edytora, co przyniesie takie same wyniki, ale nadal pozwoli ci umieścić kod, który chcesz, aby WordPress działał w poście. Aby użyć tej metody, zamień następujące symbole na odpowiedni kod postaci:

<= <

=> / = /

] =] [= ["=" '='

 Tagi

Znaczniki pre działają w podobny sposób jak znaczniki kodu, z tym że każdy tekst w nich będzie odtworzony dokładnie tak, jak się pojawi. Oznacza to, że w przeciwieństwie do znaczników kodowych są one odpowiednie do użycia z kodem HTML. Są używane w następujący sposób:

 Twój kod tutaj

Podobnie jak w przypadku znaczników kodowych, znaczniki pre mogą być stylizowane w arkuszu stylów, ale lepiej nadają się do wyświetlania bloków kodu niż znaczników kodu, ponieważ zachowują nienaruszone podziały wierszy. Zwróć uwagę, że ponieważ wiersze linii są dokładnie przestrzegane, wiersze kodu, które są zbyt długie, aby zmieścić się w obszarze zawartości, nie będą zawijane w celu dopasowania.

cytaty

Znaki cudzysłowu reprezentują szczególny przypadek podczas wyświetlania kodu w postach. WordPress automatycznie styluje cytaty wokół kawałka tekstu w otwarciu i zamknięciu cudzysłowów. To jest świetne w poście na blogu, ale te znaki nie są rozpoznawane w programowaniu, więc kiedy twoi czytelnicy skopiują i wkleją kod, to nie zadziała. Zamiast tego upewnij się, że używasz tagów pre dla każdego fragmentu tekstu zawierającego cudzysłowy lub zastąp cytat swoim kodem znaku. Tak więc:

stałoby się to: