Odstępy między wierszami w WordPress

W większości edytorów tekstowych możesz łatwo ustalać odstępy między wierszami za pomocą klawisza ENTER. Jeśli potrzebujesz zrobić odstęp na dwa wiersze – wciskasz dwa razy ENTER. W edytorze WordPress musisz zmienić nieco podejście. Nie ma tutaj formatowania takiego jak np. w Microsoft Word. Poniżej przedstawię Ci sposób zarządzania odstępami między wierszami w WordPress.

Wielkość odstępu między wierszami jest kontrolowana przez Twój szablon. Dowiesz się jak robić odstępy w edytorze wizualnym oraz gdzie nanieść zmiany, jeśli odstęp nie będzie taki jakiego potrzebujesz.

Podwójne odstępy

Jeśli w wizualnym edytorze wciśniesz ENTER by zejść linię niżej, WordPress tworzy nowy akapit <p>. To oznacza, że automatycznie odstęp wynosi dwie linie (uzależnione od Twojego szablonu).

jak zrobić podwójny odstęp między wierszami WordPress

 

 

 

 

 

Wciśnij ENTER na końcu linii, by zejść dwa wiersze niżej.

Pojedyncze odstępy

Czasem potrzebujesz zejść tylko jedną linię niżej, np. pisząc dane adresowe. Wciśnięcie ENTER tutaj się nie sprawdza.

jak stworzyć pojedynczy odstęp między wierszami WordPress

 

 

 

 

Wciśnij SHIFT+ENTER na końcu linii, by zejść jeden wiersz niżej.

Taka kombinacja klawiszy tworzy nową linię w aktualnym akapicie <p>. Na tym polega różnica.

Modyfikujemy odstępy

Może się zdarzyć, że prawidłowo stworzysz odstępy w wizualnym edytorze, ale nie będą dla Ciebie odpowiednie. Pozostaje Ci w takim wypadku nanieść kilka zmian w pliku CSS Twojego szablonu.

Otwieramy plik style.css poprzez WYGLĄD -> EDYTOR lub przez FTP i odszukujemy .post p

Tutaj jest miejsce na dokonanie zmian, np. wysokość pomiędzy liniami (line-height).

Jeśli w style.css brakuje .post p, dodaj na końcu pliku np. w postaci:

.post p {line-height: 1.5em;}

Ta reguła ustala wielkość odstępu pomiędzy akapitami.

Jeśli potrzebujesz większego odstępu możesz wykorzystać padding-bottom, np. tak:

.post p {line-height: 1.5em; padding-bottom: 15px;}

Przetestuj różne odstępy i wybierz odpowiedni dla siebie.

Mam nadzieje, że rozwiałem Twoje wątpliwości dotyczące odstępów w wizualnym edytorze WordPress.

Jak widać w WordPress odstępy między wierszami nie są aż tak skomplikowane.

 

Może Ci się również spodoba

10 komentarzy

  1. Ania pisze:

    I sprawa się wyjaśniła. Zawsze miałam z tym problem na moim blogu :)))

  2. budapeszter pisze:

    o jak fajnie, że ktoś to opisał, dzieki! Też się z tym męczyłam.

  3. Emil pisze:

    Nie wiem co robię źle, ale jak dam shift+enter, to w edytorze faktycznie schodzi w dół o jedną linię, jednak na stronie internetowej wtedy wszystko jest w jednej linii napisane ciągiem, oddzielone jedynie spacją. Natomiast jak wcisnę sam enter, to schodzi w dół, ale odstępy między wierszami są za duże. Kod z artykułu również nie pomaga, ponieważ w tekście pisanym ciągiem odstępy między wierszami są ok. Dopiero po wciśnięciu enter robi się taki duży odstęp jakbym miał rozpoczynać nowy akapit, a nie zawsze to jest moim celem. Jak można temu zaradzić?

  4. Myślę, że problem może być z danym szablonem. Spróbuj może zmienić szerokość między wierszami w stylach.
    w style.css daj np. line-height: 0.5em; dla .art-postcontent // ewentualnie poszukać wtyczki, gdzie można zmieniać bezpośrednio przy pisaniu postu takie rzeczy.

  5. FLANC pisze:

    Szefie, bardzo fajna stronka z szablonami. Czekam z niecierpliwością na kolejne poradniki.
    Proszę o pomoc.
    Używam szablonu FOXY, użyłem pluginu polylang. Chcąc wstawić wybór języków na www użyłem skryptu i dodałem go w style.css w częsci odpowiedzialnej za header.
    Jednak nie ma tam odpowiedniego wiersza aby moje flagi były cały czas po prawej stronie, brakuje linijek kodu aby flagi znajdowały się ciągle w jednym miejscu. Czy mógłbyś podpowiedzieć jak taki wiersz dodać aby header mi się nie rozjechał/nie powiększył?
    Czekam na odpowiedź i z góry dziękuję 🙂

  6. aa pisze:

    Dzięki wielkie za ten wpis 🙂 niby takie proste, a jak się o tym nie wie to się człowiek godzinami męczył i kombinował… 😛 Dzięki! 🙂

  7. dreamiteam pisze:

    Wydawałoby się że t nie ma znaczenia, ale jednak podwójne odstępy rzucają się w oczy.

  8. bea pisze:

    Dziękuję za ten wpis! Długo szukałam jak to zmienić.

  9. Kas pisze:

    DZIĘKUJĘ! DZIĘKUJĘ! DZIĘKUJĘ! Jakbym mogła, to bym się pokłoniła.
    Zęby na tym zjadłam i nie doszłam do tego sama.
    :*

Dodaj komentarz

Twój adres email nie zostanie opublikowany. Pola, których wypełnienie jest wymagane, są oznaczone symbolem *