Dodaj Drop Caps w poście WordPress

Szukasz sposobu na dodanie Drop caps w WordPress?

Krople to świetny sposób na rozpoczęcie akapitu. Pomagają przyciągnąć uwagę czytelnika i zainteresować go czytaniem treści.

W tym artykule pokażemy, jak dodawać Drop caps w postach WordPress bez pisania kodu CSS.

Add Drop Caps in a WordPress Post

Co to jest Drop Cap?

Drop cap to technika stylizacji powszechnie stosowana w drukowanych Książkach i czasopismach, które mają dłuższe odczyty. Pierwsza litera akapitu początkowego w każdym rozdziale używa dużego rozmiaru czcionki.

Zwykle duża wielka litera rozciąga się w dół, aby spaść poniżej pierwszych kilku linii, dlatego nazywa się to “drop cap”.

Floating drop caps example

Dodawanie Drop caps pomaga treści wyróżnić się i przyciągnąć uwagę odwiedzających. Dodają one bardziej formalnego i tradycyjnego charakteru do projektu witryny.

Istnieje kilka sposobów dodawania Drop caps do witryny WordPress. Możesz użyć wbudowanej opcji w edytorze bloków WordPress lub użyć wtyczki.

Pokażemy Ci, jak używać Drop caps w edytorze bloków WordPress (Gutenberg)i klasycznym edytorze. Możesz kliknąć poniższy link, aby przejść do preferowanej sekcji:

  • Dodaj Drop Caps W Edytorze bloków WordPress (Gutenberg)
  • Dodaj Drop Caps W WordPress Classic Editor

Video Tutorial

Subskrybuj WPBeginner

Jeśli wolisz pisemne instrukcje, po prostu czytaj dalej.

Dodaj Drop Caps W Edytorze bloków WordPress (Gutenberg)

Edytor bloków WordPress ma wbudowaną opcję włączania kropli dla początkowej litery w akapicie.

Za pomocą kliknięcia przycisku możesz zwiększyć rozmiar czcionki i owinąć tekst pod pierwszą literą, aby utworzyć efekt kropli.

Aby rozpocząć, możesz utworzyć nowy post lub edytować istniejący. Następnie kliknij znak plus ( + ), aby dodać blok akapitu do artykułu.

Add a paragraph block

Następnie możesz włączyć opcję Drop cap z menu po prawej stronie. Wystarczy kliknąć przełącznik Drop cap w sekcji “Ustawienia tekstu”, aby wyświetlić większą początkową literę.

Enable the drop cap option in the block editor

Po włączeniu tej opcji pierwsza litera w akapicie będzie większa niż reszta tekstu i spadnie pod pierwszymi kilkoma wierszami.

Możesz teraz opublikować swój post na blogu WordPress, aby zobaczyć Drop caps w akcji.

Drop caps example in WordPress

Zauważysz, że wbudowana opcja Drop caps wykorzysta styl Twojego motywu WordPress dla koloru, czcionki i rozmiaru pierwszej litery.

Jeśli chcesz zmienić styl swoich czapek w edytorze bloków WordPress, musisz wprowadzić niestandardowy kod CSS lub użyć wtyczki.

Ponieważ pisanie kodu CSS wymaga wiedzy technicznej, możesz użyć wtyczki Initial Letter WordPress, aby edytować stylizację kropli w edytorze bloków, zamiast używać wbudowanej opcji.

W następnej sekcji pokażemy, jak używać wtyczki Initial Letter do tworzenia niestandardowych czapek z drop.

Dodaj Drop Caps W WordPress Classic Editor

Najprostszym sposobem na dodanie kropli w klasycznym edytorze jest użycie wtyczki WordPress.

Jeśli chcesz dodać krople do klasycznego edytora bez wtyczki, musisz napisać kod CSS i dodać go do edytora motywów. Może to być trudne dla początkujących, a popełnienie błędu może złamać Twoją witrynę WordPress.

W tym samouczku będziemy używać Initial Letter plugin, ponieważ jest łatwy w użyciu i jest całkowicie darmowy. Wtyczka oferuje wiele opcji dostosowywania czapek, a także współpracuje z edytorem bloków WordPress.

Najpierw musisz zainstalować i aktywować wtyczkę Initial Letter na swojej stronie internetowej. Aby uzyskać więcej informacji, możesz zapoznać się z naszym przewodnikiem dotyczącym instalacji wtyczki WordPress.

Gdy wtyczka jest aktywna, możesz przejść do Ustawienia ” Initial Letter z pulpitu WordPress i zmień ustawienia swoich Drop caps.

Initial Letter settings

Wtyczka umożliwia edycję czcionki, rozmiaru, koloru, wyrównania i wypełnienia czapek. Możesz także wybrać opcje wyświetlania kropli we fragmencie i mieć tylko pierwszy akapit, aby mieć dużą początkową literę.

Po zakończeniu ustawień nie zapomnij kliknąć przycisku “Zapisz zmiany” u dołu.

Jeśli nie chcesz wyświetlać kropli na niektórych postach lub stronach, możesz wyłączyć Początkową Literę w klasycznym edytorze WordPress.

Po prostu edytuj istniejący post, przewiń w dół do początkowej litery metabox i zmień opcję z tak na nie.

Change Initial Letter settings in the classic editor

Następnie możesz wyświetlić podgląd i opublikować artykuł, aby zobaczyć krople w akcji.

Drop caps example for classic editor

Mamy nadzieję, że ten artykuł pomógł Ci dodać krople w postach WordPress. Możesz również sprawdzić, jak wybrać najlepsze oprogramowanie do projektowania stron internetowych i najlepsze usługi e-mail marketingu dla małych firm.

Jeśli podoba Ci się ten artykuł, zasubskrybuj nasz kanał YouTube dla samouczków wideo WordPress. Znajdziesz nas również na Twitterze i Facebooku.

Dodaj komentarz

Twój adres e-mail nie zostanie opublikowany. Wymagane pola są oznaczone *

You May Also Like

Jak budować lojalność klientów w WordPress z Gamification?

W artykule: Dlaczego budować lojalność klientów z Gamification w WordPress?Metoda 1. Dodaj…

7 Najlepsze Wtyczki Do Kompresji Obrazu WordPress W Porównaniu (2021)

W artykule: 1. EWWW Image Optimizer2. Optimol3. ShortPixel Image Optimizer4. reSmush.it5. Kompresuj…

Jak i dlaczego należy ograniczyć próby logowania w WordPress?

W artykule: Dlaczego warto ograniczyć próby logowania w WordPress?Jak ograniczyć próby logowania…

Jak umożliwić użytkownikom wybór metody płatności w formularzach WordPress?

W artykule: Dlaczego oferować wiele metod płatności w WordPress?Jak skonfigurować formularz płatności…