Press Relaease Layouts

I noticed this post was displaying in a way that was breaking the template. Two things were happening and I show some fixes here. First the entire post was displaying on the Table of Contents (TOC) rather than an abbreviated intro. With that the picture that was added to the post was on the TOC and it didn’t fit so the layout got smushed.

To begin the fix we added the “READ MORE” option. This moved the picture to the Post Detail Page.

Press Release Table of Contents

media_1393630600357.png

I noticed this post was displaying in a way that was breaking the template. Two things were happening and I show some fixes here. First the entire post was displaying on the Table of Contents (TOC) rather than an abbreviated intro. With that the picture that was added to the post was on the TOC and it didn’t fit so the layout got smushed.

To begin the fix we added the “READ MORE” option. This moved the picture to the Post Detail Page.

Martha’s Vineyard Sea Salt

media_1393630600478.png

On the post detail page the inserted image was 1) smashing in to the featured image and 2) physically too large for the post* and 3) had a link on it.

*Reducing image size is not covered in this document.

Edit Post ‹ Martha’s Vineyard Sea Salt — WordPress

media_1393630600634.png

Back in the Admin I inserted the “More Tag”. This causes the layout to break in the TOC to the Detail Page.

Edit Post ‹ Martha’s Vineyard Sea Salt — WordPress

media_1393630600732.png

To move the inserted image away from the featured image I used a “Shortcode”. They are provided by the theme developer. You can go through the shortcode tool to find the


shortcode, among others but it’s just as easy to type it in if you can remember what it is.

P.S. I did hit “return” two times after inserting the


to move the image down a bit more.

Edit Post ‹ Martha’s Vineyard Sea Salt — WordPress

media_1393630600829.png

Clicking the “Y” brings up the shortcode dialog.

Edit Post ‹ Martha’s Vineyard Sea Salt — WordPress

media_1393630600929.png

Type “clear” in the Filter Shortcodes search field. When it’s found, click it.

Edit Post ‹ Martha’s Vineyard Sea Salt — WordPress

media_1393630601032.png

This window appears, click “Insert shortcode”

Edit Post ‹ Martha’s Vineyard Sea Salt — WordPress

media_1393630601092.png

After inserting the image, click it and mouse over. Then click on the Edit Image icon.

Edit Post ‹ Martha’s Vineyard Sea Salt — WordPress

media_1393630601161.png

In the Link URL field select “None”.

WP Engine ‹ Martha’s Vineyard Sea Salt — WordPress

media_1393630601214.png

In an effort to speed up publishing notice I have “TWO” tabs open with the MV Sea Salt Admin. In the second tab I have the WP Engine page loaded. Sometimes I’ll have three open. Just so I don’t have to wait for these pages to load. I already have them loaded. You may want to do this too.

Regardless, you may have also noticed that when you publish or make an edit to a page it seems the changes don’t show up when you look at a page while NOT in the Admin. This is called “caching”. Caching is a system to make pages load faster. But in order to see your changes without waiting for the cache to clear you’ll want to force the cache to clear. Read on to find out how.

The WP Engine Page

media_1393630601280.png

After you make and save an edit to a page/post switch to the tab that has the WP Engine Admin page loaded.

  1. Click the “Purge All Caches” button
  2. Click “OK” in the pop up dialog.

When this page is done your edits will show on a public side page after refreshing.

Firefox

media_1393630601372.png

Finally, I want to mention that I use TWO WEB BROWSERS when I’m working on a website. All the edits you saw above I was doing in Google’s Chrome browser, then I switch over to Firefox to preview the changes. This way you’ll see the a page the way a visitor would – not logged in. This also saves time.

Leave a Reply