Category Archives: Tutorials

How to Insert Photos into a Gallery

Note: Most of our websites use an open-source image gallery plugin called “NextGen Gallery.” This tutorial has been written for this particular plugin. If your website does not use this type of gallery, please contact us and we’ll gladly help you out.

Everyone likes to look at samples of your product/service, and what better way to do that then with a showcase image gallery? We will teach you how to add images to a photo gallery, below.

Getting started:

  1. Log into your website.
  2. After you have successfully logged into your website, look for the “Gallery” tab on the left menu. Hover over it with your mouse and select “Add Gallery/Images.”

Uploading images to your gallery

  1. Once you are on the “Add Gallery/Images” page, you can either add images to an existing gallery, or create a new gallery.
  2. To create a gallery, click “Add new gallery.”
  3. Name your gallery and then click the “Add gallery” link. A short embed code will appear on the page. Copy and paste the embed code onto the page you want people to be able to view your gallery from.
  4. To upload an image make sure you are on the “Upload images” tab. Then simply click “Select Files” and find the photos you wish to upload to the gallery.
    We recommend enabling the auto-scaler for your images.
  5. Then select the gallery from the dropdown menu and click “Upload images.”


Congratulations! You now know how to add photos to your gallery!


Inserting Photos on Pages & Posts

Having quality content that is both exciting and easy-to-read is very important to the success of any website and internet marketing strategy. But any professional writing expert knows that images that supplement good copy can be just as important.

So if you’re looking to add or replace photos on your website pages or blog posts, read on!

Getting started

  1. Log into your website.
  2. After you have successfully logged into your website and can see the “WordPress Dashboard,” select the appropriate “Posts” or “Pages” option, depending on which type you are meaning to edit.

    Need to know How to Create/Edit Pages & Posts?

Uploading images to your website

  1. Now that you are in the “Page Editor,” select the area within your content that you wish to add a photo to by clicking once. You will see a text cursor flashing in that location.


  2. After you are satisfied that you have selected the appropriate area of your content, locate the “Add Media” icon above the content editor. It will be sitting to the direct right of the “Upload/Insert” text.
  3. Once you have found the “Add Media” icon, click it.
  4. A window will pop up prompting you to “Add media files from your computer.” To do so, click “Select Files” and then find the local photo files on your computer.


    It is highly recommended that you keep all uploaded photos below 800 x 800 pixels.

    When you are satisfied that you have found the photo you wish to use, click “Open.”


  5. After the upload has completed, you will see a series of options attached to the photo that was just uploaded. You can enter in a title, alternative text, caption, description, choose the alignment of the photo in the content, and then choose a preset size for the photo.


    We recommend that you remove the “Link URL” and then choose the alignment in size prior to the next step.

  6. Once you are satisfied with your options, click “Insert into Post.” Your photo will now be included within the post!


  7. Finally, click the blue “Update/Publish” button.

Congratulations! You now know how to add a photo to pages and posts!

Creating/Editing Pages & Posts

Now that your website is up and running, you may want to make some changes and additions to your content.

In WordPress, content is separated into two types: blog posts, and pages.

  • Pages represent static content, typically linked to directly from the navigation menu.
  • Blog posts are more dynamic pieces of content—typically used to communicate less formally, but more frequently, with your audience.

Getting started

  1. Log into your website.
  2. Once you are logged into your website and can see the “WordPress Dashboard,” hover over either “Posts” or “Pages” depending on which you plan on working with. For the purpose of this tutorial, we will work with “Pages.”
  3. If you wish to edit a pre-existing page, click on “All Pages.” If you wish to add a new page, click on “Add New.” For the purpose of this tutorial, we will edit a pre-existing page.


Choose what you would like to do

  1. When the “All Pages” screen loads, you will see a list of all the pages that currently exist on your website. By hovering over any page title with your mouse cursor, you can choose to “Edit,” “Quick Edit,” “Trash,” and “Preview.”

    These options also exist for blog posts.


  2. For the purpose of this tutorial, click “Edit.”
  3. Once the “Page Editor” has opened, you will see that the editor resembles Microsoft Word. There is a main content area, a title bar, and a variety of formatting options available, such as bolding, italics, linking, and more.


  4. On the right hand side you will see options for “Save Draft,” “Preview,” and “Publish” as well as a few other options. For right now, familiarize yourself with those three buttons as they are the most important for saving your newly added or edited content.
  5. At the top of the editor there are additional icons that offer the inclusion of other features into your page/post, such as forms, images, etc. Keep an eye out for future tutorials on how to add these features to your content arsenal.

Congratulations! You now know how to create/edit pages and posts!

Logging into WordPress

So you’ve got this great new website up and running, but you want to be able to make some changes to the content, create some new blog posts—whatever! The first thing that you have to do is log into what is called the “WordPress Dashboard.”

Get to the Login Screen

The “Wordpress Dashboard” is accessible by going to your website’s home page address in your web browser (typically laid out like and then adding /wp-admin.

When finished, it will look something like this:


Enter your Username & Password

Once you reach the “Wordpress Dashboard” login screen, you will be prompted to enter in your username and password. This information should have been given to your primary site administrator at the completion of the site building project.


If you were not given the login details or you have misplaced them, you may contact a Jon Donley Media representative via the support form at: and you will be sent the details as quickly as possible.

Go ahead and enter in your username and password, and then click “login.” You should then arrive at the “Wordpress Dashboard” main screen.


Congratulations! You have logged into your website.