Starter templates in a block-based world allow freelancers and agencies to build client sites faster and more profitably by reusing components and recycling templates to reduce project timelines. The document demonstrates how to use collections in Genesis Blocks, which are predefined layouts of blocks that serve as starter content. It shows how to build with built-in collections, and also create custom sections, layouts, and collections by developing your own library of reusable templates. Going further instructions are provided to deep dive into building fully custom collections.

2. Client Site Starter Templates
WORK FASTER & MORE PROFITABLY
Carrie Dils
FREELANCER COACH & WORDPRESS DEVELOPER

3. Agenda
Starter templates in a block-based world
Language of blocks
Demo: Building with collections
Demo: Creating your own collections
Going further

4. Freelancers and Agencies
BUILDING SITES FOR CLIENTS
When it goes wrong…
§ Projects run late
§ Budgets overshot / smaller margins
§ Frustrated clients
§ Not sustainable
When it goes right!
§ Deliver projects on time
§ Deliver projects within budget
§ Surprise and delight clients
§ You make more money

5. Reduce project timeline.
Reuse components.
Recycle templates.

6. Language of Blocks

7. To cover this area exactly:
Size & Rotation
Height = 3”
Width = 4.3”
Position
X-position = 6.5”
Y-position = 0.5”
Blocks Lingo
BLOCKS ARE AT THE HEART OF FULL SITE
EDITING
§ Full Site Editing — a collection of features that allows
users to edit their entire website using blocks
§ Block — a unit of markup (i.e. text, headline, image, etc.)
§ Reusable Block — a block that is saved and then can be
shared as a reusable, repeatable piece of content
§ Patterns — predefined layouts of blocks that can be
inserted as starter content and changed by the user
every time.

8. Genesis Blocks
(free)

9. To cover this area exactly:
Size & Rotation
Height = 3”
Width = 4.3”
Position
X-position = 6.5”
Y-position = 0.5”
Genesis Custom Blocks
Lingo
BLOCKS + DESIGN + LAYOUT
§ Sections — professionally-designed block patterns
§ Layouts — an arrangement of sections to create a full
page layout that can be inserted as starter content
§ Collections — uniquely styled sections and layouts that
can be used to quickly build out core site pages

10. DEMO:
Building with (Built-in)
Collections

12. Collections are the modern
analog of Genesis child
themes. And you can make
your own.

13. DEMO:
Build Custom Sections,
Layouts, & Collections

15. With every project,
your library grows.

16. Going Further

17. Deep Dive Into Custom
Collections
GOING FURTHER
§ How to create custom Sections, Layouts, and Collections
for Genesis Blocks
https://wpeng.in/csst1/
§ The Ultimate Guide to building custom Collections in
Genesis Blocks
https://wpeng.in/csst2/
§ Code for Genesis Brew collection
https://github.com/cdils/genesis-brew

18. Thank You
Carrie Dils
FREELANCER COACH & WORDPRESS DEVELOPER