Home » media

Tag: media

FooBox Pro plugin for WordPress
WordPress simple tricks and tips
wp featherlight plugin
Using Creative Commons Images on Your Site With Confidence
insert media into library
WordPress Basics Tutorials

How To Use Your Media Uploader and Insert Photos Into WordPress Posts and Pages

Adding images to your posts and pages do not only break up the text and make your posts easier to read, but can also increase your readership by adding the right photos. The Media Library is where all of your media is collected and allows you to edit or search for an image you previously uploaded. Images can also be directly placed into pages and posts and will then be stored in your Media Library as well.

In this tutorial you will wrap your brain around:

  • How to upload images into your library, post or page
  • The grid and list view in your media library
  • Other tools and screen options in the media library
  • The right way to delete images
  • Cropping, flipping or rotating images once they have been put in your library or directly from the post or page where you inserted them
  • Options of editing all images, or doing a custom edit for the thumbnail view
  • Aligning images or wrapping text around them
  • Inserting additional info to your images to help with SEO and how to add captions
  • Using the default gallery settings in WordPress

The Media Library

In this video you will get an overview of the media library and how to upload images.

Two Tips Before Uploading An Image

1. Naming the file or Title: Before uploading an image name the file something more specific to what the image is or the subject matter that the post is talking about. Often photos from cameras and that are purchased have file names such as photo345875.jpg.  For example, if it’s a product, use the product name. If it’s a travel photo, name it by location or landmark. If it’s just a fun photo to use in your post, name it the subject of your post. WordPress does give you the option of changing it after it’s uploaded, but the original title sticks and is what the search engines will pick up.

2. Image Optimization: Optimize and edit your image before uploading. I recommend the width of an image, unless it’s for a large slider, around 600 – 800 pixels at 72 dpi. Of course, if you theme

List View or Grid View

These two icons let you switch between the two views.

media view type

1. The List View of Your Media Library

This is the default view of your media library. You can:

  1. Hide columns using the screen options at the top of the screen and choose how many images you want to view per page.
  2. View can sort your media by viewing them as images, video, audio or all.
  3. If you mouse over an image name, you can edit, delete or

media library list

If you do click on edit, you will get this window. Compared to the next screenshots of the grid view, you will see this one is a bit more cumbersome.

list view media library

 2. The Grid View of Your Media Library

The grid view gives you a much cleaner display of all of your images.

media grid view

If you click on an image to edit, compared the the list view, this gives you:

  1. Easier access to all the different edits that you can make
  2. In the upper right corner you can click the arrows to view and edit the next image.
  3. In the list view you have to save your edits, then click to return to your library. In the grid view, you simply make your edits, click the “X” to close the window and you are back to your media library.

media grid view

3. Uploading Media to Your Library

To add media to your library, once you click the Add New button, you get this screen. You can either browse your computer files to find the image, or simply drag and drop them from your desktop into this box.

upload new media to library

Adding an Image to a Post or Page

In this video I will show you how to insert images into a post or page. I will also give you tips on naming the file, your alt tag, captions and the different options you have when inserting the image.

When inserting an image into a post or page, you can click the Insert Media button and either drag and drop or search your computer for the image just as you would do when adding it to your media library. But, you can also simply insert the cursor where you want the image to go, and drag and drop in into you editor window.

drag and drop media into post

Once you have done that you will get a window like this.

add new media info


Once the image is uploaded when inserting into a post or page, this information appears in the right-hand side.

1. Give it alt text. This should also be keyword friendly and descriptive. Google does not like images without alt text.

2. Captions and descriptions are optional. These two are also more useful with certain images than others. And some plugins and widgets allow for display of the description.

3. Choose your alignment. If you want to have the image set above your text, do a return, place the cursor above the text, and use None or Center. The Left and Right will drop the image into the text with the text wrapping around the selected side.

4. The Link To settings work like this. If you select None, when you mouse over the image there is no link and the image is not hyperlinked. If you select Attachment Page, if you click on the image, a new post will open with the only the image in it. With Media File selected, if you click on the image a new window will open in your browser and the image will appear in the upper right corner. Typically you will not be using the Attachment Page or Media File as they really don’t service much purpose. If you choose Custom URL, this allows you to make the image clickable and linked to an outside site. And example how to use this would be if you had a picture of a winery, and you wanted people to click on it and visit the wineries website. I would recommend test all of these settings and setting the results for yourself.

5. The attachment size will give you three options: Thumbnail, Medium, Large, and Full Size. These sizes can be changed in your Media Settings. In the example below you will note that Large is not available. If the original, or Full Size of your image is smaller than any of the present sizes you will not be given that option. In this example, the Large option that you would normally see is bigger than the Full Size. WordPress will only let you reduce the size of an image, and will never let you increase it unless you do it manually. This is good as you most likely don’t want to make the image larger than the original size, which may cause the photo to be blurred or pixelated.

Then insert the image.

WordPress Image Editing

[box type=”alert”]NOTE: The video tutorial does not reflect one small change in WordPress 4.1. A few more tools have been added to the inline media editor which allow you to change image alignment. See in the video highlights a screenshot of what to expect.[/box]

Typically I recommend editing your image before you upload it. But if you do have any already in you media library, there are a few tools available, such as the ability to crop, rotate or flip an existing image. Watch this video to learn more.

If you are using WordPress 4.0 or older, once an image is in your media library or a post or a page, you can either edit or delete it. If its in a page, click on the image and you will get these two icons. If you need to delete the images, I recommend using the “X” as it will take out all code related to the image.

edit and delete media in post

Now in WordPress 4.1 you get additional options to change to alignment of your image, in order of left, center, right and no alignment.

inline image editor wordpress 4 point 1

If you click on the pencil you will get the edit page where you can change and update settings you made when you first uploaded it. If you want to replace the image, I would suggest using the Replace Image button. It works great.

v 4 edit image details

If you click on the Edit Original button, you now get this page. Just remember you are editing the file so it will affect how this image looks in both posts or pages you have placed it in, and, of course, in any future inserts.

edit image

How to Create an Image Gallery

WordPress has a default gallery that it will create for you. In this video I will show you how easy it is to do. But take note that the default gallery only opens images in a new post window. You can add a simple plugin to get a slideshow, just watch this tutorial after you have created your gallery. Of course, there are other plugins to create more dynamic galleries.

Video Highlights

WordPress has it’s own gallery feature that allows you to create a simple gallery. Choose Create Gallery then select the images you want to use from you media library.

create gallery

After clicking on the Create a new gallery button, you will be taken to this screen.

edit gallery

Here you can add captions to the images or drag and drop them in any order. You will also notice that on the left you are able to select how many columns you want in your gallery.

Once you are ready, simply click on Insert Gallery and you will now see it in your post or page.

gallery in post

Note: This is a very simple gallery that will allow you to do one of two things:

1. You can link the thumbnail to open up a new post where the image is show in full.

2. Or you can have it open the actual image URL, which opens it in a new browser window with only the image pushed up into the far left upper corner.

Neither is ideal though. #1 will work if you want to create an individual post for each image where you can add some text.

If you want to create a nice and easy slideshow, using the WordPress gallery feature, I recommend adding a plugin for that. You can watch this tutorial to learn more on how to do that.

WordPress Basics Tutorials

A Tutorial For Your WordPress Settings

There are numerous settings buried in the dashboard that affect not only how your site might look, but also helping with things like search engine optimization and making your site user-friendly. We will look at this settings in six videos, text and screenshots that include General, Writing, Reading, Discussion, Media and Permalinks.

In this tutorial you will learn to:

  • Make sense of your site title and tagline
  • Set up your timezone for scheduled posts
  • Allow or not allows comments globally
  • Moderate comments
  • Blacklist a mean commenter
  • Control the number of posts that appear on your blog page
  • Select a static homepage instead of your blog archive

Settings > General

[box type=”alert”]NOTE: The video tutorial for General Settings does not reflect one new addition to the settings: Language Packs. See the video highlight to learn more.[/box]

Video Highlights

General Settings

New in WordPress 4.1 – Language Packs in Your General Settings

In WordPress 4.0, you had the option to choose a language during the process of installation. Now it’s one big step better. You can change it here.

wordpress 4 point 1 language choices

Settings > Writing

Video Highlights

There are a couple of settings here to remember. If you use emoticons a lot in posts, or in comments, and want that special little smiley face to show up, keep that first box ticked. Also, when you chose to rename your uncategorized category, and after a bit, find another one that you use more often, you can change the default category here. This is the one that is always selected when you create a new post.

settings writing

Settings > Reading

Video Highlights

In your reading settings: 1. Front page displays – By default most themes have either your blog page or your custom page as your homepage. This feature allows you to create a static homepage and you can watch this tutorial for step-by-step instructions on how to do this. 2. Blog pages show at most: this will set how many posts you want to show on your blog page. 3. The next two are specific to your RSS and will be discussed in the lesson on RSS. 4. Search engine visibility: I recommend while you are building your blog to have this box ticked. I mentioned this in the first to-do lesson, but also revisit it in this lesson as well. It’s important to remember to untick this box when you go live with your blog, because this does block the search engines very well. You need not worry about remembering this when you go live as you will get a checklist to use when you are ready to go live with your blog.

Reading Settings

Settings > Discussion

Video Highlights

There are several settings here and most of them are straight-forward. The things to remember: 1. Keep these three boxes ticked. As far as allowing pingbacks, trackbacks and comments globally, you will be able to deactivate all three of these on any specific post.

Discussion default article settings

2. There are several settings here. Three to remember, do require that anyone who comments must fill out name and email. No one really has an issue with this, and it also helps you if people start leaving abusive or rude comments. And do not make commenters register, unless you have a specific reason for that. You will  lose comments by doing so. Also, when enabling threaded comments, this means that when someone replies to a specific comment, that comment indents a bit underneath. Depending on how many replies to a single comment take place, the formatting of your theme can make the nested comments become to narrow and difficult to read. So play with this number to find what looks and works best for your theme.

settigns discusssion 2

3. This area is important in your decision to moderate comments or not. To understand the pros and cons of moderation, and how to be use these settings, make sure you watch the video on commenting.

Discussion email me and before comment appears

4. Two points to be made here. First, leave the link number in the drop down menu on “2”. This prevents anyone from leaving too many links in a comment, which is typical of spammers. Also, if anyone gets nasty, rude, or downright mean you have two options. You can either send their comments from here on it to be moderated by you, or you can simply blacklist them, which won’t let them leave any comments. The information you need to list in these boxes you will find under Comments in your dashboard and opening that specific comment.

discussion comment moderation and blacklist

5. I recommend allowing avatars. This will put the avatar (photo) of the commenter, if they have one, by their comment. It gives your commenting section a much more personal feeling.

discussion avatar settings

Settings > Media

Video Highlights

These settings let you create a custom size for inserting media. I will be addressing these setting more in the lesson on Inserting Media into a Post or Page.

Media Settings

Settings > Permalinks

Video Highlights

Permalinks help with your SEO (search engine optimization) as well as making it easier for people to see what a URL is about or links to. For example, if you have created a post and titled it Twitter, The Best Social Media Platform Around. If you are using the default permalink, the URL will look something like this: http://yourdomain.com/?p=247 If you use the Post name permalink, the URL will look much better: http://yourdomain.com/twitter-the-best-social-media-platform-around I am recommending that you use the Post Name permalink. If by the time you go live, you decide on adding dates or categories, you will have that option. NOTE: If you have been using another permalink other than the default, and your site has been live, do not change the permalink. It will break any inbound links you have out on the internet.

setting permalink

featured image reminder plugin
plugins and widgets

Did I Forget That Featured Image Again?

featured image reminder plugin for WordPress

How many times has this happened?

Damn, I forgot that featured image!

A lot of themes depend on the featured image. It can play a major role in how a post looks, or even a homepage layout. There are even sliders that depend on the featured image.

Or maybe this has happened.

Your RSS pulls in the featured image. When you publish, and you forget that image, the RSS has been sent out and it’s too late.

Even some social media platforms pull in the featured image at times.

In any case, often it’s too late or a pain, as you don’t realize you are missing it. Especially if you scheduled your post.

No need to worry anymore!

My good friend, Aaron Hockley, over at WP Photographers just released a plugin called Featured Image Reminder.

And this little bugger is so simple. All you have to do is upload, activate and you are off and running. Next time you go to publish your post, and you have forgotten that Featured Image, this window pops up. Also works when scheduling a post as well.

Featured image reminder plugin warning

Cool, huh? Sometimes it’s the simple things in life (or reminders) that keep us happy.

WordPress version 4
plugins and widgets

WordPress 4.0 Has Arrived – A Video Overview

WordPress version 4

Well, WordPress 4.0 was just released and if you haven’t had a chance to explore it yourself, or visit the one of many sites that have already talking about some of the more prominent new features, watch my video. I go over the five changes that I feel most affect any WordPress user, and also give you some comparisons between 3.9 and 4.0

You will discover

  1. The new media library grid.
  2. A cool interface when looking for new plugins.
  3. How embeds show up differently in your visual editor. (Note: there is a specific embed you will want to use)
  4. What the new screen option — Expand the editor to match the window height — does for your editor window.
  5. And something they took away in 3.9 and brought back.

Also, not included in the video, you now have the option to choose the language. Users can choose the language for their site as the first step of the install process, and the rest of their installation will continue in user’s chosen language.

Of course there are always new fixes and improvements to the guts of WordPress and probably some things that really turn on the devs, but for this post we are sticking with these five goodies.

Five details in WordPress
blog design tips, plugins and widgets, themes

Five Small Details in WordPress That You May Not Know

Five details in WordPress

Every once in awhile I come across settings or features in WordPress that makes me stop and ask. I wonder how many people really know about this? 

Sometimes they are very useful, other times less significant. But in any case, they are there and often overlooked. I have done these kinds of posts in the past, and imagine there will be more in the future.

So here are 5 more.

Did you know… that this setting only affects the default Calendar widget in WordPress? When you think about it, what else could it do? And really, how many of us use this?

week starts on setting

Did you know… if you close comments using this setting in your discussion settings it will only close comments on future posts (note, it says on new articles). You would have to manually go in and close comments in each previous post. But, some themes, like Genesis child themes, has a setting to close comments on all existing and future posts. Also, there are plugins to do this as well.

close comments

Did you know… that on most pages like the media page, posts, pages, etc., that clicking the heading of the list may alphabetize or group a list. For example, in the media library your images are listed by most recently uploaded.

media list unsorted

But if you click the File heading, it sorts them alphabetically.

media list sorted

Another example, in posts, by clicking on author, it groups the posts by author. Explore other headings to see what they do.

Did you know… that the screen options can hide important features. A good example of this is in your menus. By clicking on them you will see not only the different items you can show to add to your menu, but advanced features for menu items.

menu screen options

Did you know… if you have this box checked in your general settings, and leave the New User Default Role as Subscriber, anyone who subscribes to your blog via RSS will now have a user profile in your dashboard. Best to leave this unchecked unless you have a membership site and the plugin requires you to have this checked.

subscriber checked