Hello everyone and welcome to our place!
Yeah, I know… Getting back into the topic of using hosters to upload images instead of using WordPress library. The thing is… I found a way easier way to do this and I thought it would be nice to share with you.
Also, to be honest, I’m not 100% happy with that post. It had complications in the beginning and with the hotel’s internet I wasn’t able to do the best I think I could. Clearly it was my fault, I should had done a little more homework and put out the post completely accurate. But, well… Those things happen from time to time. I’m sorry about that one and I’m here, hopefully, to redeem myself 🙂
Now, for this process in specific I’m using Imgur. I do not know if this works with all the hosters. If you put the direct link from a random picture random in Google it does work, so probably it also work if you use the direct link from your images disregarding the hoster. But, since I don’t know, you’ll have to try it out and see for yourself 🙂
Let’s start this with a small explanation how Imgur works:
– Imgur –
Now Imgur is a hoster of pictures where you can upload your images. You can share with the community if you want and you also can find and search for others’ people pics and gif. However, in this case we are going for private albums and images. You can do it as you want, but since I use my images just for the blog I don’t really want them to be shown in other people’s searches.
First you create an account and all that which I’m not really to explain how to. I’m sure you are able to handle that. I’m going to start to explain how to create private albums first and then how to upload pictures.
– How to create an Imgur’s Album Step By Step –
First of all you need to click in your name and then albums (hard I know xD)
There you will have all of your albums. As you can see I use albuns for each post I write! And then I’m doing a gallery of all my goodbye gifs (since I use one every post and all) XD
Here, of course, you click in create an album.
You will get this pop-up and here is where you can put all the information. Where you have Imgur Post is the title of the album. Here, since I want my images not to be seen I just put hidden.
The difference between hidden and secret is that, with hidden you still can use direct links, with secret you can’t even do that which means the images won’t show up if at your blog if you have the album definitions in secret.
Then you just press save.
Last, but no the least, it will appear a window where you can add uploaded images to your album. If you already have media to add just go to non-album images and click in the ones you want to add.
However, if you are doing this my way, then you still don’t have your pics uploaded. Click on This Album’s images, the space will be empty and then press save.
And that’s it. You just created a hidden album which only you in Imgur can see the media inside it and, of course, the places where you insert the direct link.
Now, you have the album, but it’s empty, right? So let’s add images!
– How to Add Images in Imgur to An Album –
First of all you need to get out from albums and go to images.
In images you first want to click in add to album and then click the album you just created. For me it’s the “Imgur Post” album. This way all media added will automatically go to the album you just created.
Then, you just need to click in add images.
This is what you will pop-up. You can add images by browsing your pc, just dragging the media there, or paste the image or URL there. I advise you to go by browsing/dragging images because this way you can add a lot of them at the same time.
Moreover, I always prefer to download the image first, see the image size and change it to better my need if needed. I mean, I could love a GIF, but if he weights 10MB won’t be using. I’ve already explained why in my “How To Get More Google Hits” series.
And that’s it, the images will be uploaded and added to the album you chose. Now, let me show you how easy is to add the media to your WordPress Post.
– Adding Images from Imgur to WordPress –
First click on the image/gif you want.
This menu will appear. As you can see there are many ways to get that image to post in other places. You even have an HTML code so you can easy copy and paste on your post’ HTML.
However, you don’t need to use the HTML code. In fact, you just need to copy the direct link and paste it on your writer in the visual side and the picture will appear. Yeah, that easy. As in the last post I’ve written about this, everything will work as if you did insert an image from the gallery. You can resize and caption it. However you can’t edit it.
But, first, let me show you what will appear on the HTML side when you do this:
Basically you have max-width to 100% which means it’s dynamic (smaller screens will see it smaller and bigger screens will never get the image bigger than originally is). However, as you can see there is no alternative title.
For this you just will have to add it manually in the HTML side as you already had to do using last post process. Basically, it will appear like this:
Basically just go add a space where src ends and add alt=”xxxx”, being xxxx the name you want to give that media. And, that’s it!
– Final Remarks –
As you can see this is way easier to do than writing so much HTML as I explained in the last post. In fact, if you don’t really mind not having alternative titles to your images (which means your images won’t appear in google images) it gets even easier since you don’t have to take into account any kind of HTML coding.
Hope this help you and that I made your blogging a little easier. I asked who wanted to be tagged in this in my Twitter, but since no-one has commented there (Poor me) I will only tag awesome Tanteikid. Make sure to follow him 😉
If you have anything to add or any question, feel free to comment down below! We all know how I love to get those comments eheh