Insert photos from Unsplash
Looking for professional, high-quality photos to add life to a news post, group page, or event page? Integration with Unsplash allows users to find the perfect image with a simple keyword search through the Rich Text Editor insert image action.
Unsplash has over one million free high-resolution photos, and they are available through the Unsplash integration to help make your intranet beautiful. Attractive images added to news posts and other content pages are visually appealing, capture attention and increase views.
Integration with Unsplash allows you to seamlessly search and import Unsplash photos in the Choose image window. Simply enter one or more keywords in the search field and view a selection of images that match those terms. In the search window, photos appear with the photographer's name below them, which serves as a link to the photographer's profile on Unsplash. Once you insert an image from Unsplash into an intranet page, the images are stored on your intranet.
Unsplash provides over one million royalty-free images from more than 200,000 contributing photographers. Use of Unsplash images is governed by the Unsplash Terms & Conditions. A link to the Unsplash terms is available at the bottom of the Choose Image window > Unsplash tab.
The Unsplash integration is on by default on ThoughtFarmer intranets. Administrators can turn it on/off globally by going to the Admin panel: Integrations section > Unsplash page. If Unsplash is disabled, any Unsplash images that were previously added to content are not affected.
Add Unsplash photos in Rich Text Editor
Add professional images to the body section of any content type, or in a comment. Unsplash images are not available to add via Rich Text Editor fields in form entries.
- In edit mode, click the Insert image icon.
- In the Choose Image pop-up window, click the Unsplash tab.
- Enter keywords in the Search Unsplash photos field to find images. A selection of images will appear. Click Load more at the bottom to see more images.
- Click on an image to select it. A checkmark will appear on the selected image.
- Click Insert to insert the image into the Rich Text Editor.
Once an image is inserted in the Rich Text Editor, you can click on the image to bring up the image menu and click the View in Unsplash icon. This takes you to the original image on the Unsplash website, where you can learn more about the image.
Select image orientation
Before or after searching for an Unsplash image, you can choose to display all images or only images of a certain orientation: portrait, landscape, or square. Select the radio button for the orientation you want to display.
Crop Unsplash photo
After you insert a photo into the Rich Text Editor, you can crop the image using crop presets, or selecting the specific size and area of the image that you want.
- In edit mode, select the image to bring up the image menu.
- Click the edit icon (Image properties) in the image menu. The Image properties pop-up window will open.
- To crop the image to the area you want to show, you can:
- Select one of the five available crop presets: 1:1, 3:2, 2:3, 4:3, 16:9.
- Click and drag the edges or corners to change the size or shape of the crop area.
- Click and drag the crop area to select what part of the image is in the crop area.
- Click Reset to change the crop back to the original whole image.
- Click Update.
- Continue editing or click Save at the top of the page.
Add Unsplash photo to a page header or profile cover image
Add life to your profile, groups or other pages by adding an Unsplash image to the page header.
- In edit mode, click the image icon in the top right of the page header area. (If there is already a header image, click the image icon on the header image, and then click Replace in the Page header settings pop-up window.)
- In the Choose Image pop-up window, click the Unsplash tab.
- Enter keywords in the Search Unsplash photos field to find photos.
- Select the radio button for Landscape orientation to find images that are more likely to fit the best dimensions for a page header image. (To learn more, see Image size guidelines.)
- Click on a photo to select it.
- Click Done to insert the photo into the page header.
- In the Page header settings pop-up window that appears, the vertical center of the image is selected as the "safe area" that will always display no matter the dimensions of the page header image. Click and drag the "safe area" box up or down to select the area that you want to display. (To learn more, see Page header image guidelines.)
- Click Done in the Page header settings pop-up window.
- Click Save or Publish.
Add Unsplash image as a page thumbnail
Select and crop a thumbnail image to draw attention to a news post, carousel item, or search result.
- In edit mode, under Thumbnail, click Add image. (If there is already a thumbnail image, click the edit icon on the thumbnail image, and click Replace in the Thumbnail settings pop-up window.)
- In the Choose Image pop-up window, click the Unsplash tab.
- Enter keywords in the Search Unsplash photos field to find photos.
- Click on a photo to select it.
- Click Done to insert the photo as the thumbnail image.
- In the Thumbnail settings pop-up window there are three crop areas for the different applications of thumbnail images. Use the plus and minus buttons below the image (or the scroll wheel on your mouse) to zoom in or out. Click on the image and drag it to show the area you want.
- Repeat step 6 to crop the three crop areas (Rectangle, Square and Wide rectangle).
- Click Done in the Thumbnail settings window.
- Continue editing the page or click Save.
To learn more about how to crop for different image applications, see Crop thumbnail image.
Comments
1 comment
Hello!
Is there a whitelist sheet on what our IT needs to let pass through in order for our content owners to use them? We have strict access to the external internet so I need to provide that info to our IT team. Is it only https://unsplash.com/?
Thank you,
Chris
Please sign in to leave a comment.