It's fairly simple to use Wordpress, except when it's being uppity. Which is a lot. Here are some tips.

Some plugins you add will appear next to the Media button. Don't panic if yours looks a bit different. Make sure you click the last icon on the right - that turns on more text formatting options.

If you are importing text from MS Word or from an email there's likely to be some weird formatting. Often it can be fixed by highlighting the weird text and clicking the eraser button.


Shortcuts

Double click on a word to highlight it.

Triple click to highlight a whole paragraph.


Headings

Let's say I want to turn this line into a heading:

What I used to do was highlight the whole sentence and then change the setting from 'paragraph'. But you just need to put the cursor anywhere on the line - it will change THE WHOLE LINE.

One click! Done!

Sometimes you'll get weird stuff happening:

What's happened here is that Wordpress thinks those sentences are on the same line. You can use the eraser tool to remove all formatting and try again, or press enter in the middle to force a new line between them. It should then be possible to change one line without it affecting the other.

When all fails, you can change from the visual editor to the text editor - even someone with my html skills can see that there's an easy solution to this problem.

All you have to do is add </h2> in the first red box, and delete the other one. That forces Wordpress to treat them as separate.


Shift+Enter

If you want to create a new line without having a space between the two lines, then use shift+enter.

This:

Becomes this:


Line Separators

I like adding these to break up sections on a page. 

Easiest thing to do is press enter to create a new line. Then 'add media' and drop in your line separator (Google image search to find them) . 

Change the title to page separator - in future when you want to use it again you can type 'sep' and it will filter out all the other images. Handy when you've got 3,000 images in your media file.

Here's what it looks like on the site:

Nice, right? Breaks up long sections of text and makes sites look friendlier.


Bullet Points

Again, you don't need to highlight the whole line to get what you want.

Here's a sentence that I wanted to change to bullet points:

With the cursor before the P of product I pressed enter, repeated that with the other entries, then highlighted ANY PART of the four lines.

Pressing the bullet point icon turns that into:

See the highlighting has stayed, proving you don't need to highlight the whole thing to get it right.

Bullet points sometimes turn out weird, especially when importing a text. Use shift+enter to try to force it to format the way you want.


Anchor Links/Jump Links

We'll be using a plugin to generate a Table of Contents for us - but sometimes you will want to create your own jump links. I use them a lot in product tables.

In the Tablepress table, instead of writing 'Porsche 911', I write <a href="#porsche">Porsche 911</a>

And in the relevant Page or Post I use the text editor to add this just before the product name:

<h3 id="porsche"></h3>
&nbsp;

Nothing from that code will be visible to the reader. The nbsp thing creates a new line - you need an extra line otherwise the title will be cut off.

That done, anyone who clicks Porsche 911 in the table will be taken to that part of the text.

A more advanced option is to put this code in your stylesheet:

 

<!-- For page jump adjustment -->

:target:before {
  content:"";
  display:block;
  height:60px; /* fixed header height*/
  margin:-60px 0 0; /* negative fixed header height */
}

 

If you can add that code without breaking the site - great! Now you can add the id="whatever" inside the heading tags that you already have and the jumps should look good and not cut off the heading.


You can normally create a link with the target #top to create a 'back to top' function. Again, we're using a plugin to get the same result, but there are times you might want to include one link in the text itself.

Let's try it here:

Back to Top