WordPress Full Site Editing Challenge: 404 Page with the Block Editor

Posted



Full Site Editing Testing is well underway for WordPress and the Block Editor. In-fact, the Full Site Editing Outreach Program has been issuing testing challenges for people to really put Full Site Editing through the ringer. Here, we’ll take them up on the 3rd challenge: building a 404 page.

Disclaimer: FSE is still in beta and there are some hiccups along the way! That’s to be expected. The best thing we can do at this point is report them to the WordPress Core team so they get fixed!

Join my mailing list! https://buildsomething.email

## Links
Full Site Editing Testing Call: 404 Template https://make.wordpress.org/test/2021/03/09/fse-program-testing-call-3-create-a-fun-custom-404-page/

## Chapters
00:00 – Intro
01:05 – Build Something Weekly
01:39 – Install TT1 Blocks
02:45 – Install Gutenberg Plugin
03:19 – Templates & Template Parts
05:09 – Making Template Parts
06:22 – 404 Template
07:46 – Global Styles
09:37 – Adding Cover Block
12:12- Search section
12:45 – Footer Modifications
14:07 – Social icons block struggles
15:50 – RSS Widget Block
16:55 – Minor adjustments
18:02 – Saving and Testing
20:08 – Adding Navigation Block
23:13 – Saving and Testing 2
24:04 – Wrap Up

~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~
To learn more, start here: https://casabona.org/start

Join my mailing list: https://buildsomething.email

Check out my Live Stream Gear: https://kit.co/jcasabona/youtube-live-stream-setup

Check out my Podcasting Gear: https://kit.co/jcasabona/my-podcasting-setup
~~~~~~~~~~~~~~~~~~~~~~~~
~~~~~~~~~~~~~~~~~~~~~~~~

Source

Similar Posts

  • Rebuilding a WordPress Site Using ONLY Full SIte Editing!?

    Bycasabona

    Who is Full Site Editing really for? That all depends on what we can do with it. So today, I’m putting it to the test. I’m going to convert my long-standing personal website, Casabona.org from Kadence Pro and Kadence Blocks to stock WordPress, Twenty Twenty-Two, and Full Site Editing. I’m using NO extra plugins or patterns. Just whatever comes in a fresh WordPress install. Let’s see how it goes!

  • Live Stream: My Top Ten iPhone Accessories!

    Bycasabona

    Today I covered my favorite phone accessories – primarily for my iPhone 12 Pro Max. Links below! I also talked about about my new membership, https://buildsomething.club, as well as how I built a simple redirection site – with short links and custom domains. Learn how in the stream!

    Join my mailing list: https://buildsomething.email

  • The Right Way to Answer Security Questions with 1Password

    Bycasabona

    You’ve seen the memes go around the internet. What was your first car? Respond with your first pet’s name! Then the nay sayers: “Sounds like a phishing attack to me.” But they offer no solution. Well here it is: a way to safely answer and store unguessable security questions. using 1Password. ~~~~~~~~~~~~~~~~~~~~~~~~ ~~~~~~~~~~~~~~~~~~~~~~~~ To learn…

  • Create Your Own Block Patterns for Gutenberg / the Block Editor

    Bycasabona

    Block Patterns in Gutenberg are a powerful way to make reusable content templates without having to grab all of the blocks and build them from scratch in the WordPress Block Editor. But currently there isn’t a native no-code way to create patterns. Luckily, creating your own is as simple as copying and pasting some code….

  • DevKinsta Review: First Look at a New WordPress Local Environment

    Bycasabona

    Finding the perfect local development environment for WordPress is tough – there are some great solutions, but many require work to get running properly. Well, DevKinsta came out earlier this week and I’ve had the chance to use it for a bit. Is it a local environment worth abandoning Local by Flywheel for? Here are my first impressions.

    Disclosure: This is a paid promotional video. All of my thoughts are my own, honest, first impressions.

  • |

    Save Time and Embarrassment with TextExpander

    Bycasabona

    How many typos do you make when you’re writing? How many times do you need to retype emails you’ve already written? Or find URLs, emails, and other information you wish you had readily available? You need a tool to help you manage all of this and save you time. That’s where TextExpander comes in.