Images

Follow

Adding an Image

  • Go to "yourdomain.com/admin" to login
  • From there navigate to the page you would like to edit and select the "Edit" button located on the right or left hand side of your page.
  • Put your cursor on the page where you would to insert your image
  • Select the "Insert Media" icon on your toolbar (located to the LEFT or RIGHT of your page)
  • A media window will appear to upload your new image
    **You must have this image saved down to your computer
  • Select the "Upload Files" tab
  • On this tab, towards the center of your screen select "Select Files", as seen below:
  • This will connect you to your computer, from here navigate to your saved image and select it:


  • Select the "Open" option at the bottom once you image is selected...
  • Your image will have a blue check mark next to the top/right hand corner of the image as seen below:


  • In your bottom right hand corner you will spot "Attachment Display Settings":

    Alignment:

    LEFT:  Will align the image to the LEFT, and the text will wrap around to the right:


    RIGHT:  Will align the image to the right, and the text will wrap around to the left:


    CENTER:  Will align the image in the center, the text will wrap around the top and bottom:


  • Once you have your alignment set, select "Insert into Post".  This will add your image to your webpage.
  • Select the "Save Changes" icon, to publish this change live!

Image Slideshow

This will allow you to create a slideshow of your images just like this example below:

  • Go to "yourdomain.com/admin" to login
  • From there navigate to the page you would like to edit and select the "Edit" button located on the right or left hand side of your page.
  • Put your cursor on the page where you would to insert your slideshow
  • Select the "Insert Media" icon on your toolbar (located to the LEFT or RIGHT of your page)
  • A media window will appear, select "Create Gallery" on the LEFT hand side
  • You will now see two tabs labeled "Upload Files" & "Media Library"


Upload Files Tab:

This will allow you to upload any images you don't already have uploaded in your Media storage:

  • Select the "Upload Files" tab
  • Select "Select Files" Button to navigate through your computer to find the image
    **You must have the images saved locally to your computer...

  • Once the editor uploads your image(s), it will bring you back to your "Media Library", where you can select multiple images to be displayed in your slideshow. 

Media Library Tab:

This will allow you to select multiple images you have uploaded to use within your slideshow:

  • Select each image you would like within your slideshow by clicking directly on the image
  • A check mark will appear in the upper right hand corner of the image- this will allow you to identify all images selected:
    • To remove a select image:
      • Move your cursor directly over the checked icon of the image you do not want in your slideshow
      • LEFT click directly on the check mark to remove the check mark- now this image will no longer be included with your slideshow.
  • Once images are selected, select "Create a new gallery" button in the bottom right hand corner:


  • This will bring you to your final slideshow settings before you upload this onto your page
    • Ignore the "Gallery Settings" defined in the red box example below- these settings will have no affect on your slideshow
    • Random Order:  This will display your selected images randomly
      **If this is not selected, it will go in the order you see on the screen
    • Remove Image:  You will see a X next to each image selected- select that X to remove the selected photo from your slideshow.
    • Reverse Order:  This will auto arrange your images from last to first
      *button located in upper right hand corner,next to "Gallery Settings"

      To change current order of selected images:
      • LEFT click on the image and hold down with your mouse- now you can drag this with your mouse where you want the image ordered within the images selected.

  • Once your settings are in place, select "Update Gallery" button (located in the bottom RIGHT hand corner).
  • This will upload your gallery to your webpage!!
  • Select the "Save Changes" icon, to publish this change live!

Editing a Existing Slideshow

  • Go to "yourdomain.com/admin" to login
  • From there navigate to the page you would like to edit and select the "Edit" button located on the right or left hand side of your page.
  • If you have a slideshow, within edit mode it will look similar to this:
  • Click on the square box labeled "Generated Content"
  • You should see a toolbar directly above the box (upper left hand corner)- select the "image" icon: 

To ADD New Images:

  • Select "Add to Gallery"
  • You will see the same two tabs as before "Upload Files" and "Media Library"
  • Select the "Upload Files" tab
  • Select the "Select Files" button to upload your images
    **remember you need to have these images saved locally to your computer in order to upload them here!
  • Once you select your image to upload, it will bring you back to the "Media Library" with the image(s) you just uploaded selected.
  • Now select "Add to gallery"
  • This will take you to your final setting screen- all new images are automatically added to the very end. 

 To change current order of selected images:

  • LEFT click on the image and hold down with your mouse- now you can drag this with your mouse where you want the image ordered within the images selected.
  • Once your order is set- select "Add to gallery" to complete this update
  • Select the "Save Changes" icon, to publish this change live!

Adding a Title Tag, Caption and/or Description to Existing Images

Caption: This allows you to set a small caption on each inserted image which will show only when captions are activated on your gallery. If you have included them on each uploaded image and do not see captions showing live on the page, please contact PBHS Support for help activating this setting on your gallery.

Alt Text: The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

Title:  Should provide additional information regarding the image. It should be relatively short, but descriptive and/or catchy.   This title will pop up when you hover over an image (for some web browsers). 

 

  • Go to "yourdomain.com/admin" to login
  • From there navigate to the page you would like to edit and select the "Edit" button located on the right or left hand side of your page.
  • Select the image you would like to add a title tag or description tag
  • Once selected, select the "image" icon located directly above the image:


  • A window will appear (below), scroll down on this page to enter your Image Title and Alt. Text!


  • The Title Tag (only some browsers will display this) will show a pop up once your patient is hovering over the image (see example below):


  • Select the "Save Changes" icon, to publish this change live!

 

Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

Comments

Powered by Zendesk