• Menu
  • Skip to right header navigation
  • Skip to main content
  • Skip to primary sidebar

Before Header

Why Genesis is the Foundation of Any Smart WordPress Design ↴

Flagship Content

Web design tutorials for service business owners.

  • Search
  • Home
  • Start Here
  • Content
    • About
    • Flagship Content: How is it different to cornerstone content?
    • Homepage Content Blueprint
    • Content needed for a Service Business website
  • DIY Page Layouts
    • Start Here
    • Atomic Blocks Layouts
      • View The Layouts
      • Using Layouts
      • Adding blocks to an Atomic Blocks layout
      • Tips For Using Layouts
      • Problems and Solutions
    • Examples of Atomic Blocks
    • List of Atomic Blocks
    • List of WordPress Blocks
    • Block Navigation
    • Eye Candy
    • Tips for New Users
    • Blocks that Serve a Specific Purpose
  • Navigator Page
  • Search
  • Home
  • Start Here
  • Content
    • About
    • Flagship Content: How is it different to cornerstone content?
    • Homepage Content Blueprint
    • Content needed for a Service Business website
  • DIY Page Layouts
    • Start Here
    • Atomic Blocks Layouts
      • View The Layouts
      • Using Layouts
      • Adding blocks to an Atomic Blocks layout
      • Tips For Using Layouts
      • Problems and Solutions
    • Examples of Atomic Blocks
    • List of Atomic Blocks
    • List of WordPress Blocks
    • Block Navigation
    • Eye Candy
    • Tips for New Users
    • Blocks that Serve a Specific Purpose
  • Navigator Page

Atomic Blocks Tips For Layout Templates

These tips are specifically related to using Layout templates. I have written another set of tips that refer to more general use of the Atomic Blocks plugin.

You are here: Home / Atomic Blocks Layout Templates / Atomic Blocks Tips For Layout Templates

Building a web page using an Atomic Blocks Layout is easy. And, I hope, these Atomic Blocks tips will help you hit the ground running.

  • What do the page Layout templates look like?
  • How do I build a page using a Layout template?

If you’re new to using the Layout templates, you’ll find these Atomic Blocks tips for layout templates useful.

Don’t just type your text directly into the web page. Save all of your text as a text file using a text editor, such as Word Pad. Then if you want to start over, you won’t lose the text.

My Hero Header image looks offside or funny

If this happens to you, try choosing a different width option for the header block.

This is an Atomic Blocks tip I find especially useful.

If the hero header looks offside in your theme, try a different width option button.

No blog posts

The Freelance Layout template has a section labeled “My latest blog posts”, but no posts are showing.

That’s because you haven’t published any blog posts yet. When you publish blog posts, your most recent blog posts will automatically display here.

This Atomic Blocks tip is obvious, once you think about it.

Change the Google Map and Mailto: link

The Atomic Blocks Business Layout template has a Google Map, and a button that opens your email program when clicked.

This Atomic Blocks tip is especially useful for bricks and morter businesses.

We will be using Google Maps in this tutorial.

1.) Search for your address, post code or zip code.
2.) Click the Share button.

I don't think the residents of this house will read my Atomic Blocks tips, but you never know.

3.) Select the Embed a Map tab.
4.) Then click the “Copy HTML” option.

5.) In the WordPress post editor, click the HTML block. Remove the demo code and paste in your new map code.

Replace the Google Map code in the HTML block with your own Google Map code.

Replacing the “Drop us an email!” link

  • Click the button to open the edit dialogue box.
  • Replace name@example.com with your own email address.
    But be careful not to remove the mailto: section.

An example…
mailto:hmqueen@royal.uk

This Atomic Blocks tip is easy to miss. You don't want your emails disappearing in to the ether do you?

How do I add my Mailchimp API key, so my newsletter signup form will work?

You will need a free Mailchimp account to do this.

First get your API key from Mailchimp.

Then go to Dashboard >Atomic Blocks > Settings: and paste your API key in the box.

This Atomic Blocks tip is for Mailchimp users, does that include you?

You will also need to choose the list you want to use for that specific Newsletter block.

This dialogue box comes from the Product Launch layout.

This newsletter signup block comes from the Product Launch One layout.

Click the Configure Your Settings link, and select the list you want to use. The setting is in the WordPress post editor sidebar.

Some of the text is too big!

Some themes use small body text and some themes use large body text. This is especially noticeable when you change from one theme to another.

If you want to reduce the size of paragraph text in a particular block…

The text in this block is too large.

1.) Select the block.
2.) In the paragraph’s block settings change the font size.

If you mess things up, you can start again (this is an important Atomic Blocks tip!)

There is an easy way to remove all of the blocks on your page, so you can start that page afresh.

  • Click the three dot button in the top right of the WordPress post editor.
  • Select the Code Editor option.
  • You now see the HTML that makes up this page.
  • Select all of the HTML, then delete all of the code.

You are now in the code editor, and you need to go back to the visual editor.

Click the close button.

The green bar is hiding the button we need. So click the X close button.

The Exit Code Editor button.

Now you can see, and click the Exit Code Editor Button.

You now have a clean, empty page. You can start afresh.

Looking for a StudioPress theme or hosting?

Check out the two links below…

Get Premium WordPress Themes

Buy a StudioPress theme outright and use it on all of your sites. There are three ways to get all of the StudioPress themes AND save.

Get Premium WordPress ThemesChoose Your Theme

Get Genesis Framework & StudioPress Themes free.

When you sign up for a WP Engine plan, you receive the Genesis Framework and 36 StudioPress Themes free. That’s over $2,000 in value.

Get Genesis Framework & StudioPress Themes free.Free themes with hosting

High Quality Hosting

Filed Under: Atomic Blocks Layout Templates

Previous Post: « Adding an Atomic Blocks layout to your page
Next Post: Adding blocks to an Atomic Blocks layout »

Site Footer

Privacy & Cookies: This site uses cookies. By continuing to use this website, you agree to their use.
To find out more, including how to control cookies, see here: Cookie Policy

Copyright © 2021 · Mai Law Pro on Genesis Framework · WordPress · Log in