Documentation › Blocks and Block Types

Blocks and Block Types

A layout is made up of sections called blocks. In Grid Mode,blocks have a dashed border. As you mouse over a block, its edges glow, and a tooltip appears, displaying basic information about the block (see the illustration of a widget area block at right). In Design Mode, blocks are not as apparent because they are elements to be styled just like everything else.

Basic Block Functions

  • Create a block by clicking and dragging on the grid. For information about adding blocks using cloning, presets, or shared layouts, see Grid Wizard.
  • Move a block by clicking inside it and dragging it to the new position. See Mass Block Selection for another option for moving blocks.
  • Change a block’s type by right-clicking the block, clicking Switch Block Type, and clicking the new type in the options panel.
  • Delete a block by right-clicking the block and then clicking Delete Block.

Blocks can’t overlap each other in Grid Mode.

Block Types

Each block has a type that determines the content it displays and the options that are available to you. When you create a block, assign it a type in the options panel before doing anything else. The options panel displays further settings when you right-click a block and click Open Block Options.

Headway provides the following block types (links are provided to further information for highly configurable blocks). Additional blocks are available through Headway Extend.

Header

Contains your site name and tagline. As the name suggests, it’s located at or near the top of your page. (Of course, with the Visual Editor, you can put the header block wherever you want.) You have the options of including a background image and of hiding the tagline (but hiding it is not recommended if you want your tagline to impact your search engine rankings). See Header Block Options for more information. If you want your header to be more complex than the site name, tagline, and image, consider using a code block instead.

Navigation

Contains a WordPress menu and can be either horizontal (the default) or vertical. Dropdown menus are supported. Once you have saved your layout with a navigation block, it becomes available in your WordPress admin panel to have a menu assigned to it (see Assigning a WordPress Menu to a Navigation Block for more information). Multiple navigation blocks can be used. For further detail about what you can do with navigation blocks, see Navigation Block Options.

Breadcrumbs

A row of links showing the visitor’s location in the site and the path back to the home page. This block recognizes page hierarchies you have created in WordPress.

Content

The main section of your site’s pages. By default, what appears in the content block is driven by WordPress. For example, for the Blog Index layout, the content block displays a predefined number of recent blog posts (the loop). For some guidance on setting options for this block, see Content Block Options.

Widget Area

A container for widgets that can be oriented vertically (the default) or horizontally for an arrangement like a widgetized footer. Having a layout with at least one widget area block turns Headway into a widget-ready theme.

Footer

Sits at the bottom of the site and usually contains basic information like a copyright statement and a credit line for the theme. Customize the default Headway footer text in the options panel.

Slider

Rotates through a set of images (also called a carousel). Typically displayed on the home page, a slider draws attention to specific pages or posts and gives the visitor the opportunity to click through to the featured content. For some guidance on configuring your slider block, see
Slider Block Options.

Embed

Contains a video or image from a URL. For more details on what’s possible with the embed block, see
Embed Block Options.

Pin Board

Provides a visual way for visitors to get an idea of the content your site offers rather than a list or synopsis of blog posts or articles. See Pin Board Block Options for more information.

Custom Code

Supports custom HTML, JavaScript, PHP, WordPress shortcodes, and plain text (though you may as well use the text block for that). Add your code in the options panel.

Text

For small amounts of static text, such as a bio or short “about us” blurb. Type your text or import from a file using the options panel for this block. If you want to use HTML, click the </> (source) button.

Image

To display an image hosted on your WordPress site—select an image already in your media library or upload a new one.

Search

Provides a simple search field for your website to save you the time of adding and configuring a widget area block for a search function.

Listings

For displaying simple, hyperlinked lists of your site’s content.

Social

Displays a row or column of icons that link to your social media profiles.

Other Blocks

Through Headway Extend, developers can offer custom-built blocks to other Headway members. Developers are responsible for providing documentation and support as needed for their blocks.

Block Options

To configure a block, right-click the block, and click Open Block Options. The options appear in the options panel at the bottom of the Visual Editor.

For information about specific block options, see the following articles. All blocks have the Config and the Import/Export subtabs, so those have their own articles.

This article was last updated for Headway version 3.8.3.

Copyright © 2016 Vesped Inc. All Rights Reserved. Proudly Powered by Headway and WordPress