How To Add Images To WordPress Posts

How To Add Images To WordPress Posts

WordPress TutorialA Featured Image (previously known as a “Post Thumbnail”) is an image that you choose to represent your Posts, Pages or Custom Post Types.

Featured images can be used to make your posts look more attractive and enticing to your readers, thus increasing the overall appeal of your site.

In this tutorial you are going to learn how to add images to WordPress.

Watch the video below and then complete the step-by-step tutorial to learn more about how to add images to WordPress

Add Images to WordPress: Step-By-Step Tutorial

Using Featured Images In WordPress PostsNote: Whether a Featured Image displays on your WordPress posts or not is determined by the particular theme you have chosen for your site. Featured images tend to be favoured by WordPress themes with “magazine-type” layouts, which use an image to represent each post. This image might be displayed only on the home page and appear on its own, or alongside an excerpt of the post.

You can find Free WordPress themes that display featured images by going to the WordPress Theme directory and using the “featured-images” search filter when searching for themes …

Using Featured Images In WordPress Posts

If choosing Premium Themes, just make sure that the theme supports featured images.

For tutorials on using WordPress Themes go here: How To Install WordPress Themes Automatically

How To Set A Featured Image For Your  Posts

As we’ve just discussed, some themes allow you to specify a featured image in your posts. So, if you plan to use featured images, make sure that the theme you have chosen for your site supports this feature.

If your theme does not support Featured Images, then see this tutorial: How To Customize Your WordPress Theme To Display Featured Images.

To add a featured image to your post, make sure that the Featured Image box in the sidebar of your Edit Posts screen is visible …

Using Featured Images In WordPress Posts

If you cannot see the Featured Image box in your Edit Post screen, then click on the Screen Options tab at the top of your screen …

Using Featured Images In WordPress Posts

Make sure that the checkbox next to the Featured Image in the Show on screen section is ticked…

Using Featured Images In WordPress Posts

Next, click on the Set featured image link inside the Featured Image box …

Using Featured Images In WordPress Posts

This will open up the Set Featured Image.Screen as a popup window. Select the image you want to use as your featured image by clicking on it, then click on the Set featured image button …

Using Featured Images In WordPress Posts

The image you have selected has now been added to your post as a Featured Image …

Using Featured Images In WordPress Posts

Another way to set a featured image in a post is to click on the Add Media button in your Edit Post screen…

Using Featured Images In WordPress Posts

This will open up the Insert Media screen in your Media Gallery. Click on the Set Featured Image link in the Insert Media menu …

Using Featured Images In WordPress Posts

Next, select the image you want to use as your featured image by clicking on it, then click on the Set featured image button …

Using Featured Images In WordPress Posts

Your image will be set as the featured image of your WordPress Posts.

Remember to click Update to save and publish your new post settings …

Using Featured Images In WordPress Posts

Now, when you preview your site, you will see that your post displays the featured image you have specified…

Using Featured Images In WordPress Posts

Your featured image will continue to display even if you change WordPress themes on your site, as long as the themes support featured images …

Using Featured Images In WordPress Posts

To remove a featured image from a post, edit the post, then scroll down to the Featured Image box and click on the Remove featured image link …

Using Featured Images In WordPress Posts

You can also use plugins for managing and enhancing the use of featured images on your site in a number of different ways. For more details, see this tutorial: WordPress Plugins – Featured Images

WordPress Posts are huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site.

Related Posts

 

 

 

 

 

 

 

Publish Your WordPress Site in Another Language

Publish Your WordPress Site In Another Language And Reach A Wider Global Audience!

WordPress Tutorial

Have you ever wondered if WordPress could set up to display your content in other languages?

The answer is… Yes, absolutely! You can set up a WordPress Blog in another Language or blog to provide your content in almost any international language you can imagine.

Although WordPress displays content in U.S. English by default, the software has the built-in capability to be used in any other language. WordPress also makes available themes, translation files, and support available for different international languages.

In this tutorial you will learn about WordPress’ international language capabilities and how to create a multilingual WordPress blog with the help of various WordPress plugins.

See the video below, and then complete the rest of this tutorial to learn how to translate your WordPress Blog into another language.

How To Publish Your WordPress In Another Language: Tutorial

The WordPress community has already translated WordPress into over 70 languages. You can set up a WordPress site or blog to display your content in any of the languages below as your site’s default language:

  • Azeri
  • Afrikaans
  • Albanian
  • Arabic
  • Bengali
  • Basque
  • Belarusian
  • Bosnian
  • Bulgarian
  • Chinese
  • Croatian
  • Czech
  • Danish
  • Dutch
  • Esperanto
  • Estonian
  • Faroese
  • Finnish
  • French
  • Gaelic
  • Galician
  • Georgian
  • German
  • Greek
  • Hebrew
  • Hindi
  • Magyar
  • Icelandic
  • Indonesian
  • Italian
  • Japanese
  • Javanese
  • Kazakh
  • Khmer
  • Korean
  • Kyrgyz
  • Kurdish
  • Latvian
  • Lithuanian
  • Macedonian
  • Malagasy
  • Malay
  • Mongolian
  • Myanmar
  • Nias
  • Norwegian
  • Persian
  • Polish
  • Portuguese
  • Romanian
  • Russian
  • Sakha
  • Serbian
  • Sinhala
  • Slovak
  • Slovenian
  • Spanish
  • Sundanese
  • Swedish
  • Tajik
  • Tamil
  • Thai
  • Turkish
  • Ukrainian
  • Uighur
  • Urdu
  • Uzbek
  • Vietnamese
  • Welsh
  • & more…

Using WordPress In Other Languages

To use WordPress in a language other than English, do the following first:

  • Check the above table, or go here to see if WordPress is available in your language of choice: http://codex.wordpress.org/WordPress_in_Your_Language
  • If the language you want is not listed, read the “Introduction” section in the above page for alternative options. These options include links to the WordPress Language File Repository and access to translation teams where you can check to see if a translation is currently in progress.

How To Use WordPress In Another Language

To install an international language version of WordPress, you have two choices:

  1. You can follow the instructions provided in your language listed here: WordPress in Your Language. These will show you how to install WordPress in another language.
  2. If specific instructions are not available, then follow the instructions below to manually install language files into your WordPress site or blog. This will convert (i.e. Translate) the key terms on your site into the language of your choice.

Manually Installing Language Files

Here are the steps you need to follow to manually install an international language version of WordPress on your site. This will convert the key terms used throughout your site, but not your actual content. For help translating your actual content, see the next section of this tutorial where we explore language translation plugins.

Note: If you make an error in the steps or you do not specify the correct language, WordPress will default back to English. If you need help with these steps, please feel free to contact us.

First, you need to download the .Mo language file (Machine Object file) for your language (see WordPress in Your Language for help on this). This file is typically included in the translated versions of WordPress …

Using WordPress in another language

Note: Do not try to edit .MO files directly (you need special software editors to do this).

The naming convention of the .MO files are based on the ISO-639 language code (e.g. pt for Portuguese) followed by the ISO-3166 country code (e.g. _PT for Portugal or _BR for Brazil). So, for example, the Brazilian Portuguese file would be called pt_BR.MO, and a non-specific Portuguese file would be called pt.mo.

Note: For a complete list of country codes and language codes, see the bottom of this page.

After downloading the language files to your computer, extract the contents and locate the .MO file (typically, this will be located inside the “WordPress > WP-content > languages” directory) …

Using WordPress in another language

Warning

Important: Always back up your WordPress files and database before making changes to your WordPress application! If you need help with this step, contact us or refer to our tutorials on how to back up your WordPress files and database.

Open up your FTP software and create a new folder in your /wp-content or /wp-includes server directory called /languages. Next, upload the .mo file to the languages folder you have just created in your server …

Using WordPress in another language

Next, download your wp-config.php to a location in your computer that you will be able to easily find. Note: It’s always a good idea to download an additional copy of files you plan to modify to a “backup” folder …

Using WordPress in another language

Open your wp-config.php file in a text editor (remember to always back up your files before making any changes to your site) and change the following line to add the filename of your language translation file …

Using WordPress In Other Languages

Edit this line according to the .mo file you’ve just downloaded. For example to change your WordPress site to use Brazilian Portuguese, you would change the above line to the following:

Using WordPress In Other Languages

You can also use the above method to change your WordPress default language from en_US to some other variant of English. For example …

Using WordPress In Other Languages

Below is an actual example of a wp-config.php file that has just been modified as shown above …

Using WordPress in another language

Once you have added your language code, save your wp-config.php file.

Upload the modified wp-config.php file to your WordPress installation root directory, replacing the existing wp-config.php file …

Using WordPress in another language

You will be asked to confirm whether you want to overwrite the existing file on your server. Click the “Overwrite” button to proceed …

Using WordPress in another language

Once again, ensure that you have a full back up of your WordPress files and data before making any changes to your site. This way, if anything goes wrong, or you just want to restore WordPress to its previous configuration, you can easily reverse any damage by simply re-uploading a copy of the unmodified wp-config.php file you have just backed up to your server, overwriting the newly modified file.

Open your Internet browser and bring up your site. Your site or blog should now display many of the key terms in the newly-installed language …

Using WordPress in another language

Important

Note: If you are dealing with multiple WordPress site installations (e.g. WordPress MultiSite), then you can either set the language on a per-blog basis through the “Site language” option in the Settings >General subpanel, or set the default language for the entire network under the Network Admin > Settings panel (“Default Language”).

Once you have converted the core WordPress terms on your site to the new language, the next step to having your site be published in a complete different language is to translate the content of the site itself. This can be partly achieved through the help of translation, or multilingual plugins.

We cover a number of WordPress plugins that will help translate your site’s content into another language in a separate tutorial here: WordPress Plugins – Multilingual Plugins For WordPress

Using WordPress In Other Languages

Using WordPress Site in Another Language – Additional Information

Below are some additional information tables you may find useful regarding using WordPress in other languages:

Country Codes

The ISO 3166 standard defines two character codes for many countries and territories:

AD – Andorra AE – United Arab Emirates AF – Afghanistan AG – Antigua and Barbuda AI – Anguilla AL – Albania AM – Armenia AN – Netherlands Antilles AO – Angola AQ – Antarctica AR – Argentina AS – Samoa (American) AT – Austria AU – Australia AW – Aruba AX – Aaland Islands AZ – Azerbaijan BA – Bosnia and Herzegovina BB – Barbados BD – Bangladesh BE – Belgium BF – Burkina Faso BG – Bulgaria BH – Bahrain BI – Burundi BJ – Benin BM – Bermuda BN – Brunei BO – Bolivia BR – Brazil BS – Bahamas BT – Bhutan BV – Bouvet Island BW – Botswana BY – Belarus BZ – Belize CA – Canada CC – Cocos (Keeling) Islands CD – Congo (Dem Rep) CF – Central African Republic CG – Congo (Rep) CH – Switzerland CI – Côte dIvoire CK – Cook Islands CL – Chile CM – Cameroon CN – China CO – Colombia CR – Costa Rica CU – Cuba CV – Cape Verde CX – Christmas Island CY – Cyprus CZ – Czech Republic DE – Germany DJ – Djibouti DK – Denmark DM – Dominica DO – Dominican Republic DZ – Algeria EC – Ecuador EE – Estonia EG – Egypt EH – Western Sahara ER – Eritrea ES – Spain ET – Ethiopia FI – Finland FJ – Fiji FK – Falkland Islands FM – Micronesia FO – Faeroe Islands FR – France GA – Gabon GB – Britain (United Kingdom) GD – Grenada GE – Georgia GF – French Guiana GG – Guernsey GH – Ghana GI – Gibraltar GL – Greenland GM – Gambia GN – Guinea GP – Guadeloupe GQ – Equatorial Guinea GR – Greece GS – South Georgia and the South Sandwich Islands GT – Guatemala GU – Guam GW – Guinea-Bissau GY – Guyana HK – Hong Kong HM – Heard Island and McDonald Islands HN – Honduras HR – Croatia HT – Haiti HU – Hungary ID – Indonesia IE – Ireland IL – Israel IM – Isle of Man IN – India IO – British Indian Ocean Territory IQ – Iraq IR – Iran IS – Iceland IT – Italy JE – Jersey JM – Jamaica JO – Jordan JP – Japan KE – Kenya KG – Kyrgyzstan KH – Cambodia KI – Kiribati KM – Comoros KN – St Kitts and Nevis KP – Korea (North) KR – Korea (South) KW – Kuwait KY – Cayman Islands KZ – Kazakhstan LA – Laos LB – Lebanon LC – St Lucia LI – Liechtenstein LK – Sri Lanka LR – Liberia LS – Lesotho LT – Lithuania LU – Luxembourg LV – Latvia LY – Libya MA – Morocco MC – Monaco MD – Moldova ME – Montenegro MG – Madagascar MH – Marshall Islands MK – Macedonia ML – Mali MM – Myanmar (Burma) MN – Mongolia MO – Macao MP – Northern Mariana Islands MQ – Martinique MR – Mauritania MS – Montserrat MT – Malta MU – Mauritius MV – Maldives MW – Malawi MX – Mexico MY – Malaysia MZ – Mozambique NA – Namibia NC – New Caledonia NE – Niger NF – Norfolk Island NG – Nigeria NI – Nicaragua NL – Netherlands NO – Norway NP – Nepal NR – Nauru NU – Niue NZ – New Zealand OM – Oman PA – Panama PE – Peru PF – French Polynesia PG – Papua New Guinea PH – Philippines PK – Pakistan PL – Poland PM – St Pierre and Miquelon PN – Pitcairn PR – Puerto Rico PS – Palestine PT – Portugal PW – Palau PY – Paraguay QA – Qatar RE – Reunion RO – Romania RS – Serbia RU – Russia RW – Rwanda SA – Saudi Arabia SB – Solomon Islands SC – Seychelles SD – Sudan SE – Sweden SG – Singapore SH – St Helena SI – Slovenia SJ – Svalbard and Jan Mayen SK – Slovakia SL – Sierra Leone SM – San Marino SN – Senegal SO – Somalia SR – Suriname ST – Sao Tome and Principe SV – El Salvador SY – Syria SZ – Swaziland TC – Turks and Caicos Islands TD – Chad TF – French Southern and Antarctic Lands TG – Togo TH – Thailand TJ – Tajikistan TK – Tokelau TL – Timor-Leste TM – Turkmenistan TN – Tunisia TO – Tonga TR – Turkey TT – Trinidad and Tobago TV – Tuvalu TW – Taiwan TZ – Tanzania UA – Ukraine UG – Uganda UM – US minor outlying islands US – United States UY – Uruguay UZ – Uzbekistan VA – Vatican City VC – St Vincent and the Grenadines VE – Venezuela VG – Virgin Islands (UK) VI – Virgin Islands (US) VN – Vietnam VU – Vanuatu WF – Wallis and Futuna WS – Samoa (Western) YE – Yemen YT – Mayotte ZA – South Africa ZM – Zambia ZW – Zimbabwe

***

Language Codes

The ISO 639 standard defines two-letter codes for many languages, and three-letter codes for more rarely used languages:

Usual Language Codes
aa – Afar ab – Abkhazian ae – Avestan af – Afrikaans ak – Akan am – Amharic an – Aragonese ar – Arabic as – Assamese av – Avaric ay – Aymara az – Azerbaijani ba – Bashkir be – Belarusian bg – Bulgarian bh – Bihari bi – Bislama bm – Bambara bn – Bengali; Bangla bo – Tibetan br – Breton bs – Bosnian ca – Catalan ce – Chechen ch – Chamorro co – Corsican cr – Cree cs – Czech cu – Church Slavic cv – Chuvash cy – Welsh da – Danish de – German dv – Divehi; Maldivian dz – Dzongkha; Bhutani ee – Éwé el – Greek en – English eo – Esperanto es – Spanish et – Estonian eu – Basque fa – Persian ff – Fulah fi – Finnish fj – Fijian; Fiji fo – Faroese fr – French fy – Western Frisian ga – Irish gd – Scottish Gaelic gl – Galician gn – Guarani gu – Gujarati gv – Manx ha – Hausa he – Hebrew (formerly iw) hi – Hindi ho – Hiri Motu hr – Croatian ht – Haitian; Haitian Creole hu – Hungarian hy – Armenian hz – Herero ia – Interlingua id – Indonesian (formerly in) ie – Interlingue; Occidental ig – Igbo ii – Sichuan Yi; Nuosu ik – Inupiak; Inupiaq io – Ido is – Icelandic it – Italian iu – Inuktitut ja – Japanese jv – Javanese ka – Georgian kg – Kongo ki – Kikuyu; Gikuyu kj – Kuanyama; Kwanyama kk – Kazakh kl – Kalaallisut; Greenlandic km – Central Khmer; Cambodian kn – Kannada ko – Korean kr – Kanuri ks – Kashmiri ku – Kurdish kv – Komi kw – Cornish ky – Kirghiz la – Latin lb – Letzeburgesch; Luxembourgish lg – Ganda li – Limburgish; Limburger; Limburgan ln – Lingala lo – Lao; Laotian lt – Lithuanian lu – Luba-Katanga lv – Latvian; Lettish mg – Malagasy mh – Marshallese mi – Maori mk – Macedonian ml – Malayalam mn – Mongolian mo – Moldavian mr – Marathi ms – Malay mt – Maltese my – Burmese na – Nauru nb – Norwegian Bokmål nd – Ndebele, North ne – Nepali ng – Ndonga nl – Dutch nn – Norwegian Nynorsk no – Norwegian nr – Ndebele, South nv – Navajo; Navaho ny – Chichewa; Nyanja oc – Occitan; Provençal oj – Ojibwa om – (Afan) Oromo or – Oriya os – Ossetian; Ossetic pa – Panjabi; Punjabi pi – Pali pl – Polish ps – Pashto; Pushto pt – Portuguese qu – Quechua rm – Romansh rn – Rundi; Kirundi ro – Romanian ru – Russian rw – Kinyarwanda sa – Sanskrit sc – Sardinian sd – Sindhi se – Northern Sami sg – Sango; Sangro si – Sinhala; Sinhalese sk – Slovak sl – Slovenian sm – Samoan sn – Shona so – Somali sq – Albanian sr – Serbian ss – Swati; Siswati st – Sesotho; Sotho, Southern su – Sundanese sv – Swedish sw – Swahili ta – Tamil te – Telugu tg – Tajik th – Thai ti – Tigrinya tk – Turkmen tl – Tagalog tn – Tswana; Setswana to – Tonga tr – Turkish ts – Tsonga tt – Tatar tw – Twi ty – Tahitian ug – Uighur uk – Ukrainian ur – Urdu uz – Uzbek ve – Venda vi – Vietnamese vo – Volapük; Volapuk wa – Walloon wo – Wolof xh – Xhosa yi – Yiddish (formerly ji) yo – Yoruba za – Zhuang zh – Chinese zu – Zulu
Rare Language Codes
ace – Achinese awa – Awadhi bal – Baluchi ban – Balinese bej – Beja; Bedawiyet bem – Bemba bho – Bhojpuri bik – Bikol bin – Bini; Edo bug – Buginese ceb – Cebuano din – Dinka doi – Dogri fil – Filipino; Pilipino fon – Fon gon – Gondi gsw – Swiss German; Alemannic; Alsatian hil – Hiligaynon hmn – Hmong ilo – Iloko kab – Kabyle kam – Kamba kbd – Kabardian kmb – Kimbundu kok – Konkani kru – Kurukh lua – Luba-Lulua luo – Luo (Kenya and Tanzania) mad – Madurese mag – Magahi mai – Maithili mak – Makasar man – Mandingo men – Mende min – Minangkabau mni – Manipuri mos – Mossi mwr – Marwari nap – Neapolitan nso – Pedi; Sepedi; Northern Sotho nym – Nyamwezi nyn – Nyankole pag – Pangasinan pam – Pampanga; Kapampangan raj – Rajasthani sas – Sasak sat – Santali scn – Sicilian shn – Shan sid – Sidamo srr – Serer suk – Sukuma sus – Susu tem – Timne tiv – Tiv tum – Tumbuka umb – Umbundu wal – Walamo war – Waray yao – Yao

Congratulations … you have completed the tutorial on using WordPress in other languages.

WordPress is huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site.

Related Tutorials

 

 

 

 

How To Add Gravatar To Your WordPress Site

How To Add Gravatar To Your WordPress Site

WordPress TutorialIn this tutorial you are going to learn about Gravatars and how to add one to your WordPress site.

Most internet users are familiar with avatars. An avatar is an icon, or representation of a user in a shared virtual reality, such as a forum, chat, website, or any other form of online community where the user(s) wish to distinguish themselves from other users.

What Are Gravatars?

Short for “Globally Recognized Avatar”, gravatars make it possible for a person to have one avatar across the entire web. Avatars are usually an image that the user will create themselves.

It’s essentially the same thing as an avatar, but they are all hosted on a single server and are called up by encrypting the users’ email address using a special algorithm.

Instead of having one avatar display on a forum that you often frequent, and another avatar display on a blog you visit, you could have the same avatar display on both sites.

Watch the short video below and then complete the step-by-step tutorial to learn more about adding one to your WordPress site …

How To Add Gravatars To Your WordPress Site – Video

Why Use Gravatars

Providing users with avatars has become a convention in web-publishing. Enabling Gravatars on your WordPress site simplifies the process for everyone involved.

Benefits for Site Administrators

  • Adding user Gravatars requires very little effort
  • There is no need to maintain additional Plugins
  • You don’t have to manage user accounts, or their images, to allow blog commenters to use Gravatars on your site

Benefits for WordPress Users

  • Users don’t need to register for every site they visit just to use one
  • Users can update them across multiple sites by uploading a single image in a central location.

How To Add Gravatars To Your WordPress Site – Tutorial

If you browse different web sites you have probably noticed that many users have a picture displayed above or next to their name…

WordPress Gravatar

These pictures are called “avatars.” WordPress uses a specific type of avatar called  “Gravatars” — short for “Globally Recognized Avatar”.

By default, WordPress displays Gravatars at 32px x 32px. To change the default WordPress Gravatars size on your site, you will need to edit the code in a template file.

Unlike standard avatars, Gravatars follow you around the web and automatically appear whenever you post a comment on a WordPress site. WordPress integrates Gravatars into every WordPress site.

Once registered with Gravatars, the service matches your WordPress profile information to the email address registered with one and displays your custom image next to comments and (optional) elsewhere on the WordPress site…

WordPress Gravatar

If a visitor chooses not to sign up with one, the default icon set by the site’s Administrator will appear next to their name (this is explained further below).

To use Gravatars, first create an account here (it’s FREE):

http://www.gravatar.com

Gravatar

Once you have an account set up, you will need to complete your profile, and select the email address and the image you want to associate with your yours

WordPress Gravatar

Yours will then be integrated with your WordPress account and follow you around the web…

WordPress Gravatar

How To Control Gravatars On Your WordPress Site

Although WordPress sites now automatically integrate using Gravatars, you can change the following settings:

  • Whether Avatars (aka, Gravatars) are displayed on your site or not.
  • Which rating of Avatars are shown.

To control how yours is used, log in as an administrator and go to the Settings > Discussion Administration Panel …

WordPress Discussion Settings

Scroll down to the “Avatars” Section …

WordPress Gravatar

The “Avatars” section presents you with several options:

  1. Avatar Display: This section lets you toggle Gravatar on and off for your site.
  2. Maximum Rating: When users create a profile on one, they are given the opportunity to rate their image as G, PG, R, X based on its appropriateness. Select the radio button for the maximum rating you would like displayed on your site.
  3. Default Avatar: WordPress allows for you to select what type of image you would like to display when a commenter does not have an account. Selecting one of the “generated” icons give you and your users some of the benefits of a Gravatar without requiring them to have an account. The icons that say “generated” next to them take the email of the commenter and link it to an auto-generated image. Now, every time that commenter posts to your site, they will have the same unique image next to their name.

Remember to click the Save Changes button when finished to save your new settings …

Save WordPress Changes

WordPress is huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site.

 

 

 

 

 

 

 

How To Add Videos To WordPress Posts And Pages

How To Add Videos To WordPress Posts And Pages

WordPress TutorialVideos can be a powerful way to market and promote your products or services online. Adding videos can also help to liven your site and make your content more attractive and entertaining, keeping visitors longer on your site and helping to convert more prospects into sales.

With WordPress, you can easily integrate video into your content. You can add videos to your posts and pages, and your sidebar menu!

WordPress offers users a range of options for embedding, integrating and streaming videos on your site. For example, you can embed videos directly from YouTube or another video hosting site, stream videos from a remote server location (e.g. Amazon S3), and control how your videos play and display to visitors.

In this tutorial you are going to learn all about adding video to your posts and pages, as well as explore some of the different options you have in terms of using video-enabled themes, WordPress-compatible video players and WordPress video plugins.

Watch the video below and then complete the step-by-step tutorial to learn how to add videos to your posts and pages …

How To Add Videos Into Posts And Pages: Step-By-Step Tutorial

In WordPress Version 3.6, WordPress introduced the video short code …

How To Add Videos To WordPress Posts And Pages

To embed a video into a post or page, just add the video URL in the video short code as shown below, then publish…

How To Add Videos To WordPress Posts And Pages

You can add additional information such as video dimensions and fallbacks for other HTML5-supported filetypes ….

How To Add Videos To WordPress Posts And Pages

The WordPress Media Library lets you add video files to your site.

From version 3.6, the option to embed a video has also been added to the Media Library …

How To Add Videos To WordPress Posts And Pages

To embed a video into your post, select Upload Files (1) and select your video file (2) …

How To Add Videos To WordPress Posts And Pages

Your video will then begin uploading …

How To Add Videos To WordPress Posts And Pages

Once your video has uploaded, select the video you want to insert into your post or page (optional: add a caption or description if you want) …

How To Add Videos To WordPress Posts And Pages

Choose Embed Media Player from the “Embed or Link:” drop-down menu and click on the Insert into post button

How To Add Videos To WordPress Posts And Pages

The video will be embedded into your post using the Video shortcode …

How To Add Videos To WordPress Posts And Pages

Just publish your post or page and the video will display in a native player, ready for your site visitors to watch …

How To Add Videos To WordPress Posts And Pages

Warning

Note: If you are using an earlier version of WordPress (e.g. 3.5.x), then a link to the media file or an attachment page will be inserted into your post, not the video itself …

How To Add Videos To WordPress Posts And Pages

If someone clicks on the video link as shown above, they will probably not see the video play. This is because in versions of WordPress earlier than version 3.6, WordPress did not provide a built-in video player, only links and the capability to upload files.

Note: This method will work in earlier version of WordPress, however, if you use “QuickTime” videos …

How To Add Videos To WordPress Posts And Pages

If you want a video to play on your posts or pages without using the default WordPress video player, then use one of the methods described below to manually embed video code, or use an external video player, or a video player plugin.

How To Add Videos To WordPress Posts And Pages

Adding Embed Video Code Manually

For this example, we’ll embed a video from YouTube.com.

To embed a video from YouTube into a post or page, go to the page containing the video you want to add to your site and click on the Share link …

How To Add Videos To WordPress Posts And Pages

After clicking on the Share link (1), click on Embed (2). Next, select the video size from the Video size drop-down menu (3) and ensure that you have selected any other options you want for your video (see YouTube for help with this). Your settings will be reflected in the Embed code (4)…

How To Add Videos To WordPress Posts And Pages

Select the embed code and copy it to your clipboard…

How To Add Videos To WordPress Posts And Pages

Switch over to your WordPress site, and open the post or page where you intend to insert the video by clicking Edit

How To Add Videos To WordPress Posts And Pages

Next, switch to the Visual Text Editor, and add a string of “placeholder” characters (e.g. @@@@@) to mark the location where you want the video to be inserted…

How To Add Videos To WordPress Posts And Pages

After inserting the string of characters to mark the location of where the video will be inserted into your content, switch to the Text editor and locate and highlight your video placement “markers”…

How To Add Videos To WordPress Posts And Pages

Note: make sure that you select all of the line where you have added your markers. The video URL must be placed in its own separate line with no surrounding characters. This also includes no hyperlinks!

Paste the embed code stored in your clipboard over the highlighted characters…

How To Add Videos To WordPress Posts And Pages

Your embedded video will display on your site after you publish your post or page …

How To Add Videos To WordPress Posts And Pages

Note: If you switch from the Text editor back to the Visual editor, you will see a placeholder image where your video has been embedded…

How To Add Videos To WordPress Posts And Pages

How To Add Videos To WordPress Posts And Pages

Useful Tip: If you plan to use a video in multiple posts or pages on your site, then use the method described in this tutorial to insert a short code into the content. This way, you will be able to control and edit your video codes from one location only, and it will then update all instances of your videos throughout your entire site.

***

As mentioned earlier, WordPress does not come with a built-in video player. If you want a video to play on your posts or pages, therefore, then you will need to manually embed video code as we’ve just shown you above, or use a video-enabled theme, an external video player, or a video player plugin.

So, let’s take a look now at some of these methods:

How To Add Videos To Posts And Pages

Using Video-Enabled Themes

Some WordPress themes come with a built-in video player.

For example, with the OptimizePress theme (a popular premium theme with marketers) you can host your video externally (e.g. YouTube, Amazon S3, etc …), and then insert it into your sales, squeeze and membership pages through the theme’s own Video Options section. This section also allows you to specify options for your video, such as video size, video preview image, video auto-play (video starts playing automatically when someone visits your page), whether or not to display the video control bar, add a video download link, choose the colour of the video player, etc….

How To Add Videos To WordPress Posts And Pages

Some WordPress themes allow you to add videos that display in your site’s sidebar menu, or in a sliding image gallery at the top of your main page. WordPress themes that have been designed to be fully responsive will also resize your videos to fit your visitor’s viewing device (e.g. Smart phone, laptop, tablet, etc….)

Using Video Players With WordPress

In addition to using video-enabled themes, there are also a number of video players that you can use with WordPress to insert and display your videos. Some video players integrate with your WordPress site in the form of plugins, but there are also external video services you can use that allow you to set up a video in an external administration area and then embed it into your WordPress site using the code generated by the software. You then control all of your video settings from the external administration panel and any changes you make there will automatically be reflected in your WordPress site.

External Video Management Services

One video solution that integrates with WordPress and is currently being used by tens of thousands of marketers online is Easy Video Suite:

How To Add Videos To WordPress - Easy Video SuiteEasy Video Suite is a complete video marketing solution that lets you create, publish, market and track your videos online. It can be managed from an online administration area, or from your desktop, and includes a number of powerful features that give you full control over your videos …

How To Add Videos To WordPress - Easy Video SuiteHere is a screenshot of the software’s admin area …

How To Add Videos To WordPress - Easy Video SuiteOnce your videos have been created and all of your video settings have been configured, the software outputs code which you then embed into your posts and pages. For more details and a video demo of the software, visit this site: Easy Video Suite.

Another popular software-based solution for adding videos to WordPress is VooPlayer

VooPlayer - Video Player

VooPlayer is a web-based video player application that allows you to customize, analyze, optimize and publish your videos on your website or blog.

It works with many popular video formats, including .flv, mp4, .m4v, .f4v, .mov, .webm, .ogv as well as YouTube and self-hosted videos and integrates video with the WordPress outputting code which you then embed into your posts and pages.

The software service lets you set up unlimited video players, split-tests and video analytics. Some of its powerful features include:

  • Add unlimited clickable text overlays and buttons
  • Add opt-in forms inside your videos
  • Set up split-tests to see what video performs best
  • See average completion rate and exit points (e.g. See who watches the whole video, and at what point of the video they leave)
  • Automatically redirect visitors to any URL when they finish watching the video
  • Show a clickable image ad when users pause the video
  • Set it to auto-pause the video when users leave your page, then continue the video when they return.
  • Lock your video content at a particular time and ask viewers to share it on social sites to continue.

VooPlayer is designed to work not only with WordPress (both posts and pages), but also iPhone/iPad and other mobile devices (html5), Aweber and GetResponse, YouTube Video links, Amazon S3, MP4 & FLV, and more.

Here is a screenshot of the admin panel…

VooPlayer - Video PlayerVooPlayer is a powerful and affordable alternative to Easy Video Suite. It also includes a WordPress plugin version (see the next section for a list of other WordPress Video Plugins)…

VooPlayer - Video PlayerFor more details about this video player software, visit their site: VooPlayer

WordPress Video Player Plugins

If you don’t need all of the comprehensive video management features that external video solutions like Easy Video Suite and VooPlayer provide, then you can simply choose to use one of a number of WordPress video player plugins that are available.

Free WordPress Video Player Plugins

Here are some free plugins that make it easy to add videos to your posts and pages:

Viper’s Video Quicktags

Free WordPress Video Player Plugins

This simple plugin lets you insert videos into your posts and pages from various websites such as YouTube, DailyMotion, Vimeo, and more. For a step-by-step tutorial on how to use the Vipers Video plugin, go here: WordPress Plugins – How To Easily Add Videos To WordPress

Video.js – HTML5 Video Player For WordPress

Free WordPress Video Player Plugins

This video plugin for WordPress is built on the Video.js HTML5 video player library. The plugin allows you to embed video in your post or page using HTML5 with Flash fallback support for non-HTML5 browsers.

Stream Video Player

Free WordPress Video Player Plugins

This is a complete video-audio player plugin for WordPress with XML Playlist support and subtitles. It features an easy-to-use tag generator, support for viewing on iOS and Android, support for YouTube and Pseudo-Streaming so you can randomly seek any place of your videos without having to previously load the entire video.

Spider WordPress Video Player

Free WordPress Video Player Plugins

The Spider Video Player is a WordPress video plugin that lets you easily add video to your website, organize videos into playlists and choose a preferred layout for the player. This WordPress Video Player provides a convenient user interface, incorporating all the common features for video players, including video quality selection, sharing, full screen, shuffle etc. Moreover, you have the option of designing different themes for the video player by customizing each feature available. This is an optimal video player solution for your WordPress website, providing effective integration and a high level of customization.

JW Player For Flash & HTML5 Video

Free WordPress Video Player Plugins

This plugin allows for easy customization and embedding of Flash and HTML5 video using the JW Player in your WordPress posts. It provides support for all of the JW Player 6 configuration options, including custom watermarks, HLS/RTMP streaming and VAST/VPAID advertising.

Easy Video Player

Free WordPress Video Player Plugins

The Easy Video Player is a user-friendly WordPress plugin that lets you embed both self-hosted videos or videos that are hosted externally using direct links. This plugin lets you embed MP4 videos into your blog, embed responsive videos for a better user experience while viewing from a mobile device, and embed HTML5 videos which are compatible with all major browsers.

Premium WordPress Video Player Plugins

Here are some premium plugins for adding videos to your site that also offer plugin support:

HTML5 Video Players WordPress Plugin

Premium WordPress Video Player Plugins

The HTML5 Video Players WordPress Plugin works on Android and includes 3 types of video players:

  • Video Player With Right-Side Playlist
  • Video Player With Bottom Playlist
  • Video Player Without Playlist

Video Player WordPress Plugin

Premium WordPress Video Player Plugins

This WordPress plugin lets you manage the entire video player using a very friendly interface. You’ll be able to customize the player look & feel, playlist and CSS file. The plugin comes in two versions: Right Side playlist and Bottom Playlist.

Some of the plugin features include:

  • Support for any type of video file that Flash Player supports: FLV/H.264 encoded video : MP4, M4V, M4A, MOV, Mp4v, F4V, YouTube, RTMP (using FMS or RED5) and RTMP live streaming.
  • Ability to play Audio MP3 files.
  • Support for Google Analytics
  • You can set this player to any size you want, changing the player width, the player height and the playlist width.
  • Ability to integrate with your posts and pages using a short code

YouTube Pro

YouTubePro - WordPress Video Plugin

If you want to migrate your videos from YouTube to WordPress, then YouTube Pro is a plugin that lets you upload, edit and delete your videos without leaving your WordPress site. You can also change the appearance of your video player.

Features:

  • 1-Click install
  • Import your videos from YouTube
  • Add new videos and edit your existing videos
  • Delete videos from WordPress or YouTube
  • Custom player appearance
  • Quick video insert into your post using the WordPress “Upload/Insert” feature.
  • Use YouTube Pro for your videos and others.
  • Update checker

Vimeo Video Player

Vimeo WordPress Video Player Plugin

This WordPress plugin lets you manage the entire video player using a very friendly interface. You’ll be able to customize the player look & feel, playlist and CSS file.

Some of the plugin features include:

  • Support for Vimeo videos.
  • Support for Google Analytics
  • You can set this player to any size you want, changing the player width, the player height and the playlist width.
  • Ability to integrate with your posts and pages using a short code

S3 Vault

Premium WordPress Video Player PluginsIf you host or share video files on Amazon S3, then this useful video plugin offers a number of great features, including:

  • Hotlink Protection: Prevent your Amazon S3 files from being hotlinked
  • Expiring URLs: Auto expiring URLs for embedded content each time the page loads.
  • Multiple Formats: Embed PDF, ZIP, Audio, Video or any other format  your content.
  • Video Player: Video Player, Flash Player supports SWF and FLV files.
  • Monetization: Display ads on your videos with full HTML capabilities. Include clickable links or banner images which can’t be ignored.
  • Unlimited site: Use S3Vault on all of your sites.

Adding Videos To Posts And Pages using oEmbed Technology

Important

Note: This section explains how to add videos to posts and pages using a relatively new technology called oEmbed. Not all videos work with oEmbed, and autoembedding doesn’t seem to work in all situations.

If the video you are trying to add does not display after publishing your page or post, you will see the video URL published on the page instead of the video …

How To Add Videos To WordPress Posts And Pages

If this happens, then use the alternative methods shown in this tutorial to embed videos into your posts and pages.

***

Oembed – WordPress Autoembedding

WordPress supports autoembedding of videos using a technology called oEmbed.

Wikipedia defines oEmbed as follows:

oEmbed is an open format designed to allow embedding content from a website into another page.

The WordPress Codex explains oEmbed as follows:

All you need to do to embed something into a post or page is to post the URL to it into your content area. Make sure that the URL is on its own line and not hyperlinked (clickable when viewing the post).

The easy embedding feature is mostly powered by oEmbed, a protocol for site A (such as your blog) to ask site B (such as YouTube) for the HTML needed to embed content (such as a video) from site B.

oEmbed was designed to avoid having to copy and paste HTML from the site hosting the media you wish to embed. It supports videos, images, text, and more.

Adding YouTube videos to posts and pages using oEmbed is as easy as copying the video’s URL from your web browser’s address bar …

How To Add Videos To WordPress Posts And Pages

And then pasting it on a line by itself in your post/page editor …

How To Add Videos To WordPress Posts And Pages

WordPress takes care of the rest! If oEmbed is allowed (see earlier note about oEmbed), then your video will display when your post or page is published …

How To Add Videos To WordPress Posts And Pages

For security reasons, WordPress will only allow videos from certain approved sites to be autoembedded into posts and pages. The WordPress oEmbed library currently supports a number of popular video and other media services like YouTube, Vimeo, Viddler, Scribd, DailyMotion, Twitter, etc. You can see the complete list of video sites here:

http://codex.wordpress.org/Embeds

For more information on adding and using YouTube videos on your site, or making customizations to how YouTube videos display on your posts and pages (e.g. how to customize the video’s size and settings) go here:

http://en.support.wordpress.com/videos/youtube/

Congratulations! Now you know how to add videos to your posts and pages.

WordPress is huge and can sometimes be overwhelming about where to start. As you move on to the next Page, you will have a clearer picture of where to start and progress to building a professional WordPress Site.

Related Posts

 

 

 

 

 

 

error: Content is protected !!