Poprawne wyświetlenie kodu w treści WordPressa

1

Podstawy programowania / Strony www WordPress / Sklepy internetowe WordPress / WordPress edycja.

Zdarza się, że web-deweloperzy prezentują kody html/java lub inne, które wymagają poprawnego wyświetlenia podglądowego: odstępy, kolory, oznaczenia itd. Standardowa opcja wyświetlenia kodu w treści w ramach WordPressa nie zawsze jest w stanie sprostać temu zadaniu. Rozwiązaniem jest zastosowanie znaczników <pre><code>, które wyświetlają kod poprawnie.

Zastosowanie:

znacznik:  <pre><code>

kod:  we.create("software").because(we -> we.love("code"));

znacznik:  </code></pre>

Uwaga: edycji kodu i znaczników <pre><code> należy wykonywać w edytorze tekstowym WordPressa!

Przykład:

  • zwykły edytor kodu WordPressa:

we.create("software").because(we -> we.love("code"));

  • zastosowanie kodu ze znacznikami <pre><code>:
we.create ("software").because(we -> we.love("code"));

Trudności z wyświetleniem <>?

Zdarza się jednak, że zaawansowany edytor kodu nie podświetla lub źle wyświetla prezentowany kod w znacznikach: <>

Przykład:

  • zwykły edytor kodu WordPressa:

<dependency>

  • zastosowanie kodu w znacznikach <pre><code>:
 

Wówczas kod należy zmodyfikować wg poniższego wzoru:

ze znaku „<” na ciąg „&lt;”
ze znaku „>” na ciąg „&gt;”

Uwaga: edycji znaków podlega tylko prezentowany kod, znaki “</>” w znacznikach <pre><code> nie należy zmieniać!

Zbyt dużo kodu do edycji?

Jeśli prezentowany kod jest długi i ręcznie podmienić wszystkie znaki: <> to czasochłonne i trudne zadanie, wówczas należy dodać prezentowany kod do zwykłego dokumentu Word i zamienić znaki poprzez polecenie znajdowania i zamiany tekstu:

word zamiana tekstu

1 gwiazdka2 gwiazdki3 gwiazdki4 gwiazdki5 gwiazdki (1 opinii. Średnia: 5,00 na 5)

Loading...

Czy podobał Ci się wpis? Jeśli tak, udostępnij go w swojej sieci!

Dodaj komentarz

avatar