W artykule:
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.
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”.
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
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.
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ę.
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.
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.
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.
Następnie możesz wyświetlić podgląd i opublikować artykuł, aby zobaczyć krople w akcji.
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.
