Logging in to your website

Login here: https://dev.speedypancake.co.uk/yoursite/wp-admin using the details we emailed you previously.

NOTE: You can reset your password from the login page using the "Lost your password" option. A reset link will be sent to the email address associated with your user account. Your login address will change to : http://yourdomain.com/yourwebsite/wp-admin once we have transferred your website over to your own hosting.

Logging in takes you to the wp admin dashboard. Don't panic! - you don't need to worry about 99% of all the stuff there. Promise.

Typical WordPress Admin Dashboard

Switch to your normal website view by clicking the little home icon top left. Notice the new black admin toolbar strip running across the top of your pages when logged in. Switch back to the admin dashboard at any time if you want by again clicking the little dashboard icon top left.

Editing your pages

Login as above and switch to the "normal" website view.

Navigate to any page you want to edit and click the little "Edit Page" icon in the black admin tool bar across the top of your page. This will open your page in the wordpress page editor.

We use the amazing Siteorigin Page Builder system so you will find that your page content is contained within a series of rows or boxes which are arranged in the same order they appear on your page.

To edit the actual content click inside any box.

Editing your pages

Example - edit your homepage intro text:

Login and open your homepage for editing as described above.

Click inside the box that contains your introduction text  ("Introduction Text"). This opens the wordpress page editor.
*Note: WP gives us 2 options to edit - "Visual" or "Text". You can switch between the 2 views by clicking the tabs in the top right of the editor. You would mostly be using the "Visual" mode as this displays your content as it looks on the website. The "Text" mode is more useful for pasting special html code or text lifted directly from another website or word processor document etc.

You'll see some familiar formatting options in the edit tool bar. Most of them are obvious, but there's a "paragraph" dropdown menu to select various Heading sizes (H1 to H6) or the normal default "paragraph" text size.

So make your text edits as required. Then click the blue "Done" button & finally the big blue "Update" button in the "Publish" section on the right to save your changes.

You can now check out the live page by clicking the "View Page" tab in the black admin strip across the top of your browser.

Homepage Banner Image
Some of your pages, such as your home page have a large feature image at the top. You can change this image by editing the homepage.

See the column of options on the right, scroll down to find the “Featured Image”. Click the image to browse your media library for an image you have already uploaded, or your computer to upload a new image you want to use.
*Note: While your website image dimensions aren’t really critical, for best results you want to use a fairly large, landscape / letterbox format image for these banner / hero images. Aim for something @ 2000px wide X @ 800px tall. Tiny, portrait style images just won’t look right here!

Click the blue “Set Featured Image” and then the blue “Update” button to save your changes.

Edit the Homepage Banner Text

You’ll find the text that goes across the Homepage Banner image by editing your homepage and scrolling down just underneath the “Featured Image” option on the right.

Click the “Custom Fields” dropdown and you should see Name: “headline” and Value:
Just edit the text to say what you want. Try to keep inside the html h tags to avoid display issues.

Click the blue “Update” button to save your changes.

Replacing Content Images
If your pages include images in the content these can be replaced, resized or deleted.

For example, to replace the team photo to the left of the “About Us” linking section on the Launchpad demo homepage: Open your homepage for editing. Scroll down to the 4th row and click inside the “About Me Image” box.

Click on the image and the “Edit” option that pops up.

Click the “Replace” option to browse your media library or computer to choose a new image.

Click “Replace” then “Done” and finally “Update” to save your changes.

Click on the “View Page” tab in the black admin toolbar strip across the top to see your page. *Again, image sizes are not super-critical, but an image of @ 1000px X 700px is plenty big enough for most situations apart from the full-width hero banner images.

Uploading & Adding New Images You can easily upload and add an image to any page. Just edit the page and click where you want the image to appear. Now use the "Add Media" tab (top left of your page format toolbar) and browse to find your new image and click the blue "Insert into page" button, then "Done" and "Update" to save your changes.

We have used a plugin called Content Views Pro to create groups of images which link to other pages or sections on your website.

An example of this is on the Services Page - a grid of 6 thumbnail images linking to their pages.

When you edit this page in your page editor, you won’t see any of these images or the text, just a row with a shortcode in it.

A shortcode is just a tiny bit of code like this: [abc-1234etc] . It’s created by the content views plugin, and instructs the section to go and grab an image and some text from different pages or sections and link to them. In this case any page with the "Service" category.

You can edit various aspects of your view by clicking the “Edit View” link which is visible when logged in and viewing your homepage. It’s at the top left of your block of image links. Probably best not to mess with all these settings for now.

The important thing to understand here, is that the images you see in this section are lifted directly from the pages they link to.

For example, in order to change the image of bottled herbs which links to the “Lovely Smelly Things” page – click on the image to follow the link to the page and then click the “Edit Page” tab in the black admin toolbar across the top of your screen.

When editing the page, you should see a row split 50/50. Click inside the first box “SiteOrigin Editor” and you’ll see the image of the herbs. Click the image and the little pencil “edit” icon that pops up to change the picture. Click the “Replace” tab under the image editor and browse your media library or computer to choose a new image.

Click “Update”, then “Done” and finally “Update” to save your changes. The "Lovely Smelly things" image link on the Services should now have updated to show your new image.

Note that the Content Views plugin will grab the first image it finds in a post or page. If you ever wish to use a different image for your link, you can give your page a “Featured Image” as described previously. This will then override any images found within the page content.

The Content Views plugins can also add a short snippet of text to the image links. For example, under the “Donuts Delivered” thumb link shows “Custom Excerpt Text Goes Here..” .

You can change this text by again clicking on the image to follow the link to your page and editing the page.
Click the “Excerpt” section on the right and type whatever you want your text link to say. Keep it short though as there’s not much room!

*Note If you leave the Excerpt field empty, the view will just grab the first few words it finds on the page instead.

We use a plugin (Max Buttons) to create call to action / buttons. To insert a button, edit your page and click where you want the button to appear.

Near the end of your editor format toolbar, click the little pink "MB" button. You can choose the button style you want and click "Use this Button".

You can now set a Button link / url. If you don't change or add anything here, then the button defaults to opening your contact page.

So if you wanted your button to link to your "About" page instead, then paste that link address into the URL field.

You can write "About" in the "Button Text (or anything else) & click "insert button into editor". As usual, click "Done" & "Update" to save your changes.