Moja znajoma miała ostatnio problem z tekstem wprowadzonym na stronę opartą na WordPress. Przy wprowadzaniu tekstu na stronę, zostawały jej na końcach wierszy „sierotki”. Po 2 godzinach walki z Gutenbergiem zwróciła się do mnie z pytaniem, jak przenieść osamotniony znak do nowej linii.

Sierotki na końcu wierszy

Pojedyncze znaki na końcu linii tekstu to tzw. sierotki albo zawieszki. Przykładem mogą być spójniki a, i oraz przyimki np. o, u, w, z. Choć osieroconych znaków może być więcej jak wyliczenia, cyfry, symbole albo jednostki miar, inicjały bądź różne skróty.

Jako facet pewnie mało (może zbyt mało) uwagi przywiązuje do takich rzeczy. Niemniej to byla już druga sytuacja w ciągu tygodnia, gdy jakaś kobieta zauważa w mojej obecności, takie osierocone znaki na stronie internetowej. Widać warto zwrócić na to uwagę i dbać, by sierotki nie stały same na końcu linii w akapicie.

Edytor Gutenberg i osierocone znaki

Ale co zrobić, by przenieść takie pojedyncze znaki do nowej linii? Koleżanka pracująca w Gutenbergu za bardzo zasugerowała się tym, że to co pisze w edytorze, tak samo będzie wyglądać na stronie. Niestety nie jest tak do końca i „Enter” jednak nie przenosił znaku. Jest pewnie dość duża liczba czynników wpływających na wygląd tekstu na stronie internetowej, zastosowany motyw, responsywność strony czy nasze dodatkowe ustawienia CSS.

Twarda spacja a sierotki

Ja bardzo lubię proste rozwiązania. Im prostsze tym lepsze. Problem sierotek rozwiązałem stosując twardą spację(spację niełamiącą). Po prostu wstawiłem znak twardej spacji między sierotkę a wyraz po niej następujący. Wtedy dwa wyrazy traktowane są jakby jako całość(wiersz nie jest złamany między tymi wyrazami) i przenoszone do nowego wiersza. Dzięki temu prostemu zabiegowi pozbywamy się sierotek na naszej stronie.

Jak wstawić twardą spację w WordPress

Ja zrobiłem to tak jak lubię. Najprościej. Po prostu wstawiłem twardą spację stosując znak specjalny html, czyli:

 

Znak ten wstawiamy między dwa wyrazy, które nie chcemy by były rozdzielone. Przykład na obrazku poniżej.

Wstawiając sporo znaków twardej spacji, nasz tekst nie wygląda zbyt dobrze.. Alby pozbyć się znaków specjalnych w trybie wizualnym, możemy przełączyć na chwilę blok paragrafu w tryb html i po chwili wrócić z powrotem do trybu wizualnego. W ten sposób znaki specjalne znikną(wizualnie) z tekstu.

Ja zrobiłem to w ten sposób, że znak specjalny twardej spacji wpisałem w notatniku i kopiowałem do Gutenberga w odpowiednich miejscach. Wstawia się wtedy „niewidzialna” twarda spacja. 😉

Gutenberg a twarda spacja

Niestety Gutenberg domyślnie nie ma przycisku wstawiającego twardą spację. Również skrót klawiaturowy Shift + Ctrl + spacja, działający w popularnych edytorach tekstu, w Gutenbergu niestety nie działa. Znak twardej spacji znajdziecie jedynie w bloku Klasyczny. Pod przyciskiem Specjalny znak, twarda spacja(no-break space) jest na pierwszym miejscu.

Jeśli zauważycie sierotki w moich tekstach, możecie mi je wytknąć. Postaram się je poprawić, szybko i skutecznie, za pomocą twardej spacji.
A może wy macie jakieś lepsze sposoby na osierocone znaki na końcu linii?

Photo by Vlad Hilitanu on Unsplash

3 komentarze

    • Dzięki Marcin za podzielenie się świetną wtyczką. I z tego co widzę, należą Ci się również podziękowania za stworzenie tej przydatnej wtyczki. Jeszcze nie widziałem, żeby jakąś wtyczka do WordPress miała same 5 gwiazdkowe opinie! Wow!

    • Niestety, jak dodasz do gutenbergga jakieś inne bloki niż podstawowe szybko wtyczka się wykrzacza.

      Warning: preg_replace(): Compilation failed: regular expression is too large at – Tak więc z gutenbergiem będzie cieżko, by współpracowała

Write A Comment