Category: Gutenberg

  • Gutenberg: Columns

    2 columns This is a 2-column layout, just trying some things out to see how it goes. Each column should have enough padding to breathe a little bit. Don’t forget to consider how columns will look on smaller screens. #mobilefirst 3 columns This is a typical 3-column layout with images on top and some text…

  • Gutenberg: Layout Element Blocks

    Button Blocks File Block Columns Block About Automattic We are the people behind WordPress.com, WooCommerce, Jetpack, Simplenote, Longreads, VaultPress, Akismet, Gravatar, Polldaddy, Cloudup, and more. We believe in making the web a better place. We’re a distributed company with 807 Automatticians in 69 countries speaking 84 different languages. Our common goal is to democratize publishing…

  • Gutenberg: Formatting Blocks

    Code Block Classic Block This is the classic block. It’s using the regular editor. HTML Block My HTML block. Preformatted Block This is a preformatted block.It is the best block.Amazing. Pullquote Block This is a pullquote. It’s pretty awesome. Laurel Fulford Table Block Header 1 Header 2 Header 3 Bob Smith 36 Jane Doe 25…

  • Gutenberg: Embed Blocks

    Imgur Embed Embed Embed Twitter Embed YouTube Embed Facebook Embed Instagram Embed WordPress Embed Soundcloud Embed Spotify Embed Flickr Embed Vimeo Embed

  • Gutenberg: Classic Block

    Headings Header one Header two Header three Header four Header five Header six Blockquotes Single line blockquote: Stay hungry. Stay foolish. Multi line blockquote with a cite reference: People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to…

  • Gutenberg: Common Blocks

    Paragraph Block Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris purus urna, vulputate at convallis hendrerit, mattis id mi. Nulla mauris justo, sodales vitae sodales nec, fermentum at elit. Proin condimentum risus sed venenatis mollis. Donec auctor euismod sodales. Donec sodales congue metus, sit amet tempor odio maximus in. Ut vestibulum nisl a maximus…

  • Gutenberg: Widget Blocks

    Archives Widget Categories Latest Posts Latest Comments YouTube Shortcode

  • Gutenberg: Image Alignment

    Welcome to image alignment! The best way to demonstrate the ebb and flow of the various image positioning options is to nestle them snuggly among an ocean of words. Grab a paddle and let’s get started. On the topic of alignment, it should be noted that users can choose from the options of None, Left, Right, and Center. In…