Cyfroteka.pl

klikaj i czytaj online

Cyfro
Czytomierz
00089 004949 18973206 na godz. na dobę w sumie
WordPress 5. Rewolucja Gutenberga - książka
WordPress 5. Rewolucja Gutenberga - książka
Autor: Liczba stron: 216
Wydawca: Helion Język publikacji: polski
ISBN: 978-83-283-5619-1 Data wydania:
Lektor:
Kategoria: ebooki >> komputery i informatyka >> webmasterstwo >> wordpress
Porównaj ceny (książka, ebook (-35%), audiobook).

Odkryj najlepsze metody tworzenia stron w WordPressie!

WordPress to najpopularniejszy na świecie system zarządzania treścią, który napędza ponad jedną trzecią stron funkcjonujących obecnie w internecie. Z kolei Gutenberg jest od niedawna standardowym edytorem treści WordPressa. Zmiana ta ma wręcz rewolucyjny charakter, sposób użycia Gutenberga bowiem diametralnie różni się od tego, z czym użytkownicy mieli do czynienia wcześniej. Najważniejsza i najwygodniejsza wydaje się tu możliwość operowania blokami treści, dzięki któremu można łatwo osadzać różne elementy strony i kontrolować jej układ.

Jeśli masz kłopot z przejściem na Gutenberga lub chcesz nauczyć się wydajnie korzystać z jego funkcji, sięgnij po książkę WordPress 5. Rewolucja Gutenberga. Krok po kroku wprowadzi Cię ona w świat bloków - szybko opanujesz sposoby dodawania tekstów, multimediów i treści zewnętrznych do strony oraz formatowania jej elementów. Poznasz również najbardziej przydatne wtyczki, dzięki którym wyposażysz swój edytor w szereg naprawdę interesujących rodzajów bloków i sprawisz, że Twój serwis zaoferuje użytkownikom dodatkowe możliwości, a także będzie wyglądał atrakcyjnie i nowocześnie.

Poznaj prawdziwy potencjał Gutenberga!

Znajdź podobne książki Ostatnio czytane w tej kategorii

Darmowy fragment publikacji:

Wszelkie prawa zastrzeżone. Nieautoryzowane rozpowszechnianie całości lub fragmentu niniejszej publikacji w jakiejkolwiek postaci jest zabronione. Wykonywanie kopii metodą kserograficzną, fotograficzną, a także kopiowanie książki na nośniku filmowym, magnetycznym lub innym powoduje naruszenie praw autorskich niniejszej publikacji. Wszystkie znaki występujące w tekście są zastrzeżonymi znakami firmowymi bądź towarowymi ich właścicieli. Autor oraz Wydawnictwo HELION dołożyli wszelkich starań, by zawarte w tej książce informacje były kompletne i rzetelne. Nie biorą jednak żadnej odpowiedzialności ani za ich wykorzystanie, ani za związane z tym ewentualne naruszenie praw patentowych lub autorskich. Autor oraz Wydawnictwo HELION nie ponoszą również żadnej odpowiedzialności za ewentualne szkody wynikłe z wykorzystania informacji zawartych w książce. Redaktor prowadzący: Małgorzata Kulik Projekt okładki: Studio Gravite / Olsztyn Grafika na okładce została wykorzystana za zgodą Shutterstock.com Obarek, Pokoński, Pazdrijowski, Zaprucki Wydawnictwo HELION ul. Kościuszki 1c, 44-100 GLIWICE tel. 32 231 22 19, 32 230 98 63 e-mail: helion@helion.pl WWW: http://helion.pl (księgarnia internetowa, katalog książek) Drogi Czytelniku! Jeżeli chcesz ocenić tę książkę, zajrzyj pod adres http://helion.pl/user/opinie/wp5reg Możesz tam wpisać swoje uwagi, spostrzeżenia, recenzję. ISBN: 978-83-283-5619-1 Copyright © Helion 2020 Printed in Poland. • Kup książkę • Poleć książkę • Oceń książkę • Księgarnia internetowa • Lubię to! » Nasza społeczność Spis treści Rozdział 1. Czym jest Gutenberg? ................................................................................... 7 Rozdział 2. WordPress we wspólnej domenie ................................................................ 11 Zarządzanie blokami .......................................................................................................11 Sekcja: Podstawowe bloki ...............................................................................................16 Nagłówek ................................................................................................................ 16 Akapit ...................................................................................................................... 17 Obrazek ................................................................................................................... 18 Cytat ........................................................................................................................ 20 Lista ......................................................................................................................... 20 Galeria ..................................................................................................................... 21 Plik dźwiękowy ...................................................................................................... 22 Okładka ................................................................................................................... 23 Plik ........................................................................................................................... 24 Filmy ........................................................................................................................ 26 Sekcja: Formatowanie ......................................................................................................27 SyntaxHighlighter Code ....................................................................................... 27 Kod .......................................................................................................................... 29 Klasyczny ................................................................................................................ 29 Własny HTML ....................................................................................................... 30 Tekst preformatowany .......................................................................................... 32 Wyróżniony cytat .................................................................................................. 33 Tabela ...................................................................................................................... 34 Werset ..................................................................................................................... 36 Sekcja: Układ strony ........................................................................................................37 Separator ................................................................................................................. 37 Przycisk ................................................................................................................... 37 Liczba kolumn ........................................................................................................ 38 Media i tekst ........................................................................................................... 40 Czytaj dalej ............................................................................................................. 42 Odstęp ..................................................................................................................... 42 Podział strony ........................................................................................................ 43 Poleć książkęKup książkę 4 WordPress 5. Rewolucja Gutenberga Sekcja: Widżety ................................................................................................................44 Shortcode ................................................................................................................ 44 Archiwum ............................................................................................................... 50 Kategorie ................................................................................................................. 51 Kalendarz ................................................................................................................ 52 Komentarze ............................................................................................................ 52 Ostatnie wpisy ........................................................................................................ 53 RSS ........................................................................................................................... 55 Szukaj ...................................................................................................................... 56 Tag Cloud ............................................................................................................... 57 Sekcja: Wstawione treści .................................................................................................58 YouTube ................................................................................................................. 58 Osadź ....................................................................................................................... 59 Twitter ..................................................................................................................... 60 Facebook ................................................................................................................. 61 Spotify ..................................................................................................................... 61 Scribd ....................................................................................................................... 62 TED ......................................................................................................................... 63 Sekcja: JetPack ..................................................................................................................64 Business Hours ....................................................................................................... 64 Contact Info ........................................................................................................... 66 Form ........................................................................................................................ 67 Slideshow ................................................................................................................ 69 Subscription Form ................................................................................................. 70 Tiled Gallery ........................................................................................................... 71 Rozdział 3. Ultimate Addons for Gutenberg .................................................................. 75 Advanced Heading ..........................................................................................................75 Post Grid ...........................................................................................................................79 Post Carousel ....................................................................................................................86 Multi Buttons ...................................................................................................................88 Team ..................................................................................................................................91 Google Map ......................................................................................................................95 Content Timeline .............................................................................................................97 Post Timeline ..................................................................................................................101 Table of Contents ...........................................................................................................103 Rozdział 4. Kadence Blocks — Gutenberg Page Builder Toolkit .................................... 109 Advanced Heading ........................................................................................................110 Row Layout .....................................................................................................................115 Spacer/Divider ................................................................................................................121 Tabs ..................................................................................................................................123 Poleć książkęKup książkę Spis treści 5 Accordion .......................................................................................................................126 Icon ..................................................................................................................................130 Icon List ...........................................................................................................................133 Rozdział 5. Advanced Gutenberg ................................................................................ 137 Images Slider ..................................................................................................................137 Social Link .......................................................................................................................141 Advanced Button ...........................................................................................................142 Advanced Image .............................................................................................................145 Advanced Video .............................................................................................................147 Advanced Table ..............................................................................................................149 Count Up ........................................................................................................................154 Rozdział 6. Ultra Blocks ............................................................................................. 157 Heading ...........................................................................................................................157 Paragraph ........................................................................................................................162 Countdown .....................................................................................................................165 Timeline ..........................................................................................................................169 Stats Counter ..................................................................................................................172 Flip Box ...........................................................................................................................175 iHover ..............................................................................................................................179 Team ................................................................................................................................181 Interactive Banner .........................................................................................................182 Rozdział 7. Elementor Blocks for Gutenberg ................................................................ 185 Dodatek A Style ....................................................................................................... 195 Wprowadzenie ...............................................................................................................195 Budowa stylu ..................................................................................................................197 Klasy stylów ....................................................................................................................199 Tworzenie klasy w blogu ...............................................................................................200 Użycie klasy w blogu .....................................................................................................201 Przydatne kody ...............................................................................................................204 Skorowidz ............................................................................................... 211 Poleć książkęKup książkę 6 WordPress 5. Rewolucja Gutenberga Poleć książkęKup książkę Rozdział 7. Elementor Blocks for Gutenberg Wtyczka Elementor Blocks for Gutenberg jest narzędziem zaprojektowanym przez twórców najpopularniejszego obecnie page buildera dla platformy WordPress, czyli Elementora. Elementor jest osobnym „ekosystemem”, który składa się z bezpłatnej wtyczki Elementor oraz zbioru bez- płatnych i płatnych wtyczek wspierających działanie Elementora. Firma produkująca program Elementor musi mieć oczywiście jakiś model biznesowy, który po- zwala jej utrzymywać zespół programistów i uzyskiwać dochody wystarczające do utrzymania się na tym wymagającym rynku. Dochody przynosi Elementor Pro, czyli komercyjna wtyczka do bez- płatnego Elementora. Działa ona w oparciu o model subskrypcyjny, w rozmaitych odmianach — np. najbardziej popularny jest model najdroższy, który pozwala posługiwać się Elementorem Pro w nieograniczonej liczbie blogów. Popularny jest też model najprostszy — roczna opłata za wersję jednostanowiskową. Wokół Elementora uwija się wiele firm, które oferują płatne i bezpłatne wtyczki, rozbudowując bardzo szeroki już wachlarz bloków konstrukcyjnych — setki bardzo nieraz pomysłowych i cen- nych kreatorów rozmaitych zadań. Sytuację tę postanowili spożytkować twórcy Elementora, integrując go z Gutenbergiem za po- mocą pośredniczącej wtyczki Elementor Blocks for Gutenberg. Działa ona w ten sposób, że najpierw instalujemy bezpłatną wersję Elementora, następnie wtyczkę pośredniczącą, a potem, pracując za pomocą Gutenberga, przywołujemy bloki dostępne w „ekosystemie” Elementora. Oczywiście możemy także zainstalować wtyczki do Elementora, dzięki czemu będą one mogły być wykorzysta- ne w Gutenbergu. Jak zatem korzystamy z wtyczki Elementor? Aby zintegrować bloki (widżety w terminologii Elementora) z wpisami tworzonymi za pomocą Gutenberga, musimy utworzyć w Elementorze potrzebne nam szablony, a następnie wkompo- nować je we wpisy. Najlepszą metodą tworzenia szablonów jest budowanie ich z poziomu menu Elementora w kokpicie WordPressa. Poleć książkęKup książkę 186 WordPress 5. Rewolucja Gutenberga RYSUNEK 7.1. Elementor w kokpicie WordPressa W pozycji Saved Templates widoczna jest lista utworzonych szablonów. Sporządzimy trzy przykła- dowe szablony. Aby utworzyć szablon, kliknij przycisk Dodaj Nowy. Na ekranie ukaże się interfejs Elementora, w którym sporządzisz konkretny szablon. W menu Typ szablonu wybierz Sekcja, a w polu Nazwa podaj własną nazwę, np. Kolorowy se- parator. RYSUNEK 7.2. Typ i nazwa szablonu Poleć książkęKup książkę Rozdział 7.  Elementor Blocks for Gutenberg 187 Po kliknięciu przycisku Stwórz szablon ukaże się interfejs Elementora. Po lewej stronie widocz- ne są dwie grupy bloków (w terminologii Elementora nazywanych widżetami), Podstawowy i Ogólne, razem 30 bloków. RYSUNEK 7.3. Interfejs Elementora do tworzenia szablonów Przeciągnij widżet Separator na pole otoczone przerywaną linią. Gdy kursor spoczywa na widżecie, na karcie Treść zmień grubość separatora na 5 pikseli, wy- bierz niebieski kolor i zwiększ przerwę do 20 pikseli. RYSUNEK 7.4. Formatowanie szablonu separatora Poleć książkęKup książkę 188 WordPress 5. Rewolucja Gutenberga Kliknij na dole przycisk Publikuj. Wróć do sekcji Saved Templates w kokpicie WordPressa — na liście zobaczysz swój pierwszy szablon wielokrotnego użytku. RYSUNEK 7.5. Pierwszy szablon gotowy do użytku W analogiczny sposób przygotuj inne szablony. Na przykład ozdobny nagłówek: RYSUNEK 7.6. Szablon zawierający ozdobny nagłówek I jeszcze jeden szablon, np. mapka z położeniem Wydawnictwa Helion w Gliwicach. Poleć książkęKup książkę Rozdział 7.  Elementor Blocks for Gutenberg 189 RYSUNEK 7.7. Szablon zawierający mapę Google Ostatecznie, po sporządzeniu trzech szablonów, widnieją one na liście Saved Templates. RYSUNEK 7.8. Lista szablonów czekających na wykorzystanie Poleć książkęKup książkę 190 WordPress 5. Rewolucja Gutenberga Przychodzi wreszcie czas, by wykorzystać sporządzone szablony sekcji jako bloki Gutenberga. Wtyczkę Elementor wywołujemy na liście bloków Gutenberga z sekcji Podstawowe bloki. RYSUNEK 7.9. Wywoływanie Elementora w Gutenbergu Ukazuje się interfejs bloku Elementor Library i rozwijane menu Select a Template. RYSUNEK 7.10. Wybieranie szablonu do wstawienia do wpisu Zauważ, że widoczne jest też polecenie Create a new one, które pozwala utworzyć nowy sza- blon. Wygodniejsza wydaje się jednak metoda podana wyżej — tworzenie bezpośrednio w sek- cji szablonów. Poleć książkęKup książkę Rozdział 7.  Elementor Blocks for Gutenberg 191 Kliknij teraz potrzebny Ci szablon, aby wstawić go do wpisu. RYSUNEK 7.11. Wybieranie szablonu do wstawienia do wpisu Aby zmienić postać separatora, np. zwiększyć jego grubość i zmienić kolor, musisz dokonać ponownej edycji szablonu. W tym celu kliknij po prawej stronie przycisk Edit Template with Elementor. W wyświetlonym interfejsie Elementora wprowadź poprawki. Po dokonaniu poprawek kliknij na dole przycisk Aktualizuj. Powróć do wpisu i wczytaj go ponownie — ukaże się poprawiona postać szablonu. RYSUNEK 7.12. Szablon po poprawkach A tak wygląda szablon z ozdobnym nagłówkiem: RYSUNEK 7.13. Szablon z nagłówkiem Aby wstawić właściwy tytuł, kliknij przycisk edycji szablonu i zmień treść tytułu. Należy oczywiście pamiętać, że zmiana zawartości szablonu oznacza zmianę we wszystkich jego wystąpieniach we wpisie. Aby się przed tym ustrzec, możemy wyedytować szablon w Elemento- rze, a następnie zapisać jako szablon pod inną nazwą. Trudno jednak nie zauważyć, że szablony Poleć książkęKup książkę 192 WordPress 5. Rewolucja Gutenberga z tekstem mniej się nadają do wykorzystania jako bloki Gutenberga (wygodniejsze są elementy graficzne), chyba że tworzymy kombinacje elementów graficznych i tekstowych, złożone z kil- ku widżetów. RYSUNEK 7.14. Szablon zapisany pod inną nazwą A tak wygląda uzupełniona biblioteka szablonów: RYSUNEK 7.15. Rozszerzona biblioteka szablonów I jeszcze widok szablonu mapki (rysunek 7.16). Możliwość wykorzystania Elementora we współpracy z Gutenbergiem znacznie rozszerza po- tencjał podstawowego edytora WordPressa. Można zatem zalecać w miarę dogłębne poznanie Gutenberga, a potem sukcesywne spenetrowanie możliwości bezpłatnej wersji Elementora. Stop- niowo włączając rozmaite widżety Elementora, możemy nauczyć się korzystać z poszerzonych możliwości, a potem nawet uzupełniać je o zewnętrzne wtyczki do Elementora. Poleć książkęKup książkę Rozdział 7.  Elementor Blocks for Gutenberg 193 RYSUNEK 7.16. Szablon z mapką Google Praca z WordPressem to proces nieustannego podnoszenia stanu wiedzy, poszerzania umiejętności. Ogromne znaczenie ma nabranie wprawy, nabycie doświadczenia, a to wymaga czasu i pracy. Regularnie korzystając z możliwości tej platformy, możemy uzbroić się w zestaw niezbędnych narzędzi najlepiej odpowiadających naszym potrzebom. Program Elementor warto potraktować ja- ko naprawdę cenne uzupełnienie blogowego instrumentarium. Poleć książkęKup książkę 194 WordPress 5. Rewolucja Gutenberga Poleć książkęKup książkę Skorowidz Accordion, 126 Advanced Button, 142 Gutenberg, 137 Heading, 75, 110 Image, 145 Table, 149 Video, 147 Akapit, 17 Archiwum, 50 A B Business Hours, 64 blok Accordion, 126 Advanced Button, 142 Advanced Heading, 75, 110 Advanced Image, 145 Advanced Table, 149 Advanced Video, 147 Akapit, 17 Archiwum, 50 Contact Info, 66 Content Timeline, 97 Count Up, 154 Countdown, 165 Cytat, 20 Czytaj dalej, 42 Facebook, 61 Filmy, 26 Flip Box, 175 Form, 67 Galeria, 21 Google Map, 95 Heading, 157 Icon, 130 Icon List, 133 iHover, 179 Images Slider, 137 Interactive Banner, 182 Kalendarz, 52 Kategorie, 51 Klasyczny, 29 Kod, 29 Komentarze, 52 Liczba kolumn, 38 Lista, 20 Media i tekst, 40 Multi Buttons, 88 Obrazek, 18 Odstęp, 42 Okładka, 23 Osadź, 59 Ostatnie wpisy, 53 Paragraph, 162 Plik, 24 Plik dźwiękowy, 22 Podział strony, 43 Post Carousel, 86 Post Grid, 79 Post Timeline, 101 Przycisk, 37 Row Layout, 115 RSS, 55 Separator, 37 Shortcode, 44 Slideshow, 69 Social Link, 141 Spacer/Divider, 121 Spotify, 61 Stats Counter, 172 Poleć książkęKup książkę 212 WordPress 5. Rewolucja Gutenberga blok Subscription Form, 70 Szukaj, 56 Tabela, 34 Table of Contents, 103 Tabs, 123 Tag Cloud, 57 Team, 91, 181 TED, 63 Tekst preformatowany, 32 Tiled Gallery, 71 Timeline, 169 Twitter, 60 Werset, 36 Własny HTML, 30 Wyróżniony cytat, 33 YouTube, 58 bloki, 11 aktywowanie, 15 dodawanie, 14 konstrukcyjne, 109 budowa stylu, 197 cecha, 197 Contact Info, 66 Content Timeline, 97 Count Up, 154 Countdown, 165 CSS, 195 Cytat, 20 Czytaj dalej, 42 C D definiowanie stylów, 198 dodawanie bloku, 13, 14 E edytor WordPressa, 8 Elementor Blocks for Gutenberg, 185 biblioteka szablonów, 192 menu Select a Template, 190 podstawowe bloki, 190 szablon mapki, 193 szablon mapy, 189 szablon z nagłówkiem, 191 tworzenie szablonów, 187 Facebook, 61 Filmy, 26 Flip Box, 175 Form, 67 Formatowanie, 27 F G Galeria, 21 miniatur, 72 Google Map, 95 Gutenberg, 7 Gutenberg Page Builder Toolkit, 109 Heading, 157 H I Icon, 130 Icon List, 133 iHover, 179 Images Slider, 137 Interactive Banner, 182 interfejs page buildera Elementor, 9 J K L JetPack, 64 Kadence Blocks, 109 Kalendarz, 52 Kategorie, 51 Klasyczny, 29 Kod, 29 Komentarze, 52 klasy stylów, 199 w blogu, 200 Liczba kolumn, 38 Lista, 20 shortcodów, 50 Poleć książkęKup książkę Skorowidz 213 Media i tekst, 40 Multi Buttons, 88 nagłówek, 195 Obrazek, 18 Odstęp, 42 Okładka, 23 Osadź, 59 Ostatnie wpisy, 53 M N O P Paragraph, 162 parametry shortcodu, 50 Plik, 24 Plik dźwiękowy, 22 podstawowe bloki, 16 Podział strony, 43 pole Dodatkowe klasy CSS, 199, 201, 202 kody, 204 Post Carousel, 86 Post Grid, 79 Post Timeline, 101 Przycisk, 37 Wyrównaj tekst do środka, 196 publikacja osadzona w blogu, 63 Row Layout, 115 RSS, 55 R S sekcja Formatowanie, 27 JetPack, 64 Podstawowe bloki, 16 Układ strony, 37 Widżety, 44 Wstawione treści, 58 selektor, 197 Separator, 37 Shortcode, 44 Slideshow, 69 Social Link, 141 Spacer/Divider, 121 Spotify, 61 Stats Counter, 172 style, 195 klasy, 199 lokalne, 197 Subscription Form, 70 Szukaj, 56 T Tabela, 34 Table of Contents, 103 Tabs, 123 Tag Cloud, 57 Team, 91, 181 TED, 63 Tekst preformatowany, 32 Tiled Gallery, 71 Timeline, 169 Twitter, 60 U Układ strony, 37 Ultimate Addons for Gutenberg, 75 Ultra Blocks, 157 W wartość, 197 Werset, 36 widok nagłówka, 195 Widżety, 44 Własny HTML, 30 Wstawione treści, 58 wtyczka Advanced Gutenberg, 137 Elementor Blocks for Gutenberg, 185 Kadence Blocks, 109 Ultimate Addons for Gutenberg, 75 Ultra Blocks, 157 Wyróżniony cytat, 33 wyświetlanie cytatu, 49 mapy, 49 Poleć książkęKup książkę 214 WordPress 5. Rewolucja Gutenberga Y Z YouTube, 58 zarządzanie blokami, 11 Poleć książkęKup książkę
Pobierz darmowy fragment (pdf)

Gdzie kupić całą publikację:

WordPress 5. Rewolucja Gutenberga
Autor:

Opinie na temat publikacji:


Inne popularne pozycje z tej kategorii:


Czytaj również:


Prowadzisz stronę lub blog? Wstaw link do fragmentu tej książki i współpracuj z Cyfroteką: