Adding Photos to Pages and Posts
This article will show you how to add images to pages and posts to help your content stand out.
Navigating to Your Pages and Posts
When viewing the Placester Dashboard, click on the “Edit Site” link located either in the Quick Actions menu or within the theme preview window.
This will bring you to your Site Settings panel. From here, you can click on either the “Pages” or “Posts” tab.
From these sections, you can either create a new page/post or edit any of your existing pages/posts. To learn more about editing an existing page, click here, and to learn more about editing an existing post, click here.
Image Upload Tool
With Placester’s pages and posts, you can add as many images as you'd like. To upload an image directly into your content section, you'll need to use the image uploader tool in the formatting bar.
To start, click on the spot where you want the image to be uploaded within the content window. Next, click on the image icon, located to the right hand side of the formatting bar.
This will bring up the image upload window. You can upload your image by either clicking on the “Choose File” button which will allow you to choose an image file on your computer, or by dragging and dropping an image directly into the editor.
Once your image has been uploaded, you’ll notice a thumbnail of the image appear towards the right hand side of the window. Before clicking “Save”, you’ll notice a couple of different options for your uploaded image in the “Manage Images” section.
Adding Alt Text
The first field is where you’re able to add Alt Text (alternative text) for your image. This is used within the backend coding of the site to describe what the image looks like on the page. As a pro tip, we advise adding alt text to your images, as this will actually help build the SEO of your site! When your images have alt text, this helps search engines (such as Google and Bing) crawl your site and index your images more efficiently. To learn more about writing alt text and what the best practices are, click here.
Resizing Your Images
Using the Size dropdown, you have the ability to resize your images directly through image uploader. The size options in the dropdown menu uses percentage of page width to determine the size of the image.
Keep in mind that if you’re looking for more customization when resizing an image, you can always use a basic photo editor, such as Pixlr Express to resize the image before uploading it to the page. To view our recommended image dimensions for each theme, click here.
Alignment and Text Wrap
Using the Align dropdown, you can adjust where the image aligns on the page. You can also use the alignment setting to allow for text to wrap around the side of the image on your page. For Text Wrap, select left or right in the Align dropdown. You will also want to make sure that your image’s size is smaller than 80% to allow for text to display next to the image.
After saving your image alignment settings, you will then have the ability to type text next to the the image within the page/post content.
Hyperlinking Images and Adding a Button
Though Placester doesn't have built-in functionality for adding a button to your site, you still have the ability of adding an image of a button that links another page or outside link.
To hyperlink an image, you will first need to upload the image to the content section. Next, click on the image that you would like to hyperlink (you will notice that the image becomes a shaded blue). Once the image is selected, click on the hyperlink icon which is located next to the image icon in the formatting bar.
This will prompt an “Insert Hyperlink” pop-up window, which will allow you to add your link in the Web Address field. The tooltip field is where you can enter a message that would appear when your cursor is hovering over the image on the live site. You also have the option to check off “Open Link in New Window” which would allow site visitors to go to the URL in a new tab with your site still open in a separate tab.
If you have added hyperlinks to images but would like to edit or remove them, simply click on the image and click on the hyperlink icon in the formatting bar. The “Insert Hyperlink” window will come up with the URL that you had originally added to the image.
Editing and Removing Images
You can edit and/or remove your images at any time by clicking on the image icon on the formatting bar. After clicking on this icon, all of the images that you have uploaded to the Content section will appear in the Manage Images column towards the right. If you would like to remove an image, simply click on the “Remove” link located underneath the image.
Need More Help?
If you still have questions about adding images, let our support team know at firstname.lastname@example.org.