Instructions for Kathryn

Login

You will go here to login: https://www.kathrynstinson.com/wp-admin
using your username (kathryn) and password. If you forget your password you can click “Lost your password?” to get an email to re-set it.

The login will open a dashboard where the options you need to update the site content are all in a black sidebar on the left.

Briefly, you’ll be using:

Posts to write new articles (or edit existing posts)

Pages to edit the content of all the other pages

Image ALT Text to write a description for each “featured” image that both describes the image content and is also a good additional hint for search engines about what the page content is about (use phrases that people are likely to put into search engines)—this content can also be entered image-by-image when you upload an image or by opening images in the media library (see Media tab in the dashboard to view all images). The image-by-image method will still need to be used to add ALT text for images that have been used within the client-issue galleries.

SEO Entry where you enter the SEO title for each page and also a meta description. Neither of these is visible on the page itself but they provide the content for search engines to understand your pages and the title and probably also the meta description will show up in the search results in search engines. This can also be done page by page (in the Yoast SEO section) but it can be easier to work from a list-page like this.

ADDING NEW ARTICLES

Click “Add New” under Posts and enter title and text, using the formatting tools available to add sub-headers (use Heading 4) to break up the articles, use bold, italics, add links etc. You can also add images to posts using the “Add Media” link. Generally the “Visual” editor is all you need. The “Text” editor tab can be useful if you want to add html for a special reason. You can view the post in preview mode via a link in the black toolbar at the top of the page (which will remain over your public site while you are logged in and will allow you to edit any post or page from the page itself). You can save the post in draft mode until it is ready to publish. Click “Publish” when you are ready to publish the post to live.

EDITING THE PAGES

Home

This is where you will edit:

– the text and featured image for the page-top content (“You’re Living a different story”)

– the two taglines for the banner area (see Banner Statement 1 and Banner Statement 2)

Remember to click “update” to save your changes.

The direct link is: https://www.kathrynstinson.com/wp-admin/post.php?post=17&action=edit

The content for the “How Would I Work With You” comes from the individual page for the “Clients and Issues” section plus the excerpt content for each of the child-pages within that section.

About Me

Go here and follow the same method of editing:

https://www.kathrynstinson.com/wp-admin/post.php?post=23&action=edit

Clients & Issues

The top part of this page is editable here:

https://www.kathrynstinson.com/wp-admin/post.php?post=32&action=edit

The excerpts for each of the sub-sections are editable via the child-pages for each. You can either go to the single-issue page on the website for the one you want to edit and click the “Edit Page” link in the black toolbar or find the page via the dashboard list of pages.

If you add a new client issue page, use the “Add Page” link and set the page up to take “Clients &  Issues” as the parent page (see page attributes on the right, below the Publish/Update button) and “Client Issues” as the template to be used for the page.

Special Note on Adding Images to the Client Issue Pages

When you open one of the sub-sections in edit mode (eg https://www.kathrynstinson.com/wp-admin/post.php?post=42&action=edit), you will see, in the visual editor, that the images for that sub-section have been added to the main content area above the text and they don’t look the way you’d expect.

The images have been added as a gallery and we have coded the gallery to display as a column in wide screens and as a slideshow for mobile devices. It is important that you add new images within these galleries, not as individual image.

If you click on the topmost image you’ll see a little pencil (edit) icon and an X (delete). Do not click the X to delete an individual image; clicking this will delete the gallery. Instead, click the pencil icon to edit the gallery (to add or delete individual images). When the gallery opens in edit mode, you will see that you can delete images from the gallery via an “X” on each image and you can add additional images via the “Add to Gallery” link on the left. You can also re-arrange the order of the images via drag/drop.

Once you have finished making changes, (i) click “Update Gallery” and (ii) then, back in the client-issue page, click “Update” on the page itself.

Fees & Payment

Edit page from https://www.kathrynstinson.com/wp-admin/post.php?post=29&action=edit

The two top links have html details that you might want to view in the Text editor before editing (a class=”button” href=”/contact/#freeConsultation” for free consultation link and a class=”button” href=”tel:3148276803″ for the phone link) but otherwise, everything is pretty straightforward.

Contact

There may not be much here to edit unless you move but this is another page where there are a few html details that you can watch out for in the Text editor if you need to edit it.

Restoring Deleted Work:

At any point, if you make an edit that loses some important content, you can open the “Screen Options” via a tab at the very top of the dashboard pages and display “Revisions”—from which you can select an older version of your content to revert to.

Something you probably won’t need to know, but just in case:

The galleries for the client issue pages are enclosed in a special div with class=“col-md-4 col-slide” that you can see if you open the Text Editor. As long as you use the visual editor to edit the galleries and don’t actually delete a whole gallery, you won’t need to worry about this. But should you ever accidentally delete a gallery (or need to create one for a new issue page) , you can refer to a page with a gallery to see how this is put together in the Text editor (just copy and paste a gallery form <div> to </div> and then edit it in the visual editor.