Support■How-To Tutorials

How-To Tutorials

These step-by-step tutorials cover everything from basic setup to advanced content creation, helping you build and manage your Refoundry website with ease.

Unit 1 • Getting Started

Learn the basics of Refoundry with our Getting Started series, covering everything from navigating the editor to building basic layouts with blocks and managing responsive previews.

  • 1

    •

    1
    Unit
    1
    Lesson
    1

    The Editor

    This video covers the basics of the Gutenberg Editor, including how to navigate the List View, use the Settings Panel, and efficiently add blocks to a page.

  • 1

    •

    2
    Unit
    1
    Lesson
    2

    Working with Content Blocks

    Learn how to use toolbar features, transform blocks, and add or replace images in the Gutenberg editor to streamline your WordPress content creation.

  • 1

    •

    3
    Unit
    1
    Lesson
    3

    Creating a Basic Layout

    Build layouts in the Gutenberg editor using containers, rows, and columns, and master flexbox controls for precise content alignment and responsive design.

  • 1

    •

    4
    Unit
    1
    Lesson
    4

    Responsive Previews

    Ensure your site looks great on any device with responsive previews, adjusting layouts for desktop, tablet, and mobile using Gutenberg’s flexible settings.

  • 1

    •

    5
    Unit
    1
    Lesson
    5

    Adding Blocks to an Existing Page

    Learn how to efficiently add, move, and copy-paste blocks on an existing page in the Gutenberg editor, with tips for importing content from external sources.

  • 1

    •

    6
    Unit
    1
    Lesson
    6

    Deleting Blocks and Undo/Redo

    Learn how to delete blocks and use undo/redo functions in the Gutenberg editor to quickly fix mistakes and streamline your content editing.

  • 1

    •

    7
    Unit
    1
    Lesson
    7

    Regular Blocks

    Discover how to use Regular Blocks in WordPress. Learn when and where to apply them for flexible, one-time content creation.

  • 1

    •

    8
    Unit
    1
    Lesson
    8

    Patterns

    Master WordPress Patterns with Refoundry blocks. Learn to insert, customize, and manage synced and unsynced patterns for flexible, consistent design.

  • 1

    •

    9
    Unit
    1
    Lesson
    9

    Reusable Component Blocks

    Learn how to use Reusable Component Blocks in Refoundry to create flexible, site-wide content with customizable local and global settings.

Unit 2 • Intro to Building

Explore our Intro to Building series, where we dive into essential layout tools like containers, rows, and columns. Learn how to structure, style, and organize content effectively for cohesive, professional designs.

  • 2

    •

    1
    Unit
    2
    Lesson
    1

    Containers

    Master container blocks in Refoundry, covering max-width vs. full-width settings, background colors, and spacing for cohesive, organized layouts.

  • 2

    •

    2
    Unit
    2
    Lesson
    2

    Rows

    Master Row Blocks in Refoundry to control spacing, alignment, and layout flexibility. This lesson covers gutters, flex alignment, and responsive design tips for adaptable, well-structured layouts.

  • 2

    •

    3
    Unit
    2
    Lesson
    3

    Columns

    Master the Column Block in Refoundry with our 12-column grid, flexible widths, padding, and alignment controls to create custom, responsive layouts.

  • 2

    •

    4
    Unit
    2
    Lesson
    4

    Nested Layouts

    Discover how to create nested layouts in Refoundry, from side-by-side buttons to stacked highlights and multi-layered designs with icons, for enhanced flexibility and creativity.

  • 2

    •

    5
    Unit
    2
    Lesson
    5

    Responsive Layouts

    Master responsive layouts in Refoundry with nested designs and device-specific settings, ensuring seamless designs across all screen sizes.

  • 2

    •

    6
    Unit
    2
    Lesson
    6

    Using Reusable Component Blocks

    Discover how to use Reusable Component Blocks in Refoundry to create globally managed layouts with flexible local customizations, streamlining your design workflow.