Начать. Это бесплатно
или регистрация c помощью Вашего email-адреса
Gutenberg Mastery создатель Mind Map: Gutenberg Mastery

1. Introduction

1.1. what is Gutenberg

1.1.1. the new Wordpress visual editor Gutenberg is the editor DEFAULT on 5.0 aim to make adding rich content simple and enjoyable VS the old wordpress editor required heavy use of shortcodes and HTML not really wysiwig will remain supported until 2020 widgets , shortcodes, meta boxes and custom fields will be eventually deprecated will be merged with customiser and become a landing page builder

1.2. how it will affect

1.2.1. landing page builders

1.2.2. shortcode based plugins

1.2.3. newbies

1.2.4. advanced users

1.3. pros

1.3.1. makes inserting rich content easier

1.3.2. much better than visual editor

1.3.3. amazing copy and paste abilities

1.3.4. perfect for casual users, maybe not so for power users

1.4. cons

1.4.1. interface will take some time to use to

1.4.2. still need adoption by dev community

1.4.3. treats everything as a single block

1.4.4. using some weird custom HTML

1.4.5. clients/users will need to be trained on it

1.4.6. will lead to the end of some core wp features like widgets and shortcodes

2. set up

2.1. update to 5.0

2.1.1. go to wordpress admin

2.1.2. update wordpress

2.2. get 2019 theme

2.2.1. go to appearance>theme>add new

2.3. set up the site

2.3.1. create homepage pages new

2.3.2. appearance site identity site title tagline logo menus primary homepage settings home widgets Get in touch Visit our office additional CSS remove title header

2.3.3. plugins stackable

3. the Gutenberg editor

3.1. overview

3.1.1. top menu add block undo/redo content structure block navigation ... (more) hide/show block settings insert before/after edit as html/visually add to reusable blocks

3.1.2. sidebar draft/preview/update settings shortcut (hide/shows sidebar) ... (more) view editor keyboard shortcuts options document revision history set featured image block type settings advanced (CSS)

3.2. type of blocks

3.2.1. common blocks

3.2.2. formatting

3.2.3. layout elements

3.2.4. widgets

3.2.5. embeds

3.2.6. 3rd party

3.2.7. reusable blocks

3.3. main blocks

3.3.1. image transform to file cover image alignment left/center/right wide width full width

3.3.2. text

3.3.3. divider

3.3.4. title h1

3.3.5. columns row 1 title h1 services row 2 inline image * 6

3.3.6. divider

3.3.7. title h1

3.3.8. cta

3.3.9. team members

3.3.10. testimonial

3.4. copy / pasting

3.4.1. youtube

3.4.2. google docs

3.4.3. word/pages

4. Resources

4.1. plugins

4.1.1. coblocks

4.2. themes

4.2.1. ivory

4.3. reading