Wednesday , September 18 2019
Home / Uncategorized / How to use Unsplash images in WordPress with one click

How to use Unsplash images in WordPress with one click



Unsplash is one of the best online sites to get free images to use in your projects. They do not require attribution, they are high quality, there are new images added every day, it is easy to search and you can find photos on practically any topic you can imagine.

Most of the articles I wrote that use the sample posts include images taken from Unsplash. They are of an incredible quality, but they are also very large files. They usually required several steps to prepare them for my website.

Usually the process was similar to this: go to Unsplash in my browser, search or browse, download every single image on my laptop, resize each image with my photo editing software and then upload it to WordPress for use in my projects.

I found a way to shorten this process. Now it looks like this: select Unsplash in WordPress, search or scroll and select the images you want. The images are automatically resized and placed in my WordPress multimedia folder, where I can use them in my projects, or are automatically inserted into my contents. This means that I can now use Unsplash images in WordPress with one click. No downloads. No downsizing.

Snapshot images – One Click Unplash Uploads

The solution is a free plugin in the WordPress repository called Instant Images. You can download it from the repository or search for it in the WordPress Plugin menu.

Once activated, a new menu item is added to the called Media menu Instant images. Here you can adjust settings, see new, popular or older photos or search for photos. The images are loaded with AJAX, so the new images are displayed as long as you scroll (which can be addictive, but this is a different problem). A menu at the bottom of the screen provides links to connect, leave a review or review the frequently asked questions.

The plugin offers two ways to add Unsplash images to WordPress:

  • Within the Media tab, it works with both the current editor and Gutenberg.
  • Within the page or post – this works with the current editor and with page builders using the current WordPress editor.

Instant image settings

Clicking settings in the upper right corner provides a screen with various settings and content areas. Unsplash settings includes image size settings for maximum width and height, and a checkbox to hide the Snapshot Images button next to the Add Media button on the post edit screen. I'm leaving them to their default settings, but this is an excellent feature to control image size.

What's up again provides information on the last two updates. Our plugins It lists other plugins of the publisher and provides buttons so you can install them from the WordPress repository. Click the X Settings button in the upper right corner to close this screen.

Set server permissions

Most likely you will be able to upload images without problems. I tried two different installations. The first one did not have problems while the second one would not have uploaded the images. The problem was the permissions settings for my server. The permissions have been set to 341. It must be set to at least 755. If you are using cPanel, go to instant-images folder inside the wp-content / uploads folder on the server and click permits. Your may seem different from this.

If you're having trouble importing an image, be sure to check your server's permissions. If this is not the problem, check the FAQs for more troubleshooting information. There are not many problems, but I had to set permissions.

Adding images to the media library

To add images directly to your media library, click Instant images in the media dashboard menu. You can find images by selecting New, Popular, Older or Looking. Scrolling reveals more images.

Once you find an & # 39; image that you want to add to your library, click on the image. Hover over the image to display the button to edit the details of that image, the preview of the photographer with a link to the images on Unsplash, a button for I like the image or the image button that allows you to view the image on Unsplash.com.

Clicking on the gear opens the Edit the image details for that picture. Here you can rename it, add your alt text and add your caption.

Clicking on the image automatically imports it into your media library.

After importing images, you will receive a message stating that the image is resizing.

You can import multiple images at a time.

Once you've resized and added to your media library, you'll see a green check mark icon.

The images are now in the media library where I can use them wherever I want.

The search provides a count of the number of images that use that keyword. Clicking the x on the number deletes the search results. You can search by keyword or by photo ID. The ID photo is useful if you found the image on Unsplash.com and you want to use the snapshot images to import it.

Adding images directly to posts and pages

If you've already added images to your media library, you can use them normally. If you have not added them yet, you do not have to add them to the media library first. A new button is added to the called WordPress editor Instant images. He sits next to the Add media button.

A modal opens in which you can scroll through new, popular or older images and search for the desired images.

Click on the image you want and proceed with the download process of a resizing. Once the process is complete and you have the green check mark, a new window will open up to the modal where you can edit the image. Here you can see the title, the alternative text, the caption, the description, the URL of the link, the alignment and the size. Once you've made your selections, click the button to insert the image into your content.

The image will be added to the post as if it had been selected from your media library.

In this example, I added an image inside the content with the average size and assigned it a left alignment attribute.

This is not a Divi plugin, but the Instant Image button is also available for any Divi module that uses the WordPress editor.

The Snapshot Images tab is not added to the front-end builder, though. Of course, you can still use the images you've added to the media library, including the ones you've added with Instant Images.

Unsplash image license

Unsplash photos are ideal for your projects thanks to their license. All photos on Unsplash can be used free of charge for commercial and non-commercial purposes. No permission is required and it is not necessary to provide credit to Unsplash or the photographer.

You can download, distribute, copy and edit photos as you like. You can not sell them or create a concurrent service for Unsplash.

Final thoughts

This is the way we use Unsplash images in WordPress with one click. Instant Image is by far the easiest way I've seen to import Unsplash images into WordPress. I like the ability to set the maximum image size and resize it when the image is imported. This is excellent for filling your multimedia library with high quality photos to use in your projects.

If you need high-quality photos in your projects, Instant Images could be the plug-in needed to simplify the usage process.

We want to hear from you. Have you tried instant images – One Click Unsplash Uploads? Let us know what you think in the comments below.

Featured image via GoodStudio / shutterstock.com


Source link

Leave a Reply

Your email address will not be published.