SuperHi FM

Catalog Cart About Sign in

Nomad Sun – Part 1

Chapter 04

Nomad Sun – Part 1

We’ll start with a new project, Nomad Sun: a travel blog featuring the most beautiful places in the world. We'll dive into creating WordPress sites with multiple pages, rearrangeable content using components and styling using design systems.

Links + downloads

Chapter resources

Videos

Lesson 01

Intro + week overview

Lesson 02

Using Figma as our design tool

Lesson 03

A recap on guides + the final code

Lesson 04

Design shout-outs

Lesson 05

Building our homepage feature list

Lesson 06

Our location page features

Lesson 07

Breaking our design into components

Lesson 08

Running a fresh WordPress install

Lesson 09

Adding our first post + trimming content

Lesson 10

Custom fields for the hero component

Lesson 11

Structuring our hero component

Lesson 12

Adding a custom background image

Lesson 13

Introducing design systems + tachyons

Lesson 14

How does tachyons work?

Lesson 15

Styling our header using tachyons

Lesson 16

Installing custom Google fonts

Lesson 17

Debugging code when things go wrong

Lesson 18

Adding the other location posts

Lesson 19

Putting our hero into a separate file

Lesson 20

Introducing flexible components

Lesson 21

Adding the header + text components

Lesson 22

Displaying flexible content in our theme

Lesson 23

Styling the header image

Lesson 24

Typographic header styles

Lesson 25

Styling the text block component

Lesson 26

Linking to posts + theme clean-up

Lesson 27

Adding remaining location headers

Private notes

A place for you to post notes about anything on this page. Only you can view your notes.

Sign in to save notes

SuperHi FM

Want some ambient music in the background? Play our radio station!

Nomad Sun – Part 2

Next: Chapter 05

Nomad Sun – Part 2

Cool Mat – Part 3

Back: Chapter 03

Cool Mat – Part 3

Feeling stuck?

Don’t worry, we are here to help you with:

Speedy help from one of our team members
Detailed, relevant solutions
Direct access to peer support through Discord!

Remember, there’s no such thing as a silly question, so don’t hesitate to reach out, we love hearing from you!