Jak używać znaczników span dla cytatów z bloków na WordPress

Znaczniki span umożliwiają stosowanie stylów CSS do dowolnej sekcji postów WordPressa - traktuj je jako niestandardowe polecenia CSS. Kiedy są one owijane wokół sekcji tekstu, te niestandardowe polecenia są stosowane do wszystkich elementów wewnątrz "zakresu". Skutecznie pozwala to na tworzenie własnych znaczników. Jedną z takich aplikacji jest utworzenie zdefiniowanego przez użytkownika znacznika blockquote, który można wykorzystać oprócz domyślnej komendy blockquote.

1.

Zaloguj się do swojego obszaru administracyjnego WordPress. Z głównego menu po lewej stronie kliknij "Wygląd", a następnie kliknij "Edytor". Jeśli te opcje nie występują, oznacza to, że nie masz uprawnień "Administrator". Skontaktuj się z właścicielem witryny, aby poprosić o aktualizację - lub poproś o wykonanie tych kroków za Ciebie.

2.

Kliknij "style.css" z listy plików po prawej stronie. Kod tego pliku pojawi się w środkowym okienku edycji. Rozpocznij nową linię u góry pliku, a następnie dodaj następujący kod:

.bq {display: block; margin-left: 30px; border-left-style: solid; border-left-color: red; padding-left: 5px; }

Jedyną istotną częścią jest linia "display: block;", która pozwala na stylizację więcej niż jednego wiersza tekstu za pomocą znaczników span. Reszta kodu wcina blokadę o 30 pikseli, umieszcza czerwoną linię po lewej stronie cytatu, a następnie umieszcza tekst o pięć pikseli po prawej stronie tej linii. Edytuj lub dodaj nowy kod, aby dostosować go do swoich preferencji. Po zakończeniu kliknij "Aktualizuj plik".

3.

Kliknij "Wpisy" lub "Strony" w menu głównym i wybierz dokument, do którego chcesz dodać nowe zdanie blokowe. Zawijaj znaczniki zakresu wokół sekcji, którą chcesz cytować w następujący sposób:

To jest mój cytat

4.

Kliknij "Aktualizuj" w prawym górnym rogu ekranu, a następnie kliknij "Wyświetl stronę", aby zobaczyć wyniki. Znaczniki span zastosują cały kod z utworzonej właśnie klasy "bq" do tekstu znajdującego się między nimi. Jeśli jesteś zadowolony z wyników, możesz nadal stosować znacznik bq span do dowolnego tekstu, który Ci się podoba. Jeśli nie, wróć do strony style.css i edytuj klasę bq, a następnie sprawdź ponownie. Powtarzaj, aż będziesz zadowolony.

Wskazówka

• Znaczniki span nie ograniczają się tylko do tekstu - możesz nadać styl wszystkim, do czego zwykle można zastosować CSS.

Ostrzeżenie

• Wszelkie zmiany wprowadzone w pliku "style.css" zostaną natychmiast zastosowane w całej witrynie - należy uważać, aby nie edytować żadnego innego kodu w tym pliku.