How to Build a Wordpress Page

Here are some tips for building an effective page on your WordPress site.

  1. After hitting ‘Add New Page’, give your page a name at the top. Then go to the right-hand section ‘Page Attributes’. Pick a Parent for this page (generally the page that would come before it i.e. ‘Products’ would come before ‘Lumber’). Make sure to pick Flexible Content as the template. This will give you more flexibility in building a page.
  2. Scroll down to the Feature Image section and choose an image that will be at the top of the page. Pick something from the media library with a good width of at least 1500px so that the image does not appear grainy. Leave the Feature Image blank if you would like.
  3. Scroll further down to the Flexible Content block and pick ‘Add Row‘. There will be several options for adding content and images. See below for examples of each.
  4. Once your page is ready, hit ‘Publish‘. You can unpublish or make pages private at any time in the top right-hand box.

Product Section

The Product Section gives you a chance to display your array of products. You will need to first add your products individually in the ‘Products’ section of WordPress in the left-hand menu in order for them to show up when building a page. If you have not uploaded all of your products for this section yet, please do so before building a page.

You also have the option to make the background of this section gray (see homepage), give the heading a blue color, and add a link to other content if you’d like. Add as many products as you like to a product section. There are no limits.

This is a Product Section with Blue Heading

This is what a link will look like in the Product Section

Bundle Section

A Bundle Section allows you to put many photos within one thumbnail. This is especially helpful for when we want to show layers in a bundle of lumber without overwhelming the page with an abundance of photos. Here, photos are nicely organized. Again, add your bundles ahead of building the page by using the ‘Bundles’ section in the left-hand menu.

Like the Product Section, you can make the background gray and heading text blue. You can also add a link like the Product Section.

This is a Bundle Section with a gray background

Here is where a link could go. Click on the bundle images to scroll through layers of a bundle.

This is a Basic Content block

A Basic Content block is just that – basic content. If you want to just write a paragraph of text, this is the one to use. You can also Add Form, Add Media (video or image), or Add Gallery to this Basic Content block if the other options do not suit you. See below for how an image or gallery will look in a Basic Content block.

This is how a Gallery looks in a Basic Content block

This is how an Image looks in a Basic Content block

This is a caption

Two Column Content

Two Column Content is just that – two columns of content. You could do 2 paragraphs of text next to each other, you could do text and and image, or text with a map, which is what it is largely used for. See the example below.

Column 1

You can put lots of things in a two-column format:

  • Add Form
  • Add Gallery
  • Add Map Shortcode
  • Add Image
  • Add Content

Column 2

Here is what a map looks like in Two Column Content:

Content with Image

Content with Image is content on the left, and a single image on the right. The difference between this content block and Two Column Content is that you can add a link to other pages, and you can add a border around the image.

Here is a link to another page

Content Blocks

Content Blocks are just another way to organize your content. We generally use them in a filler page that leads to more content (see the Products page on the Midwest site). We like them because the images are bigger, you can link to a new page, and you don’t need much content. You can add as many blocks as you want, but be aware: all the images should be the same size or you may have some staggering and alignment issues.

This is a Content Block

Category 1

You can add descriptions here!

Category 2

This one is really something.

Category 3

Another bundle

Four Column Content

It’s like the two column content, but with four. The Four Column Content folds nicely into an accordion dropdown. See it if you want or close it if you don’t! Good if you want to show things side by side. Add images, text, etc. but don’t get too fancy as this one can feel cluttered very quickly.

Thing 1

Loading trucks

You can add lots of information about this below.

Thing 2

Thing 3

Thing 4

Logs in the winter.

Grading Rules Block

Grading Rules does many things. You can do up to 4 columns of content (just like Four Column Content), followed by a full-width content and a link. Or you can do four columns with a link, or just a full width of content with a link. Or no link. It’s totally up to you. Either way, it all wraps nicely up into an accordion dropdown.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

This link can go to a document or another page

This is a Documents Link Block

Use a Documents Link Block to put in as many additional links as you like. Could lead to other pages, PDFs of spec sheets, etc.

Spec Sheet 1Shec Sheet 2FSC CertificationCredit PolicyEmployee Application

Much like the Documents Link block, this holds documents and links. The only difference is this content block allows you to open and close different categories of links in an accordion format. Good if you have a lot of different documents together that need organizing.

The Other Content Blocks

The other content blocks will most likely not need to be used as they were designed for fairly rare situations. These include:

  • Jump To Link
  • Production Matrix
  • Full Width Content (for map only)
  • Request More Information

 

 

Happy WordPressing!