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

 

 

 

 

 

 

Some Useful Facts About WordPress Web Development

Some Useful Facts About WordPress Web Development                                  276380757_1ac950f28f_m[1]

WordPress is a well known Blogging platform that creates beautiful blogs or websites for free.

This sounds great, but what exactly can this blogging platform do for you?

If you run any type of business, then your website is probably an important part of your business and your business strategy. WordPress allows you to easily create, update and manage your own web presence all by yourself using just an internet browser.

Now … you probably have some questions about what this blogging platform has to offer you as a content management system. Before we address these, let’s look at some impressive statistics about WordPress:

  • There are well over 60 million installations of WordPress worldwide. This number is growing everyday
  • Over one-sixth of all websites worldwide are powered by WordPress.
  • More than 50% of all sites that use a content management system are powered by WordPress.
  • Over 30,000,000 searches are made on Google each month for WordPress related terms
  • It’s a completely free to use application built using an open source content management system.
  • It’s built by volunteers. Hundreds of people from all over the world work on developing and improving WordPress every day.
  • It’s regularly and continually updated to improve both its functionality and security.
  • It can deliver your content online to visitors worldwide. WordPress has been translated and localized into over 73 languages.
  • There is virtually no limit to what you can build using WordPress. The repository currently makes available thousands of free plugins, themes and widgets to users.

That’s all pretty impressive, right? Let’s take a closer look at what 60+ million people see in WordPress. What does it offer you that will make it the right online vehicle for setting up your web presence?

About WordPress Web Development – Capabilities and Benefits

It allows you to easily create a pre-built website. This enables you to focus on more important things like adding new content, increasing your sales or running your business.

Here are just some of the major benefits About WordPress Development

1. It’s Free! – WordPress can be downloaded at WordPress.org at absolutely no cost! You do need a hosting company, but that’s very reasonable as well. Even a very good hosting company like Hostgator is less than $10 a month, and you will be able to host any number of websites for that single $10.

If you really want to keep your costs way down (I’m talking about so low that it’s free!), you can get free hosting at WordPress.com. Keep in mind, however, that this option lacks the flexibility of your own hosting and will limit some of the things you can or want to do with your web presence.

We highly recommend that you host your site using your own domain. We can help you get a professional WordPress site built and set up quickly and professionally and we even provide you with a complete WordPress A – Z training system with detailed, step-by-step tutorials that will help you gain complete control of your own web presence.

2. Lots Of Great Training Available – When it comes to building websites, there is often a learning curve for anyone who is not a “techie” or a “geek”.

It offers many quality tutorials online. The only challenge with this is that you can spend hours on end scouring the net for information. And then of course, there are still all the things that “you don’t know that you don’t know”.

This is why we have developed a complete and methodical step-by-step WordPress training system. After you learn how to install, configure and start using WordPress, adding new content and managing your site will be a snap.

You don’t need to learn how to write code or develop technical expertise to add, edit and manage content or maintain your website. It’s a true blessing for all non-techies!

3. Super Easy Installation – Two things you need for a website are a domain name and webhosting. Good hosting companies will also offer applications in your control panel that allow you to install WordPress on your domain with just a few clicks. Gone is the complicated, technical coding of the past.

4. Website Themes – A theme is basically a web design template which controls the look and feel of your site. WordPress offers you thousands of free themes to choose from. You can also purchase themes which can be installed on your site with just a few mouse clicks. You can also have custom themes designed if you choose. The themes will provide for you a clean and professional looking site even without custom design work. And the great thing is, if you want to change your theme, you can replace your theme with another one, and it won’t affect your blog posts or pages. No need for expensive graphics and spending thousands of dollars on web design costs – With WordPress themes it’s all done for you.

Note: Paid themes also usually offer some form of support so consider that when choosing a theme.

Our WordPress Web Development training tutorials will teach you everything you need to know about using WordPress themes, including where to find thousands of high quality free and paid themes.

5. Functionality – Users benefit from the availability of thousands of WordPress plugins that offer you just about every functionality imaginable. There are thousands more plugins created by WordPress plugin developers that can be easily installed with just a few clicks. Plugins allow you to do anything you desire with ease, whether it’s communicating content or selling products. For example, you can track site visits, fight spam, create contact forms, improve your site security, and many more things. Best of all, most plugins are absolutely free.

Once again, we provide great training and tutorials on installing and using the plugins.

6. Open source – WordPress is built with PHP and its source code is available to anyone who wants to look at it. In addition, it has included both extensive documentation and a range of functions. Because of this, you can easily program themes and plugins with just a minimal knowledge of PHP (if you ever want to develop plugins and themes).

If programming code or designing websites is not your thing, you can still get plugins and themes developed or customized to suit your specific needs, because it makes its source code freely available.

7. Self updating – WordPress includes a feature that notifies you if upgrades are available for either the software or your plug-ins. Many times all you need to do is click for the upgrades to be installed automatically. Again, this means ease of use.

And, in the rare instances where you can’t use the built-in updating features of WordPress, our tutorials will show you step-by-step how to perform all of the required updates manually … you’ll be covered no matter what!

8. Search engine power – It boosts your search engine optimization abilities. In fact, the top search engines (e.g. Google, Yahoo, Bing, etc.) love WordPress. There are many SEO related plugins available that will increase the power of WordPress even more, and we provide tutorials on the best SEO plugins to use. If you’re a business, using a properly configured and SEO optimized-site can really help make you more competitive in the online space.

9. Technical support – although WordPress itself does not offer dedicated technical support to users (remember, it’s “free”), there are plenty of options available for getting all the help and support you need. WordPress.org has a very active forum with users who are willing to help people having problems with the software. Also, there are loads of other websites, message boards, and blogs where people are happy to share useful information with you. Because millions of people use WordPress and it is not complicated to begin with, the expertise you need to build, run and manage a WordPress site successfully is quite readily available.

WordPress Web Development 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 Customise Your WordPress 404 Error Page not found

How To Customise Your WordPress 404 Error Page not found

WordPress Tutorial

When a visitor tries to access a page on your site that doesn’t exist, WordPress will automatically display something called a  error page.

The error page is essentially a page that lets your visitor know that whatever they are looking for cannot be found at that specific URL location.

It may seem like a very small thing, but addressing errors and taking care of your page can make a big difference not only to how visitors perceive and experience your site, but they can also help you recover what would otherwise be many lost opportunities to keep visitors on your site and potentially turn them into prospects and new customers.

Where Is My WordPress 404 Page not found.

Before we go any further, if you are not familiar with error pages, you can see what your own site’s page looks like (or even check to see if you have one), by typing a url into your internet browser for a page that you know doesn’t exist on your site (e.g.mysite.com/adfgegrgertgrf) …How To Customize Your WordPress 404 Error Page

WordPress is set to automatically look for the file 404.php when an error 404 is reached. A basic error page is included with the default WordPress theme, but may be missing from some themes. If this file is not present, then it will display a basic error message like the example shown below …

How To Customize Your WordPress 404 Error Page

In this tutorial we look at some of the ways you can customize your default WordPress 404 page and provide your visitors with a better experience when they land on your site and don’t find what they were expecting to see.

WordPress 404 Page Not Found Error – Your Options

There are a number of things that can lead to a “404” or “Page Not Found” error:

  • Your post or page has been deleted or moved to another location
  • Changes have been made to your permalinks or your page slug
  • Changes have been made to a post category or category slug
  • Code in your index.php or search.php files has been modified, resulting in invalid addresses being returned
  • Web server files (e.g. “mod_rewrite”) have not been installed, or are missing. Tip: If you are trying to use Pretty Permalinks (Search-Engine Friendly URLs) and you are getting errors, check with your webhost that mod_rewrite has been installed and is working correctly.
  • You have published or promoted a wrong link (e.g. a link containing a misspelling)
  • Your visitor has simply typed the wrong URL into their browser

Whatever the reason for getting an error page may be, it’s important to acknowledge that your visitor has made an effort to come to your site, and that they are probably going to be left feeling slightly confused or disappointed after arriving on your site and not finding what they expected to see.

So … What are your options when this happens?

You could just do what most people do and ignore the errors, but this will not create a positive outcome for either your visitor (disappointment), or for you (loss of opportunity). If a visitor follows a link to your site and are presented with a page instead of the content they were looking for, it’s highly unlikely that they will search your site to find it. Most likely, they will simply assume that the content no longer exists on your site, and simply look elsewhere.

Additionally, ignoring your “page not found” issues can affect a search engine’s ability to index your site’s pages and impact the bounce rate on your site.

This could lead to poor search engine rankings. One or two errors may not present much of a problem, but if your site is filled with errors, it’s possible that your site will be penalized for having too many invalid links, and this can affect your rankings in the search engines …

How To Customize Your WordPress 404 Error Page

If you choose to do nothing, then at least know that, depending on your theme, WordPress will automatically serve up a “404” page, and this page may include the option of allowing your visitors to search for content on your site …

How To Customize Your WordPress 404 Error Page

If anything, this is better than giving your visitors no option but to click the “back” button on their browser, leave your site and go somewhere else.

Another option is to automatically send all visitors to your home page or another page on your site using a redirect script or plugin when a bad URL is detected. From a visitor’s point of view, however, this may not be very useful or helpful and could add to their confusion and/or lead to more disappointment.

Ideally, you would take steps to prevent a 404 page from showing in the first place. Some of the ways you can prevent “page not found” errors include the following:

  • Plan to set up well-structured permalinks from the beginning to avoid changing these the future
  • Be proactive: monitor incorrect incoming links, then contact the owners of the websites that are linking to your site and request that these links be corrected. Most site owners will be more than happy to oblige.
  • Don’t remove old content on your site unless it’s absolutely necessary to do so, and if you have to, make sure to set up proper redirection and follow correct page migration procedures.

Useful WordPress Tip

Useful Tips:

  • Look at your site’s analytics, or search online for terms such as “tracking inbound links”, or “reputation management tools” to find tools that can show you which sites are linking to your site.
  • Use a plugin like Broken Link Checker to detect and redirect broken links on your site.

In addition to taking steps to prevent errors, the best thing you can do is to be as upfront and helpful as you can be. Think of ways to turn errors into opportunities. Acknowledge the fact that the content they are looking for is missing and try to help your visitors find what they are looking for.

At the very least, your 404 page should provide helpful information and some useful navigation options for your visitors. Explain to them why the page can’t be located and offer suggestions for helping them get to the right area of your site to continue searching.

Here are some ideas to help you create a useful error page:

  • Write a clear and simple greeting with apologies for the inconvenience
  • Add site branding elements to reassure visitors that they are still on your site, and to give a clear indication of the industry and category your site or business belongs to
  • Add helpful navigation options like a search form, links to relevant, recent and/or popular content
  • Add links to your home page and your sitemap
  • Add a link to your contact page with a simple request for reporting the error
  • Add a tag cloud to your page
  • Add some promotional content or information about your offers and services (optional)
  • Add a notification and/or tracking system to help you identify errors on your site.

Customizing Your WordPress 404 Page

A WordPress error page is an actual page file that can be edited. It is typically included with most WordPress themes. You can find this page by going into your server (e.g. via FTP, cPanel, etc.) and looking for a page called 404.php located inside the wp-content > themes > name of theme folder …

How To Customize Your WordPress 404 Error PageOnce you have located the page, you can edit it to improve your visitor’s experience by placing helpful information in your 404 pages (you can even monetize your error pages by placing ads in it).

Below are just some examples of simple customizations you can make to your WP 404 page.

You can add links to the main sections of your site …

How To Customize Your WordPress 404 Error Page

(source: AudioBookOne.net)

You can add links to relevant, related, or your latest content …

How To Customize Your WordPress 404 Error Page

(source: ProBlogger.net)

You can add a friendly or funny message to greet your visitors with …

How To Customize Your WordPress 404 Error Page

(source: JustinTadlock.com)

You can even add a touch of your own creativity …

How To Customize Your WordPress 404 Error Page

(source: Agens.no)

In short, you can customize your error page however you like.

warning

Note: Always make a backup of any files you plan to modify. Editing your WordPress 404 page requires some knowledge of editing PHP files, even if it’s doing something as simple as changing the greeting your visitors see when they land on the page – …

How To Customize Your WordPress 404 Error Page

If you are not comfortable with editing code, please ask someone with experience in web design or PHP coding to do it for you. See the resources section at the bottom of this page for more information about editing your WordPress 404 page template.

WordPress Error 404 Page Plugins

Here are a number of WordPress plugins that will help you customize your WordPress 404 page and/or prevent, manage, or handle WP errors.

Custom 404 Error Page WordPress Plugin - Custom 404 Error Page

The Custom 404 Page plugin lets you customize your WordPress 404 page from your WordPress dashboard. You can select different background colors, choose your text and font settings, add your own custom greetings, and even add links to useful pages …

WordPress Plugin - Custom 404 Error Page

When visitors arrive on your error page, they will now be greeted by a page that looks slightly more personal and useful than the default WordPress error page …

WordPress Plugin - Custom 404 Error Page

The video below shows you how to use the Custom Error Page plugin … Clever Error

WordPress Plugin - Clever Error

The CleverError plugin replaces your 404 page with an “intelligent” screen that tries to guess what your visitors are looking for, using a contextual search feature and links to your home page to try and prevent users from using the back button and leaving your site …

WordPress Plugin - CleverError

404 Redirected

WordPress Plugin - 404 Redirected

According to the plugin developer, the 404 Redirected plugin allows you to “convert your 404 traffic by providing your site visitors with a better browsing experience and eliminate 404 URLs on your site.”

The 404 Redirected plugin allows you to control your dead links and redirects from your admin panel …

WordPress Plugin - 404 Redirected

404 Redirected records all URLs that users have visited leading to errors …

WordPress Plugin - 404 Redirected

And then allows you to easily create 301 and 302 redirects to valid pages on your site, to help prevent those errors from happening again …

WordPress Plugin - 404 Redirected

Notes:

  • 301 = Permanent Redirection
  • 302 = Temporary Redirection

Redirects can be created based on the best possible match for the URL the visitor was most likely trying to reach.

404 Redirected plugin also lets you provide suggestions on your 404 page for users to click on …

WordPress Plugin - 404 Redirected

notes

Note: In order to use the “suggestions” feature of this plugin, you will need to insert the line of code below into your existing 404.php page …

How To Customize Your WordPress 404 Error Page

To access your 404.php file from your WordPress dashboard, select Appearance > Edit from your WordPress administration menu…

How To Customize Your WordPress 404 Error Page

Wherever you insert the above line of code is where suggestions to other pages will appear on your 404 page …

How To Customize Your WordPress 404 Error Page

As stated earlier, always make a backup of any files you plan to modify, and if you do not want to edit code yourself, then please ask someone with experience to help you.

Auto Redirect 404 in 301 for Trashed Posts

WordPress Plugin - AutoRedirect 404

In terms of search engine optimization, it’s better for search engines think that content on your site has moved rather than disappeared.

This plugin allows you to redirect posts that have been sent to the trash to your homepage (or to another location that you specify).

The plugin lists deleted page URLs that are being visited, so you can redirect visitors to another page, instead of the 404 page …

WordPress Plugin - Auto Redirect 404 in 301 for Trashed Posts

Note: This plugin is used for posts or pages (or categories, tags, media, etc.) that have been deleted from your site. If a visitor searches for something that does not exist on your site, they will be presented with your theme’s usual 404 page.

404 To Start

WordPress Plugin - 404 To Start

The 404 of Start plugin is a simple plugin that allows you to completely bypass the 404 error page and send visitors directly to your home page, or to any other page of your choice.

The plugin allows you to specify whether to make your redirects permanent (301) or temporary (302) and gives you the option to receive an email notification whenever an error occurs …

WordPress Plugin - 404 to Start

Note: If you plan to use a customized 404 page, then do not use this plugin, as your visitors will never see your custom 404 page – they will be sent directly to your home page or whatever page you have specified.

useful tip

Tip: This plugin is useful if you provide content containing links or references to posts or pages on your site that have been scheduled for publishing at a future date.

Simply create a temporary notice page (e.g. “This page coming soon”) and use the 404 to start plugin to redirect all not found links pointing to content that has not been published yet to your temporary page. Remember to set the destination page as a “302” (i.e. Temporary) redirect.

404 Error Monitor

WordPress Plugin - 404 Error Monitor

This is a simple plugin that logs errors on your WordPress site. It also logs useful information like referrer, user address and error hit count.

This plugin is useful for monitoring the errors, especially from external referrers, or if you plan to create manual redirection links.

Note: You don’t need to use this plugin if your current 404 strategy already provides you with a way of monitoring the errors.

404 Notifier

WordPress Plugin - 404 Notifier

If you’ve decided to move things around on your site, you might overlook a few redirects and end up with some broken URLs.

This plugin will help you catch any broken URLs so you can fix them. It logs the errors on your site and notifies you of these via e-mail or RSS.

Smart 404

WordPress Plugin - Smart 404

Instead of displaying an unhelpful error page on your site when a visitor reaches content that doesn’t exist, you can install the Smart 404 plugin, and it will make an effort to guess what your visitors were after.

The plugin will perform a search of your posts, pages, tags and categories, using keywords from the requested URL. If there’s a match, it will redirect to that content instead of showing the error. If there’s more than one match, the 404 template can use some template tags to provide a list of suggestions to the visitor.

The Smart 404 plugin is also useful if you have recently changed your permalink structure. With minimal or no adjustment, old permalinks will still work.

Google 404

WordPress Plugin - Google 404

The Google 404 widget is a quick and easy way to embed a search box on your custom 404 page and provide users with useful information designed to help them find the information they need. Where it can, the Google widget will also suggest other ways for the user to find the information they need, thus increasing the likelihood that they’ll continue to explore your site.

You should set up a Google webmaster account and submit an XML sitemap of your blog to ensure the Google 404 widget works effectively.

Dunstan-Style Error Page

WordPress Plugin - Dunstan-Style Error Page

This plugin lets you create a custom error page similar to the one used on Dunstan Orchard’s 1976design.com/blog.

The custom 404 error page created by this plugin provides useful information to your visitors, including useful links, links to your most recent posts, a search box, the option to contact you and report the error, and more.

How To Customise Your WordPress 404 Error Page not found

More Useful 404 Plugins

The plugins below provide more advanced or unusual options to address 404 errors on your site. Redirection WordPress Plugin - Redirection

Redirection is a very useful WordPress plugin that helps you manage 301 redirects, keep track of errors, and generally tidy up any loose ends your site may have.

This plugin is particularly useful if you are migrating pages from an old website, or are changing the directory of your WordPress installation, as it allows you to map your old URLs to your new ones …

WordPress Plugin - Redirection

Permalinks Moved Permanently WordPress Plugin - Permalinks Moved Permanently

This simple but effective plugin is useful if you change the permalink structure of your site and don’t want to lose any incoming links pointing to your old page URLs.

If you just migrated your WordPress blog from one permalink structure to another, and you don’t want to lose the traffic that accesses your blog through the old permalinks, then consider using this plugin.

Here’s how the plugin works: Right before the old permalink generates a 404 error page, this plugin grabs the slug from the end of the request and checks to see if a post with the same slug is located somewhere else on your site. If so, the plugin will generate a “301 Moved Permanently” error and forward your visitor to the new location of your post.

In addition to redirecting your visitor to the new link, it will also automatically redirect visitors and search engine spiders to the new location in the future.

Useful 404s WordPress Plugin - Useful 404s

This plugin sends you email notifications that specify the cause of your errors, allowing you to create more useful 404 pages. The developer of this plugin credits the following article for inspiring the creation of this plugin: A More Useful 404.

WP 404 Images Fix WordPress Plugin - WP 404 images Fix

This plugin lets you replace images missing from your posts that return a 404 error with an alternative default image of your choice. You also have the option to add a class to the img tag or hide the image if it’s missing.

NotFound.org 404 Page WordPress Plugin - NotFound.org

This is a different type of 404 plugin, as it allows you to turn your error pages into an online “billboard” for helping to locate missing children …

WordPress Plugin - NotFound.org

NotFound.org is an organization dedicated to finding missing children. It began its services in Europe, but plans to expand to other countries. According to the site …

Thousands of children go missing every year across Europe. Thanks to the NotFound project, you can make a difference. Install our application and a picture of a missing child automatically gets published on every ‘page not found’ of your website. Together, we can find them.

The goal of this plugin is to make it really easy for WordPress users to implement the NotFound.org missing child page instead of their standard 404 page.

404 Error – Additional Resources

Here are some additional useful resources that can help you deal with 404 errors on your WordPress site:

  • For resources that can help you check for “dead links” (i.e. links on your site that point nowhere), go here: Check For Dead Links
  • For the official WordPress documentation on creating an Error 404 page, go here: Creating An Error 404 Page

Congratulations! Hopefully now you have a better understanding of what errors are, and some of the ways you can customize your WordPress 404 page to provide not only a better experience for your visitors, but also help to minimize lost opportunities on your site.

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 Use The WordPress for Android App

How To Use The WordPress for Android App – Comments

WordPress TutorialIn this tutorial you will learn how to moderate and manage comments on your site using the App for mobile devices.

For this tutorial we’ll use the WordPress For Android version of the of the Android app. The process explained below is similar for iOS devices (e.g. iPhone, iPod Touch or iPad).

Go here for more information about WordPress For iOS.

Complete the step-by-step tutorial below to learn how to manage comments on your site or blog using your mobile device.

The WordPress for Android App – Comments

You should have already set up your App. If not, see this tutorial.

Tap the Android app icon to log into your account …

How To Post To WordPress Using Mobile Devices

To moderate and manage your comments, tap on the Comments menu …

How To Post To WordPress Using Mobile Devices

The Comments screen displays on your browser …

How To Post To WordPress Using Mobile Devices

To view the comment management options, either tick the checkbox to select the comment …

How To Post To WordPress Using Mobile Devices

Or tap on the comment itself …

How To Post To WordPress Using Mobile Devices

The Comment management screen lets you perform the following functions:

  • Delete The Comment
  • Edit The Comment
  • Reply To The Comment
  • Mark the Comment as Spam
  • Approve / Unapprove The Comment

WordPress for Android App

Delete Comment

To delete a comment click on the Trash Can icon …

How To Post To WordPress Using Mobile Devices

The comment will be immediately deleted.

Edit Comment

Selecting the Edit Comment option brings up the Edit Comments screen. Here you can edit the comment fields, moderate the comment and change the comment status to Approved, Pending Review, or Spam. Tap on the Update Comment button when done …

How To Post To WordPress Using Mobile Devices

Reply To Comment

To post a reply to an existing comment, select the Reply button. This brings up the Reply to Comment screen. Type your reply, then tap Send Reply to post your reply on your site …

How To Post To WordPress Using Mobile Devices

WordPress for Android App – Mark Comment As Spam

Select Spam to flag comments as spam. Comments marked as spam display in your Comments screen (see below).

Approve / Unapprove Comment

To approve or unapprove comments, select the comment and tap the Approve / Unapprove toggle button to change the comment status. Approved and Unapproved comments display in your Comments section …

How To Post To WordPress Using Mobile Devices

Congratulations! You now know how to use the  Mobile App for moderating and managing comments on your  site via a mobile device.

WordPress for Android App

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 Site.

Related Tutorials:

There are currently $ { Post Count } listed for the " $ { Category }" training category


Jump to 5, A, C, D, E, F, H, L, P, R, S, T, U, V, W

5

A

C

D

E

F

H

L

P

R

S

T

U

V

W

How To Use The WordPress Mobile App – Posts And Pages

How To Use The WordPress Mobile App – Posts And Pages

WordPress TutorialIn this tutorial you will learn how to add, edit and delete posts and pages in your WordPress site using the WordPress App for mobile devices.

For this tutorial we’ll use the WordPress For Android version of the mobile app. The process explained below is similar for iOS devices (e.g. iPhone, iPod Touch or iPad).

Go here for more information about WordPress For iOS.

Complete the step-by-step tutorial below to learn how to add, edit and delete posts and pages on your WordPress site or blog using your mobile device …

The Mobile App – Posts And Pages

You should have already set up your WordPress App. If not, see this tutorial.

Tap on your WordPress app icon to log into your account …

How To Post To WordPress Using Mobile Devices

Posts

To access and manage your posts, tap on the Posts menu …

How To Post To WordPress Using Mobile Devices

A list of your posts will display on your screen …

How To Post To WordPress Using Mobile Devices

You can access more posts by scrolling down to the bottom of your screen and tapping on Load More Posts

How To Post To WordPress Using Mobile Devices

To return to your main menu section, tap on the icon at the top of your screen …

How To Post To WordPress Using Mobile Devices

Posts – New Posts

To create a new post, tap on the ” ” symbol at the top of your screen …

How To Post To WordPress Using Mobile Devices

The New Post screen allows you to:

  • Add a Post Title
  • Add content to your post
  • Add comma-separated Tags
  • Select or add a new Post Category
  • Select your Post Status
  • Select your Post Format
  • Specify a date and time to publish your post
  • Password-protect your post

How To Post To WordPress Using Mobile Devices

To add a title and content to your new post, tap on the Title and Content fields …

How To Post To WordPress Using Mobile Devices

Tap into the Content area to add text and media …

How To Post To WordPress Using Mobile Devices

Note the row of formatting options and buttons at the bottom of your screen. Use these to format your text and insert media into your content …

How To Post To WordPress Using Mobile Devices

Click on the camera icon to add media like photos and videos into your content …

How To Post To WordPress Using Mobile Devices

After adding an image to your post, you can adjust the image settings by tapping on the image. This brings up the Image Settings screen …

How To Post To WordPress Using Mobile Devices

The Image Settings screen allows you to edit the following settings on your image:

  • Image filename – Change your image filename.
  • Image caption – Add an image caption. This field is optional.
  • Horizontal alignment – Choose from the following options: “None”, “Left”, “Center” and “Right.
  • Width – Use the slider to adjust the image width.
  • Use as featured image – Check the box in this field to set your image as a featured image.

After adjusting your settings, click on OK to save your new settings, or Cancel to exit the Image Settings screen without saving your settings.

For more information on adding media to your posts, see the tutorial on Using Media With Your WordPress App.

Whether your post is published after saving or not, depends on the following:

1 – Your Publish Status

How To Post To WordPress Using Mobile Devices

2 – Your Publish Settings (i.e. whether you have specified your post to publish immediately, or schedule a past or future date and time) …

How To Post To WordPress Using Mobile Devices

To cancel editing your new post, click on your device’s back key …

How To Post To WordPress Using Mobile Devices

You will be asked to confirm whether to cancel editing your post or not …

How To Post To WordPress Using Mobile Devices

To save and publish your new post, tap the Save icon at the top of your screen …

How To Post To WordPress Using Mobile Devices

Your new post will be saved.

Posts – Edit Posts

To edit a post, select the post you want to edit from your Posts list, and tap on the Post Title

How To Post To WordPress Using Mobile Devices

The selected post will load and display in your screen …

How To Post To WordPress Using Mobile Devices

At the bottom of your screen, you will see a row of option buttons:

  • Delete – Delete your post
  • Preview – Preview your post
  • Share – Provides a range of options for sharing your post
  • Comment – Write a comment, or reply to an existing comment left on your post
  • Edit – Edit your post

How To Post To WordPress Using Mobile Devices

Delete Post

To delete a post, tap on the Trash Can icon at the bottom of your screen …

How To Post To WordPress Using Mobile Devices

You will be asked to confirm whether to delete the post or not. Tap Yes to delete your post, or No to cancel the delete action …

How To Post To WordPress Using Mobile Devices

Preview Post

Tap on the Preview icon to load your post into your mobile device’s browser …

How To Post To WordPress Using Mobile Devices

Share Post

Tap on the Share Post icon to bring up a range of options for sharing your post online …

How To Post To WordPress Using Mobile Devices

Write Comment

Tap on the Comment icon to add a comment to your post and then tap on the Send Comment button …

How To Post To WordPress Using Mobile Devices

Your comment (or reply to someone else’s comment) will be published on your WordPress site …

How To Post To WordPress Using Mobile Devices

Edit Content

To edit the content of your post, tap on the Edit icon …

How To Post To WordPress Using Mobile Devices

After editing your content, tap on the Save icon to update your post …

How To Post To WordPress Using Mobile Devices

Your content will be saved and updated on your WordPress site.

How To Add A Staff Directory To Your WordPress Website

How To Add A Simple Staff List Or Partner Directory To Your WordPress Website

WordPress Tutorial

When you visit a website and want to learn more about the people or the team working behind the business, you probably look in the “About Us” page, right?

Similarly, if you have a business website, you may also want to consider displaying information about your partners, your team, or your staff members to your site visitors.

A list of the people in your team will help to personalize your business and can lead to greater trust, more credibility and more prospects being willing to contact you or buy from your site.

In this tutorial, we show you how to build a simple directory of staff members or partners for a website without using code.

Adding A WordPress Website Staff Directory: Step-By-Step Tutorial

For this tutorial, we will install, activate and configure a WordPress plugin called Simple Staff List

WordPress Plugin - Simple Staff List

The Simple Staff List plugin is a free WordPress plugin that lets you build a simple staff directory for your website.

The first step is to install and activate the plugin. If you need help installing plugins, see this tutorial.

Go to your plugins section and search for “staff”. This should bring up the Simple Staff Plugin in your search results area. Click on Install Now

WordPress Plugin - Simple Staff List

After the plugin has been installed and activated, a “Staff Members” menu will be added to your main WP admin menu bar …

WordPress Plugin - Simple Staff List

Depending on the size of your organization and how you want to structure your directory, you could just start adding new staff members at this point, or create different “groups” (i.e. categories) for placing your staff or group members into.

Staff Members – Groups

Let’s start by setting up your directory categories. In your WP dashboard menu, select Staff Members > Groups

WordPress Plugin - Simple Staff List

This brings up the Groups screen …

WordPress Plugin - Simple Staff List

Note: Setting up Directory Groups is very similar to working with WordPress Categories…

WordPress Plugin - Simple Staff List

Add a new group by entering the following information:

  1. Group Name – Enter your group category name here
  2. Slug – Enter the URL-friendly version of your group category name. Note: make sure all letters are in lower case and use hyphens instead of spaces
  3. Parent – Use this drop-down menu if you plan to set up a directory hierarchy
  4. Description – Enter a group description in this field (optional)
  5. Click the Add New Group button when finished to create your new Group name …

WordPress Plugin - Simple Staff List

WordPress Website

If you are a medium to large organization, the ability to create groups of staff members can be very useful. For example, you can create a group for partners, founders, investors, developers, etc.

Create as many groups and nested group categories as you want by adding new Groups and using the Parent drop-down menu to build a directory hierarchy …

WordPress Plugin - Simple Staff List

Remember to click the Add New Group button after entering each new item …

WordPress Plugin - Simple Staff List

To change Groups for a specific entry, hover your mouse button over a category title and select Edit from the menu …

WordPress Plugin - Simple Staff List

Your selected item will display in the Edit Group screen. Select a new group category from the Parent drop-down menu …

WordPress Plugin - Simple Staff List

Click the Update button to save your changes …

WordPress Plugin - Simple Staff List

To change the Group name or slug, hover your mouse over the group name and choose the Quick Edit menu feature. Click on Update Group to save your changes …

WordPress Plugin - Simple Staff List

Continue the process of adding group names in this section until you have created your directory structure …

WordPress Plugin - Simple Staff List

Staff Members – Add New

Now that you have set up your directory structure, you can begin adding names to your directory.

In your WP admin menu select Staff Members > Add New

WordPress Plugin - Simple Staff List

This brings up the Add New Staff Member screen …

WordPress Plugin - Simple Staff List

This screen provides you with an easy-to-use interface that allows you to edit the following fields for each staff member:

Name Section (1)

  • Name: Enter your staff member’s name
  • Permalink: You can edit the permalink URL associated with your staff member

Staff Photo Section (2)

Staff Member Info Section (3)

  • Position: Enter your staff member’s position
  • Email: Enter your staff member’s email address
  • Phone Number: Enter your staff member’s phone number
  • Facebook URL: Enter a Facebook URL here (use the full URL, e.g. http://www.facebook.com/username)
  • Twitter URL: Enter a Twitter username here (only enter the username, not the full twitter URL)

Staff Member Bio Section (4)

  • Staff Member Bio: Enter a profile description for your staff member here. Since this uses the WordPress Text Editor you can use HTML and add formatting to the content entered in this section.

Groups Section (5)

  • Groups: You can assign your staff member to a specific group using the sidebar feature (see previous section of this tutorial to learn how to set up your Groups).

WordPress Plugin - Simple Staff List

Enter your new staff member’s details …

WordPress Plugin - Simple Staff List

WordPress Website

Once you have finished entering your staff member’s details, assign your entry to a directory group in the Groups box located in your sidebar …

WordPress Plugin - Simple Staff List

Note: If you have not set up your directory groups before adding new staff members to your directory, you can add a new group in this screen by clicking on Groups > Add New Group

WordPress Plugin - Simple Staff List

A field for entering your new group name will display, with a drop-down menu for assigning your new entry to a parent group (see Groups section of this tutorial for details). Enter your new directory category and click on the Add New Group button …

WordPress Plugin - Simple Staff List

Your new directory category will be added. Make sure the check box is ticked to assign your new staff member to the group …

WordPress Plugin - Simple Staff List

Note: You cannot edit groups when adding or editing a staff member’s details. To edit a group entry, go to the Groups section of the plugin’s settings (see “Groups” section above for details).

After entering your new staff member’s details, click the Publish button to add your new member to your staff directory …

WordPress Plugin - Simple Staff List

Repeat the above process to continue adding new members to your staff directory.

Staff Members – All Staff Members

Once you have added staff members to your directory, you can view and edit their details by selecting Staff Members > All Staff Members on your WP admin menu …

WordPress Plugin - Simple Staff List

This brings up a list of all your staff members, as well as fields containing some of the information you have added for each entry …

WordPress Plugin - Simple Staff List

If you need to edit any of your staff member’s details, just hover your mouse over their name, and a menu will appear.

Click on Edit if you need to make changes to the Staff Bio, or Quick Edit to change details such as their name, slug, group, and publish status. You can also delete a member from your directory by clicking on Trash, or view the entry on your site by clicking View

WordPress Plugin - Simple Staff List

If you have many staff entries added to this section, your list can become quite long. Use the Search Staff Members search box to locate a member …

WordPress Plugin - Simple Staff List

The plugin also allows you to specify which fields can display in this section. To show or hide fields on your screen, click on Screen Options

WordPress Plugin - Simple Staff List

Placing a tick in the item’s check box displays the field and unchecking a box hides the field. You can also specify how many staff members are listed per page. Click Apply when finished to save your settings …

WordPress Plugin - Simple Staff List

Staff Members – Order

The plugin also features a drag-and-drop interface that allows you to set the order that your staff members display on your directory pages.

Select Staff Members > Order on your WP admin menu ….

WordPress Plugin - Simple Staff List

To rearrange the order of your listings, click on the icon shown in the screenshot below and drag the item to its desired location …

WordPress Plugin - Simple Staff List

Your staff list will be automatically reordered …

WordPress Plugin - Simple Staff List

After adding new members’ details, the next step is to display the directory on your site.

Displaying Your Directory On Your Site

To display your staff directory on your site, simply add the shortcode shown below to a new or existing page or post …

WordPress Plugin - Simple Staff List

The screenshot below shows an example of the shortcode inserted into a new page …

WordPress Plugin - Simple Staff List

Notes:

  • You can insert the shortcode anywhere you want in a new or existing post or page
  • You can add any content you want before and/or after your directory shortcode.
  • See the “Usages” section below for additional shortcodes that you can use to customize your directory.

Once you have finished adding the directory shortcode to your page, simply publish or update your page or post, then click on View page to view your directory …

WordPress Plugin - Simple Staff List

Your page will display a directory with your staff members’ details …

WordPress Plugin - Simple Staff List

Simple Staff List – Additional Notes

Simple staff list allows you to edit the layout and style for your staff list using template tags and/or CSS (Cascading Style Sheets).

Templates Menu

To customize the layout and style of your directory, select Staff Members > Templates from your WP admin menu …

WordPress Plugin - Simple Staff List

This brings up the Templates screen …

WordPress Plugin - Simple Staff List

To customize your directory listings, insert any of the allowable template tags shown on this page inside the [staff_loop] [/staff_loop] code.

For example, here is the default template used for displaying listings …

WordPress Plugin - Simple Staff List

The above code will display the example listing shown in the screenshot below …

WordPress Plugin - Simple Staff List

Notice that there is no Facebook or Twitter address showing in the above listing. To display these fields, we need to add the [staff-facebook] and [staff-twitter] template tags to the template, as shown in the screenshot below …

WordPress Plugin - Simple Staff List

The listing will now display as shown in the example screenshot below …

WordPress Plugin - Simple Staff List

warning

Note: If you don’t want to mess with code or are not sure how to edit the template as shown above, please ask someone with knowledge and experience to help you.

Similarly, you can add your own CSS styles if you have experience and knowledge of using CSS. If not, ask someone to help you, or outsource the work to someone who can do this for you.

Usage Menu

As well as allowing you to customize your listing templates, the Simple Staff List plugin allows you to display listings differently using modified shortcodes.

In your WP admin menu, select Staff Members > Usage Menu

WordPress Plugin - Simple Staff List

This brings up the Usage screen …

WordPress Plugin - Simple Staff List

This screen lists the shortcode variations you can use. A useful variation, for example, is to display a list of members belonging only to a specific group (use this shortcode: [simple-staff-list group=”partners”]. Or, you can display listings in ascending or descending order.

Congratulations! Now you know how to add a simple directory of staff members to your WordPress site so you can showcase the people in your business, team, or organization.

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 Insert And Format Images Into WordPress Posts And Pages

How To Insert And Format Images Into WordPress Posts And Pages

How To Insert And Format Images Into WordPress Posts And PagesAdding images to your content can help make your website or blog look more attractive, lively and professional. Images can also help to create a better impression with your readers and deliver a stronger presentation in your sales message.

In other tutorials, we show you how to upload images and other media files to your WordPress site using the Media Library.

We also show you how to edit images in your WordPress Media Library.

In this tutorial you are going to learn how to insert and format images into your Content.

Watch the video below and then complete the step-by-step tutorial to learn more about using images in your WordPress content.

How To Insert And Format Images Into WordPress Posts And Pages: Step-By-Step Tutorial

There are several ways to source images for inserting into your posts and pages.

You can:

  • Insert an image from your site’s Media Library
  • Upload an image from a folder in your hard drive
  • Insert the URL of an image stored in an image folder either in your own server or on another server (e.g. a remote file storage location).

Warning

Important: Make sure that you have permission to use the image(s) on your site. Image licensing companies and owners of copyrighted images will take legal action against you if you use images on your site without permission or violate the terms and conditions of your licensing agreements.

How To Insert Images From Your WordPress Media Library

Make sure that you have already completed this tutorial.

To insert an image from your WordPress Media Library, go into your Posts or Pages section and open (edit) your post or page, then place your mouse cursor where you want your image inserted into the content …

How To Insert And Format Images Into WordPress Posts And Pages

Click on the Add Media button above the content editor window …

How To Insert And Format Images Into WordPress Posts And Pages

A pop up window will display the Insert Media options. Select the Media Library tab to view all media you have uploaded to your WordPress site …

How To Insert And Format Images Into WordPress Posts And Pages

Select All media items from the Media Library drop down menu to view all media items uploaded to your site …

How To Insert And Format Images Into WordPress Posts And Pages

You can also view only the media items you have attached to your post or page by selecting Uploaded to this post from the Media Library dropdown menu …

How To Insert And Format Images Into WordPress Posts And Pages

Note: You can also use the Media Library drop down menu to filter and display only images, audio and video files.

Select the image you want to insert into your post or page and then click on the Insert into post button …

How To Insert And Format Images Into WordPress Posts And Pages

Your image will be inserted into your post or page …

How To Insert And Format Images Into WordPress Posts And Pages

Important

Note #1: You can also insert an image gallery from your media Library into your posts and pages. For more details see this tutorial: How To Add Multiple Images Into WordPress Posts And Pages Using An Image Gallery

Note #2: To exit the Insert Media screen without performing an image action, just click on the “X” at the top of the window …

How To Insert And Format Images Into WordPress Posts And Pages

How To Upload Images From A Computer Hard Drive

To add your own images to a post or page, first, make sure that you already have an image created and ready to be uploaded or inserted in an “images” or graphics folder in your computer.

Next, go to your WordPress Visual Text Editor and click inside the post or page where you want the image to be inserted. The image will be inserted wherever your cursor is flashing.

Click on the Add Media button above the content editor window …

How To Insert And Format Images Into WordPress Posts And Pages

A pop up window will display the Insert Media options. Select the Upload Files tab to display the media uploader, then either drag-and-drop your image file into the box that appears in the screen with a dotted border, or click on Select Files to locate and upload your image …

How To Insert And Format Images Into WordPress Posts And Pages

Note: For a detailed tutorial on using the WordPress Media Up-loader go here.

Locate the image you want to upload, then select it and click Open in the File Upload window …

How To Insert And Format Images Into WordPress Posts And Pages

Your image will begin uploading …

How To Insert And Format Images Into WordPress Posts And Pages

Once your image has been uploaded, it will display as the selected item. Click the Insert into post button …

How To Insert And Format Images Into WordPress Posts And Pages

Your image will be inserted into your post or page …

How To Insert And Format Images Into WordPress Posts And Pages

How To Insert An Image From A URL

Warning

Important: Do not link to images hosted on an external server without permission – this is called “hotlinking” and it’s frowned upon by most webmasters and website owners, as it uses up their bandwidth and costs them money. You can set up your own external data storage account for hosting images and files remotely using a service like Amazon S3.

To insert an image from a URL into a post or page, click on the Add Media button …

How To Insert And Format Images Into WordPress Posts And Pages

The Insert Media screen will open on your browser window. Click the Insert from URL link in the Insert Media menu …

How To Insert And Format Images Into WordPress Posts And Pages

Enter your image URL in the Insert from URL field, your image title in the Title field and click Insert into post

How To Insert And Format Images Into WordPress Posts And Pages

Useful Tip

Useful Tip: If you use a content editor enhancing plugin like the TinyMCE Advanced plugin, you can quickly and easily insert images into posts and pages by simply clicking on a menu icon …

How To Insert And Format Images Into WordPress Posts And Pages

This will bring up an Insert/Edit Image box like the one shown in the screenshot below, allowing you to enter an image URL, image description, title, etc. before inserting the image into your post or page…

How To Insert And Format Images Into WordPress Posts And Pages

How To Insert and Format Images In To WordPres Posts Or Pages

Once you have uploaded and inserted an image into your post or page using one of the methods shown above, the next step is to format your image so it displays well on your site.

In this section you will learn a number of different ways to format images in WordPress.

How To Format Images In The Insert Media Screen

Before inserting an image into a post or page, the Insert Media screen gives you a number of options for editing and formatting your image file …

How To Insert And Format Images Into WordPress Posts And Pages

To learn more about editing media in the Media Library, see this tutorial.

The Attachment Display Settings allow you to specify a number of formatting options for your image:

You can select an Alignment for your image …

How To Insert And Format Images Into WordPress Posts And Pages

Left: Place the image on the left of your post or page content. Text is wrapped around the image.

How To Insert And Format Images Into WordPress Posts And Pages

Center: Center your image on the post or page. Text is not wrapped around the image.

How To Insert And Format Images Into WordPress Posts And Pages

Right: Place the image on the right of your post or page content. Text is wrapped around the image.

How To Insert And Format Images Into WordPress Posts And Pages

None: No image alignment. Text is not wrapped around the image.

How To Insert And Format Images Into WordPress Posts And Pages

You can also associate your image with a Link To destination …

How To Insert And Format Images Into WordPress Posts And Pages

Custom URL: Select this option to link your image to a URL of your choice (e.g. your home page or product page). Clicking on this image in a post or page will send the visitor to the URL location specified in the Custom URL field …

How To Insert And Format Images Into WordPress Posts And Pages

Media File: Select this option to link your image to the folder where your image file has been uploaded. Clicking on this image in a post or page opens up a full size copy of your image on your visitor’s browser …

How To Insert And Format Images Into WordPress Posts And Pages

Attachment Page: Select this option to link your image to the media attachment page. Clicking on an image inserted into a post or page with this option will open up the file’s attachment page (see this tutorial for information about attachment pages) …

How To Insert And Format Images Into WordPress Posts And Pages

None: Select this option if you want to remove all links to the image. When an image with this setting is inserted into a post or page and someone clicks on it, nothing will happen …

How To Insert And Format Images Into WordPress Posts And Pages

You can also choose a Size for your image …

How To Insert And Format Images Into WordPress Posts And Pages

Note: You can change the default size of your image thumbnails in the Media Settings page …

How To Insert and Format Images In To WordPress Posts Or Pages

Adjusting Image Placement And Size

You can move an image around your text by selecting it with your mouse, then dragging and dropping it into a different area of your post or page editor window …

How To Insert And Format Images Into WordPress Posts And Pages

To edit an image once it has been inserted into your post or page, click on the image with your mouse and select the Image Edit icon …

How To Insert And Format Images Into WordPress Posts And Pages

The Edit Image screen will open up …

How To Insert And Format Images Into WordPress Posts And Pages

In the Edit Image screen, you can do the following:

Size: This allows you to scale your image from 100% down to 60% of its current size. This is useful if you want to adjust the size of your image to something other than the default full size, Large, Medium, and Thumbnail size options presented when you insert the image. Slide your mouse over the settings to enlarge or reduce the size of your image, then click to set the size option.

Alignment: This is where you control how your text aligns or wraps around your image. Select either left, centre, or right alignment and the image preview will change to show you how this will affect the image and text on your page.

You can also specify a Title for your image, Alternative Text (Alt text), Caption, and Link URL (See the previous sections of this tutorial and this tutorial for more details about these options.)

When you’re done editing your image, click Update to save your new settings, or Cancel to exit the screen without saving your changes …

How To Insert And Format Images Into WordPress Posts And Pages

How To Resize Images – In-Content Image Resizing

You can resize your image directly in the Visual editor by clicking on the image, selecting any of the standard resizing handles and move the mouse to make the image smaller or larger …

How To Insert And Format Images Into WordPress Posts And Pages

Note: the image may become distorted or blocky, depending on how you resize it.

How To Insert and Format Images In To WordPres Posts Or Pages

How To Resize Images – Adding Thumbnail Images To Posts

To add a thumbnail image to your post, place your cursor where you want the thumbnail image to appear in your content and click on the Add Media button

Using Featured Images In WordPress Posts

This will bring up the Insert Media screen …

How To Insert And Format Images Into WordPress Posts And Pages

Select the image you want to insert into your post as a thumbnail and then choose Attachment Display Settings > Size > Thumbnail from the dropdown menu in the Attachment Details column …

How To Insert And Format Images Into WordPress Posts And Pages

Click Insert into post

How To Insert And Format Images Into WordPress Posts And Pages

Your thumbnail image will be inserted into your post in the location where you placed your mouse cursor …

How To Insert And Format Images Into WordPress Posts And Pages

Note: To change the default size of your thumbnail images, see this tutorial.

Using The Advanced Settings Tab To Edit Your Image

To access the Advanced Settings tab, click on the image edit icon…

How To Insert And Format Images Into WordPress Posts And Pages

Click on the Advanced Settings tab…

How To Insert And Format Images Into WordPress Posts And Pages

In the Advanced Image Settings section you can:

  • View the Source URL of your image (if your image is stored in a different server, enter the full URL to the image here)
  • Enter a custom Size for your image or click on the Original Size button to restore the image to its original size
  • Enter a CSS Class – You can add or override CSS classes for your image here.
  • Add Styles – Apply individual CSS styles to the image.
  • Adjust Image properties like adding a border (enter “0” for no border, or specify a border width in pixels, e.g. “2”), vertical spacing and horizontal spacing (enter the number of pixels for these).

Below the Advanced Image Settings you will find the Advanced Link Settings section. This includes the following options:

  • Title: Enter text here to display the image title as a tooltip (the text will appear when visitors hover their mouse button over your image).
  • Link Rel: You can add link rel attributes to your images (e.g. nofollow).
  • CSS Class: Use this field to apply a CSS class to the link.
  • Style: Use this field to apply individual CSS styles to the link.
  • Target: Select whether you want the link to open in a new window or the same window.

Remember to click the Update button to save any changes made to these settings …

How To Insert And Format Images Into WordPress Posts And Pages

Useful Tip

Tip#1 – If you notice that an image appears to be distorted, or if you replace an image on your server with another image of a different size, then click on Image Edit > Advanced Settings > Original Size button to restore the image dimensions to its correct size …

How To Insert And Format Images Into WordPress Posts And Pages

Remember to click the Update button to save your settings …

How To Insert And Format Images Into WordPress Posts And Pages

Congratulations! Now you know how to insert and format images into WordPress 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 making progress to building a professional WordPress Site.

Related Tutorials

 

 

 

 

Enhance Your Visual Editor With TinyMCE Advanced WordPress Plugin

Enhance Your Visual Editor With TinyMCE Advanced WordPress Plugin

TinyMCE Advanced - WordPress Plugin

The WordPress WYSIWYG (What You See Is What You Get) editor is powered by TinyMCE, an Open Source application that integrates with the WordPress Content Management System.

While the default WordPress visual editor is feature-rich, there are some things it can’t do, such as easily adding tables to WordPress without requiring knowledge or skills of coding HTML and CSS.

If you are looking for more functionality and options than what is provided by the standard WordPress visual editor, then this tutorial will show you how to add a number of additional and useful enhancements to your default WordPress WYSIWYG editor.

Watch the video below, or complete the step-by-step tutorial to learn how to install and configure the TinyMCE Advanced.

WordPress Tutorial – TinyMCE Advanced

TinyMCE Advanced - WordPress Plugin

TinyMCE Advanced is a useful plugin that includes a number of additional WordPress editor-enhancing features.

The screenshot below shows the default WordPress visual editor …

TinyMCE Advanced - WordPress Plugin

Here is a screenshot of the same WordPress visual editor after TinyMCE Advanced plugin has been installed, activated and (minimally) configured on your site …

TinyMCE Advanced - WordPress Plugin

The additional functions included in TinyMCE Advanced include:

  • Advanced HR – insert a horizontal ruler
  • Advanced Image – insert and format images
  • Advanced Link – insert links to text and images.
  • Advanced List – (use this only if you experience problems with how lists display on your page).
  • Context Menu – adds a configurable context menu.
  • Emoticons (Smilies) – insert smiley images.
  • Date and Time – inserts date and time
  • IESpell – inserts a spellchecker.
  • Layer -adds some layer controls (only works on some browsers).
  • Nonbreaking – inserts nonbreaking space entities.
  • Print – adds a print button.
  • Search and Replace – adds a search/replace function.
  • Style – imports CSS classes from your themes style sheet.
  • Table – adds table management functionality.
  • Visual Characters – adds the possibility to see invisible characters.
  • XHTML Extras – adds support for XHTML specific tags.

How To Install TinyMCE Advanced Feature

Warning

Always backup your WordPress site and data before installing a new WordPress plugin!

To install the plugin, log into your WordPress site and click on Plugins > Add New

Adding A New Plugin To WordPress

Make sure that you are in the “Search” tab of the Install Plugins screen. In the Search field enter TinyMCE Advanced and click on Search Plugins

TinyMCE Advanced - WordPress Plugin

Locate TinyMCE Advanced in the results list and click on the Install Now link to automatically install the plugin on your site …

TinyMCE Advanced - WordPress Plugin

Once the plugin has been successfully installed, click Activate Plugin

TinyMCE Advanced - WordPress Plugin

Your plugin is now activated …

TinyMCE Advanced - WordPress Plugin

Configuring TinyMCE Advanced Plugin

In your WP Admin menu, select Settings > TinyMCE Advanced

TinyMCE Advanced - WordPress Plugin

The “TinyMCE Buttons Arrangement” screen will display in your browser …

TinyMCE Advanced - WordPress Plugin

(click here for an enlarged view of the above screenshot)

The screen displays a number of pre-filled and empty toolbars, and all other available buttons below the toolbars, as well as an advanced section.

The toolbars are fully configurable. Simply drag and drop buttons corresponding to the functions you want to have available on the toolbars to add, remove or rearrange your visual editor menu …

TinyMCE Advanced - WordPress Plugin

You can also drag and drop menu separators when customizing this section. This will add a vertical separator between buttons …

TinyMCE Advanced - WordPress Plugin

When you have finished customizing your toolbars, remember to click the Save Changes button to apply your changes and save your new settings …

TinyMCE Advanced - WordPress Plugin

Adding Tables To WordPress Using TinyMCE Advanced Plugin

The TinyMCE Advanced WordPress plugin adds a number of extra functions to your WordPress editor, including the ability to add tables to WordPress posts and pages.

TinyMCE Advanced - WordPress Plugin

Here is an example of a table inserted into this post using the TinyMCE Advanced plugin:

WIDGET COMPARISON CHART FOR XYZ COMPANY
Item No Product Name Description
W-001-PQA MegaWidget 2000 The MegaWidget 2000 provides the most value for the least cost.
W-019-RVY PolyWidget Use PolyWidget for multiple applications.
W-442-BCU NanoWidget NanoWidget comes in a variety of colors and sizes.

TinyMCE Advanced lets you easily add, edit and delete tables, cells and rows, align and format content in tables, merge and split cells and more while working inside your post or page.

To learn how to create and manage tables in WordPress without HTML or CSS skills using a different plugin, see this tutorial: How To Add Tables To WordPress Posts And Pages

Useful Tip

Tip #1: Some plugins add their own custom buttons to the visual editor toolbar. Sometimes this can cause the visual editor menu to interfere with other areas of your WordPress site’s administration area …

TinyMCE Advanced - WordPress Plugin

If this happens, don’t worry … there is a very simple solution! All you need to do is rearrange some of the standard buttons on the menu toolbar …

TinyMCE Advanced - WordPress Plugin

To do this, bring up the TinyMCE Buttons Arrangement screen (Settings > TinyMCE Advanced) and drag some of the buttons away from the toolbar that is crowded with too many custom buttons to an emptier toolbar …

TinyMCE Advanced - WordPress Plugin

Once you have finished rearranging your menu buttons, click the “Save Changes” button to save your new settings …

TinyMCE Advanced - WordPress Plugin

Now, when you bring up the visual editor on your screen, you should find that the problem has been solved (if it hasn’t just keep rearranging the buttons until the issue has been corrected!) …

TinyMCE Advanced - WordPress Plugin

See the plugin site for more information, documentation and FAQs: TinyMCE Advanced

Tip #2: Another plugin that takes the concept of enhancing your WordPress visual editor even further, is Ultimate Tiny MCE

 Ultimate TinyMCE - WordPress Plugin

Ultimate Tiny MCE seems to be a well supported plugin with lots of documentation (including video tutorials) that provides many of the same features as TinyMCE Advanced, but offers additional features such as:

  • Advanced image features like mouseover and mouseout effects … even add your own popup javascript windows when a user clicks a link.
  • Add your own custom CSS using drop-down menus (no HTML knowledge required).
  • Easily Insert page anchors into long posts.
  • Image mapping allows you to add separate navigation links to the same image.
  • Over 40 emoticons (smilies)
  • And a whole lot more …

WordPress Plugin

For more information about this plugin, visit the plugin site here: Ultimate Tiny MCE

Now you know how to enhance your WordPress visual editor with many additional powerful features, and how to customize the WordPress WYSIWYG editor layout.

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 Insert Code Into WordPress without being an Expert

How To Insert Code Into WordPress

WordPress TutorialYou don’t need to know how to write code to run or manage a WordPress site. However, you may occasionally come across a script or a few lines of code that, if added to your content, can give you the kind of functionality you are looking for.

For example, you may come across a piece of code that would always show today’s date on your special offer, or create the right call to action at the end of your posts, or display relevant ads in a certain location of your pages, or change the layout of your content for a particular section, etc.

In this tutorial you are going to learn how to easily insert code and scripts into your Posts and Pages, so you can take advantage of the additional functionality these scripts can provide for you.

You are also going to learn different methods you can use to insert code and scripts into your content.

Watch the video below and then complete the step-by-step tutorial to learn more about how to insert code into WordPress Posts and Pages …

Inserting Codes And Scripts Into WordPress Posts And Pages Manually

WordPress does not allow you to insert codes and scripts (e.g. HTML, Javascript) directly into the Visual Editor.

You can, however, insert code into WordPress using the text editor.

To insert one into your WordPress article for a Post or Page, do the following:

First, select the code that you want to add to your WordPress Post or Page and copy it to your clipboard …

How To Insert Code Into WordPress Posts And Pages

Next, go to the Post or Page you are editing and select the exact location where you want your script to display, then create a new line and insert a string of “placeholder” characters (e.g. @@@@@) …

How To Insert Code Into WordPress Posts And Pages

Click on the Text Tab to switch from the Visual editor to the Text editor…

How To Insert Code Into WordPress Posts And Pages

Locate and highlight the placeholder text characters you have added earlier …

How To Insert Code Into WordPress Posts And Pages

Paste it over your selected text …

How To Insert Code Into WordPress Posts And Pages

Remember to publish your post or page to save your new content.

Important

Important: DO NOT switch back to the Visual Editor window after inserting code like Javascript, HTML, etc, or it will disappear and you will need to repeat the above process to add it again. When adding Javascript to your posts or pages, it’s best to publish the page and stay in the HTML editor window if you need to do any further content editing.

To avoid problems, paste any code you want to display in your WordPress Posts or Pages into a plain text file and save the file first. This way you can easily get it again if you need to.

Useful WordPress Tip

Tip: A smarter solution you can use for adding code to WordPress Posts and Pages is to use plugins that let you enter the code or script into a separate area of your site and then “call” the script by letting you add a “shortcode” into your content.

How To Insert Code Into WordPress

WordPress Shortcodes

A “shortcode” is a very simple short bit of code that includes embedded codes and/or scripts, and allows you to perform complex functions in WordPress without needing to have coding skills or programming knowledge. Shortcodes can be inserted anywhere in your site to trigger a complex script into action. Typically, shortcodes look like descriptive bits of text wrapped in square brackets, e.g. [ezformshortcode].

Shortcodes enable plugin developers to create complex content such as forms, image galleries, content generators, etc …, which you can then easily insert into WordPress using a simple text code supplied by the plugin.

This is illustrated in the example below:

How To Insert Code Into WordPress Posts And Pages

In the screenshot above, you can see the following:

[1] A Plugin is installed on your WordPress site that lets you paste a script into a separate content field (we’ll show you this plugin further below)

[2] After pasting the code into the field and saving, the plugin generates a unique shortcode for calling up this script.

[3] You then copy the shortcode to your clipboard, and paste it into a new or existing Post or Page where you would like the script to display. Once you have “embedded” the shortcode in to your content, you then publish or update your Post or Page.

[4] WordPress will now call up and load the script into a browser whenever someone visits your site and views the Post or Page where you have embedded the shortcode into the content.

The great thing about using shortcodes is that you don’t have to mess with scripts or code to get the functionality of the script … you just insert the shortcode where you would like the script or code to appear and WordPress does the rest!

Inserting Codes And Scripts Into WordPress Posts And Pages

In this example, you will learn how to insert code into WordPress using a free WordPress plugin called EmbedIt Pro

WordPress Plugin - EmbedIt Pro

As the name of this plugin suggest, EmbedIt Pro allows you to embed HTML code into a post, page, or a sidebar widget.

Essentially, the way this plugin works, is that it allows you to code your HTML separately using shortcodes or custom fields.

You then create and store HTML snippets, and insert them into your content by clicking the “HTML Snippet” button in the post editor (see step-by-step tutorial below)

HTML snippets are objects that can store scripts for just about everything: a video embed code from YouTube, some javascript content, audio player code, etc.

The tutorial below shows you how to use the EmbedIt Pro plugin to add code to your posts or pages using HTML snippets.

How To Embed Codes And Scripts Into Your WordPress Content – EmbedIt Pro Tutorial

Download the plugin here, or use the “Search method” to install the plugin directly from your WordPress dashboard as described in this tutorial: How To Use WordPress Plugins

WordPress Plugin - EmbedIt Pro

After installing and activating the EmbedIt Pro plugin, a new Menu item called HTML Snippets will be added to your WP Admin Menu section …

WordPress Plugin - EmbedIt Pro

Important

Important: Make sure you have your script available (e.g. saved in a plain text file) and ready to paste into your post or page.

To create a new code snippet, click on HTML Snippets > Add New

WordPress Plugin - EmbedIt Pro

In The Add New HTML Snippet screen, name your code snippet by entering a name in the Title section (this is for your own reference, so enter a descriptive title to help you identify what the snippet is about!), and paste your code into the Body section …

WordPress Plugin - EmbedIt Pro

Click the Publish button to save your new HTML Snippet …

WordPress Plugin - EmbedIt Pro

Your HTML Snippet will be saved and published as a Shortcode

WordPress Plugin - EmbedIt Pro

Information

After creating your HTML Snippet, the plugin stores your snippet in a separate list inside the plugin’s database.

You can view all of your HTML Snippets by selecting HTML Snippets > HTML Snippets from your WP admin menu …

WordPress Plugin - EmbedIt Pro

A list of all HTML Snippets you have created will be displayed in the HTML Snippets admin screen. Because snippets are stored in an independent location (i.e. the plugin’s database), you can add the same snippet to multiple posts or pages.

You can also edit your snippet code, and this will automatically update the code on all the places where you have added the shortcode …

WordPress Plugin - EmbedIt Pro

To insert the code into your content, go to the post or page you want to edit, and place your mouse cursor in the location where you would like to add the code.

You will notice that a couple of new menu buttons have been added to your Editor Menu Toolbar: HTML Snippet and Custom Field.

For this example, we will use the HTML Snippet button to insert a shortcode into our content.

With the cursor location selected, click on the HTML Snippet button to select and insert your code snippet …

WordPress Plugin - EmbedIt Pro

A window will pop up on your screen allowing you to select any of the HTML Snippets you have previously created and saved. Select the HTML Snippet you would like to insert into your post or page and click OK to continue …

WordPress Plugin - EmbedIt Pro

The shortcode associated with your HTML Snippet will be inserted in the location of your cursor …

WordPress Plugin - EmbedIt Pro

Click the Publish or Update button to save your settings …

WordPress Plugin - EmbedIt Pro

When you view your updated post or page, you should see that the code has been inserted and the new content should display on your browser window in the location you specified …

WordPress Plugin - EmbedIt Pro

While you are logged into your WordPress administration area, an Edit Snippet button should display below the section where your code is inserted. This allows you to make updates to your code “on the fly” (for example, this is useful if you need to change sizes of videos or images embedded in it to make them display better on your page).

To edit or update the code, click on the Edit Snippet button …

WordPress Plugin - EmbedIt Pro

You will be taken to the Edit HTML Snippet screen. Here you can edit and update your code, and all posts and pages that include the shortcode for this snippet will be automatically updated with your new changes …

WordPress Plugin - EmbedIt Pro

Useful WordPress Tip

Tip #1: You can export your HTML snippets (and import these into other WordPress sites) using the Tools > Export function …

WordPress Plugin - EmbedIt Pro

Tip #2 (For Advanced Users): The EmbedIt Pro plugin also uses WordPress Custom Fields to add code to your posts.

If you are familiar with custom fields, you can paste your HTML code to embed in a custom field of your choice, and then place a shortcode in your content by clicking the “Custom Field” button in your content editor.

This is useful when you need to quickly embed HTML in a single post without leaving the post editing window.

Tip #3 – Inserting code into the header section of WordPress

A plugin like EmbeditPro allows you to easily add scripts into the content area of your WordPress Posts and Pages.

Some applications, however, require that code be added not only to the content section, but also to the header section of an individual post or page in order for the application to work (for example, if you are tracking Facebook Ad conversions, you will need to insert a snippet of code into the header section of the individual page or post where conversions occur (e.g. a “thank you” or “download” page.).

You can find a number of WordPress plugins that will allow you to add code to the header section of Posts and Pages, but with many of these plugins, the code is added to all Posts and Pages, not just the one you want.

If you need to insert scripts into places outside of the content area of single Posts or Pages, then a great Free WordPress plugin you can use is CSS & Javascript Toolbox

WordPress Plugin - CSS & Javascript Toolbox

CSS & JavaScript Toolbox (or CJT) is a powerful and flexible plugin, which lets you add code and contribute to your WordPress installation using an easy-to-use web interface.

The way this plugin works, is that it allows you to modify or extend your site functionality and appearance by adding custom code directly into CJT code blocks, which you can then assign to individual pages, posts, custom posts, categories, URLs, expressions, and loads more!

The plugin developers of CJT have created comprehensive documentation and a User Manual for the plugin, which you can access here: CJT Free Version

After installing and activating the plugin, you will see a new item on the WP admin menu called CSS & Javascript Toolbox. Click on the CSS & Javascript Toolbox menu item …

How To Insert Code Into WordPress Posts And Pages

The CSS & Javascript Toolbox screen will display on your screen …

How To Insert Code Into WordPress Posts And Pages

Click on the New Code Block button to add new custom code to your site …

How To Insert Code Into WordPress Posts And Pages

The Create New Code Block window appears.

Give your code block a name, select the checkbox to activate it (or leave it unchecked if you don’t want it activated yet), select a “Location Hook” (Options = Header / Footer. This specifies whether to insert your code block in the header of footer of the page), and the “Initial Block Position” (Options = First Block / Last Block. This lets you specify whether the script should be added before or after all other code in the header or footer), then click Create

How To Insert Code Into WordPress Posts And Pages

A blank text field will appear. Paste your code or script into the content area …

How To Insert Code Into WordPress Posts And Pages

Next, select the location on your site where you want the code block to be inserted (Page, Post, etc …)

How To Insert Code Into WordPress Posts And Pages

The plugin screen has a number of icons you can click to access its features (hover your mouse over the icons to see a description of the feature), as well as links to help documentation …

How To Insert Code Into WordPress Posts And Pages

Click Save All Changes when you have finished creating or editing a code block to save your settings …

How To Insert Code Into WordPress Posts And Pages

The plugin also adds a menu icon to your WordPress Visual Editor, which allows you to insert an existing code block when creating or editing a Post or Page …

How To Insert Code Into WordPress Posts And Pages

How To Insert Code And Scripts Into a WordPress article

For help and support with this plugin, visit the plugin developer’s site here: CJT WordPress Plugin

Useful Tip

Tip: How To Check That Your Code Has Been Added

If you have added code to a section of your site like the “header” section that is not meant to be visible (e.g. a conversion tracking script) and you want to check to make sure that the code has been added, then here’s how to do it:

Note: For this example, we’ll use the Firefox browser. All browsers have a similar feature.

First, open up your internet browser (e.g. Firefox) and go to the page where you have inserted the code, then select Tools > Web Developer > Page Source from your browser menu section …

How To Insert Code Into WordPress Posts And Pages

A new browser window will open up displaying the source code for that page. Scroll down the page until you find the code that you have inserted (if adding code to a page header, the code will typically be found between the <head> and </head> tags …

How To Insert Code Into WordPress Posts And Pages

If you can see the code that you have added in the page source, then you know that your code has been added. If you experience any errors, repeat the above process and make sure that you have entered the code correctly, and placed it in the correct location as per your script instructions.

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 Make A Sticky post in WordPress Content

How To Make Sticky post in WordPress Content

How To Make WordPress Posts StickyIf you frequent any online forums, then you will already be familiar with the concept of a “sticky” topic.

This is where the topic displays at the top of the forum board and does not get displaced by newer entries and the most recent topics, while older threads get “pushed” further and further down the page.

Just like forums, WordPress also lets you “pin” your most important posts at the top of your blog page, while your newer content display below these and continually push down the older ones on your site.

In this tutorial you are going to learn how to stick a post to the top in WordPress 

By default, WordPress displays your blog posts in reverse chronological order on your blog page with the latest at the top.

How To Make WordPress Posts Sticky

Depending on how you have set up your site to display a certain amount of content on your blog page, as new posts are published, the older ones will appear further and further down the page.

Although you can’t display content in chronological order, you can mark some of your content as Sticky Post to make them appear above all other posts.

These posts will stay at the top of your regular content until you unchecked the option on the Edit screen.

To stick a WordPress post to the top, log into your WordPress admin, then find the content you want to make sticky and click on the Quick Edit link below the Title…

How To Make WordPress Posts Sticky

The inline editor will expand and display all quick edit options, including the option to stick a post at the top

How To Make WordPress Posts Sticky

Tick the Make this post sticky checkbox …

How To Make WordPress Posts Sticky

Click Update to save your changes …

How To Make WordPress Posts Sticky

Your post will now be marked as sticky post

How To Make WordPress Posts Sticky

Your post will now “stick” to the top of your blog page even as new content is added. Visitors will see the post at the very top of the page, followed by your most recent content …

How To Make WordPress Posts Sticky

If you are adding a new content or editing your content, you can make the content sticky by clicking on Publish > Visibility: Public > Edit

How To Make WordPress Posts Sticky

Tick the checkbox next to Stick this post to the front page and click OK

How To Make WordPress Posts Sticky

Remember to click Update to save your changes when finished…

How To Make WordPress Posts Sticky

Your post will now remain “sticky” for as long as you want.

Removing a it is really easy.

To remove a sticky post, navigate to your Table of content in your WordPress administration area (Posts > All Posts) and click on the Sticky link at the top of the screen to view all content that have been marked as sticky …

How To Make WordPress Posts Sticky

Click on the Quick Edit link below the Post Title …

How To Make WordPress Posts Sticky

Untick the Make this post sticky checkbox, and click the Update button to save your new settings …

How To Make WordPress Posts Sticky

Your post is now no longer “sticky” and will behave like all of your other content.

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 Protect WordPress Post Page Content

How To Protect WordPress Post Page Content

How To Protect Content In WordPress Posts And PagesDepending on your needs and online objectives, WordPress post, page content can be made inaccessible for public viewing.

There are several ways to prevent general site visitors and unauthorised users from accessing content on your site, or viewing sections of some of your WordPress posts pages content while giving access to the same content to others.

In this tutorial, you will learn how to use the built-in methods WordPress provides for protecting content on your site, as well as some other options and methods, involving WordPress plugins.

Please watch the video below, or complete the step-by-step tutorial to learn more about creating private and password-protected posts and pages using the WordPress built-in content protection methods …

How To Make Your Content Inaccessible For Public Viewing

There are a number of ways to protect content on your posts and pages from being easily accessed by anyone visiting your site, or unauthorized users.

Below are some of the more common reasons for protecting content on your site:

  • You want to provide information to users only after they have made a purchase on your site (e.g. Downloadable info products)
  • You want to provide information only to certain groups of people (e.g. Wholesale price lists and trade catalogues, confidential forms and business documents, updated member’s lists or databases, private company data, etc…)
  • You want to start a private membership site where members must register first before they can view or access your content
  • You want to offer discount coupons or “how to” information that can only be unlocked or revealed to users with a special password, or after performing a specific action (e.g. Sharing your post with others on social networks)
  • And so on …

Built-in WordPress Content Protection Method #1 – Password-Protecting Posts And Pages

WordPress lets you easily create a password-protected post or page, so that only those people with the correct password can view the content on that specific post or page.

To password-protect a post or page, log into your WordPress site, then find the post or page you want to password-protect …

How To Protect Content In WordPress Posts And Pages

If you have already created the post or page, then you don’t need to open your file. Just click on the Quick Edit link below the post or page you want to password-protect …

How To Protect Content In WordPress Posts And Pages

This will expand the in-line editor …

How To Protect Content In WordPress Posts And Pages

Enter a password into the Password field …

How To Protect Content In WordPress Posts And Pages

Click Update when finished to save your changes …

How To Protect Content In WordPress Posts And Pages

To see how your password-protected post will look to your site visitors, click on  Preview…

How To Protect Content In WordPress Posts And Pages

As you can see, the entire post is now password-protected. Only users with access to the password can unlock the post or page and view your content …

How To Protect Content In WordPress Posts And Pages

As you can see from the above screenshot, WordPress displays the word “Protected” to site visitors before the title of your password-protected Post or Page, and a password form asking users to enter the password to access the content.

How To Protect WordPress Post Page Content

Additionally, WordPress will not display your Post Excerpt when the content is password-protected …

How To Protect Content In WordPress Posts And Pages

You can also password-protect a post or page while you are working on the content by clicking on Publish > Visibility > Edit

How To Protect Content In WordPress Posts And Pages

Select Password protected, enter your password in the Password: field and click OK

How To Protect Content In WordPress Posts And Pages

Click Update to save your changes …

How To Protect Content In WordPress Posts And Pages

Your post or page is now password-protected …

How To Protect Content In WordPress Posts And Pages

Important

Additional Information On Password-Protected Posts

  • Only an Administrator, Editor, or the post’s Author can change a post’s password or visibility setting. To access the “Visibility: Edit” link, go to your Posts or Pages screen, find the Post or Page you want to edit and click on the Quick Edit link. (Tip: Use this method if you ever forget a Post or Page password).
  • When Password-protecting many Posts or Pages, WordPress will store your password in a browser cookie so your site visitors don’t have to re-enter passwords if they visit the same page a number of times. Also, if you add the same password to multiple Posts, the user will only have to enter the password once to access every post, except if two or more posts use different passwords. Because WordPress only tracks one password at a time, if two or more posts use different passwords, users will have to re-enter the password if they visit a Post that requires a different password to access the content, and then they try to revisit the previous post.
  • You can change the password of your password-protected posts or pages as often as you need to. This can be useful in situations where you don’t want people who have had previous access to the content to access the content again. For example, if you offer new discount coupons each week, if you reward a new subscriber every now and then with a different product or download, etc …

How To Protect WordPress Post Page Content

Built-In WordPress Content Protection Method #2 – Make A Post Or Page Private

By default, when you make a post or page private, only logged-in users assigned the role of Administrator or Editor can view the private post or page on your site. When anyone else tries to access a post or page marked private, they will not be able to see it …

How To Protect Content In WordPress Posts And Pages

To make a WordPress Post or Page private, log into your WordPress site, go to your Posts (or Pages) section, find the Post (or Page) that you want to make private and click on the Quick Edit link …

How To Protect Content In WordPress Posts And Pages

This will expand the in-line editor …

How To Protect Content In WordPress Posts And Pages

Tick the Private checkbox …

How To Protect Content In WordPress Posts And Pages

Remember to click Update to save your changes …

How To Protect Content In WordPress Posts And Pages

If you are adding a new post or editing your post content, you can make the post private by clicking on Publish > Visibility > Edit then selecting Private and clicking OK

How To Protect Content In WordPress Posts And Pages

Remember to click Update to save your changes when finished…

How To Protect Content In WordPress Posts And Pages

Your Post or Page is now private and can only be found by your logged-in Administrators and Editors …

How To Protect Content In WordPress Posts And Pages

Additional Ways To Protect Your Content

Password-protecting a Post or Page uses the WordPress password-protect feature offers some level of content protection, but it also has the following limitations:

1) All users share the same password

If you want each user to have his or her own password, then you will need to set up your site so that only registered users are allowed to view your content. This can be easily done using plugins that turn your WordPress site into a “membership” site.

How To Protect Content In WordPress Posts And Pages

WordPress “Membership” plugins are covered in a separate tutorial on How To Start A Membership Site Using WordPress.

2) All content on the Post or Page is protected.

When you password-protect content on WordPress using the native WordPress function, everything on your Post or Page is protected.

If you want to make some or most of the content on a Page or Post visible to everyone, while protecting part of it (i.e. The “juicy’ bit containing the information that only those with access can view!), then there are plugins that you can install on your WordPress site that allow you to provide “partial-content” protection to site visitors.

One plugin that lets you protect selected content which includes text, images, video and links is the Password Protect Selected Content plugin …

How To Protect Content In WordPress Posts And Pages

The Password Protect plugin can also be used to hide information inside other short codes, such as video embeds and file download links.

You can also partially protect content with plugins like WP Share To Unlock (Free plugin) that will “unlock” the content when someone performs a social sharing action (like clicking a Facebook “like” button, or sharing your page or video on Twitter, for example. Some plugins that unlock content can even help you build your subscriber list!) …

How To Protect Content In WordPress Posts And Pages

Another great content locking plugin that combines partial content protection with viral social media sharing capabilities is Viral Outbreak PRO – a versatile content locking premium WordPress plugin designed to help drive viral traffic to your WordPress site quickly and easily …

Viral Outbreak PRO - Premium WordPress Plugin

Viral Outbreak PRO allows you to offer something of value for free to your visitors (e.g. a valuable tip, special report, a discount voucher, etc …) on your site. Your special content is hidden or “locked away” in your post and can only be unlocked when your visitor performs a desired action to get the free content such as liking you on Facebook, or posting a tweet about your site on Twitter or 1 on Google . This action then helps to drive free traffic to your site … virally!

How To Protect WordPress Post Page Content

Protecting Your Content From Being Copied Or Stolen

Important

Note: It’s practically impossible to prevent people from stealing content that is visible on your site (e.g. Text and images). The web was designed to share content online. The plugins presented below will simply prevent those who really can’t be bothered to dig deeper into the source code of your pages.

In addition to locking and hiding content, there are also plugins that try to prevent other people from copying / stealing your content.

For example, the Free WordPress plugin called Blog Content Protector stops people from selecting and copying text on your site or right-clicking on your images and saving them to their own hard drives by disabling the right-clicking and text selection function on your site.

Protecting Your Images

If you are worried about people stealing your images, there are a few options you can look at implementing.

One option is to add a “watermark” to your images using a Free WordPress plugin like Watermark Reloaded. Adding a watermark lets people know who the original owner or creator of the image is, and trace the image back to the originating domain.

Watermark Reloaded - WordPress Plugin

Another preventative measure you can take to stop people clicking on your images and saving them to their computer is to use the No Right Click Images plugin …

No Right Click Images - WordPress Plugin

Content Protection – Additional Tips And Information

Tip #1 – If, for whatever reason, you find yourself changing the visibility settings of most of your Posts or Pages to “private”, then install and activate the Private Post By Default WordPress Plugin.

This plugin automatically sets all the Posts and Pages you create to “private” by default. All you have to do then, is change the visibility settings of any Posts or Pages that you want to make visible on your site back to “Public”.

Tip #2 – As explained earlier in this tutorial, by default private posts are only visible to users on your site that have been assigned the role of Administrators or Editors.

What if you want to allow users who are not Administrators or Editors to view private Posts or Pages on your site?

For example, let’s say that you run a business consulting firm and you want your consultants to be able to distribute reports privately to clients through your site, or your children’s school wants to post class assignments privately to students online through their school blog.

One option would be to make everyone who needs to have access to private Posts or Pages on your site into an “Editor”. This is not a very good option, however, as they would then be able to modify your content.

Fortunately, there is an excellent free WordPress plugin called User Role Editor that lets you change the capabilities of any standard WordPress user role (to learn more about user roles, see this tutorial: WordPress User Management) …

User Role Editor - WordPress Plugin

With the User Role Editor plugin installed, you can assign the same capabilities for reading private posts and pages that “Editors” have, to users assigned the role of a “Subscriber” …

User Role Editor - WordPress Plugin

This would now let all registered users on your site assigned the role of “Subscriber” to access and view your private posts and pages without being able to modify the content.

There are a number of other options for protecting your content online in addition to what has been presented in this tutorial, but these options typically involve messing with code on your site or server.

If content protection is an issue for you and you require a solution that is not covered in this tutorial, then please contact us and we’ll advise you about other possible options.

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 Link WordPress Content Views Internally In Posts And Pages

Using The WordPress Content views Internal Linking Tool

How To Do Internal Linking In WordPressLinking to other posts and pages on your own website or domain is called  internal linking.

Adding links to your internal content has a number of benefits, not only for the website owner, but also for your visitors and the search engines. Internal linking allows visitors to view more of your content and ensures that search engines can better index your pages.

In this tutorial, you will learn about the benefits of internal linking, how it can help you, and how to easily add links to your content using the Internal Linking Tool.

Watch the video below and then complete the step-by-step tutorial to learn more about linking your content internally in WordPress …

Benefits Of WordPress Content Views Internal Linking

Basically, internal linking simply means adding hyperlinks in your content to other relevant posts and pages on your WordPress site.

Or, as Wikipedia defines it …

“An internal link is a hyperlink that is a reference or navigation element in a document to another section of the same document or to another document that may be on or part of the same website or the domain of the internet. Links are considered either “external” or “internal” depending on perspective. Generally, a link to a page outside the same domain is considered external, whereas one in the same domain is considered internal.” (source: Wikipedia)

How To Do Internal Linking In WordPress

Wikipedia pages are great examples of internal linking and they illustrate many of the benefits of adding internal links to your website.

Benefit Of Internal Linking #1 – Improved Site Usability And User Experience

How To Do Internal Linking In WordPress

Web pages are supposed to provide users with relevant content. By offering users easy access to other areas of your website that contain more of the content they want to see, you not only improve the quality and “usability” of your site, but also the quality of your website’s “user” experience.

Improving the quality of the “user” experience means that visitors stay longer on your site and visit more pages. In a well-thought out sales process, this can lead to improved sales conversions.

It’s important to make sure that what you are actually linking together is relevant for your users. For example, you might want to add links on your ‘Company’ page to your ‘Contact Us’, ‘About Us’ or your ‘Products / Services’ pages.

WordPress Content Views

Benefit Of Internal Linking #2 – Improved Search Engine Optimization (SEO)

How To Do Internal Linking In WordPress

Internal linking also improves your search engine optimization (SEO). By creating internal links to other posts and pages on your website, you are helping search engine spiders “crawl” your site faster, more easily and more thoroughly than if your site was comprised only of standalone posts and pages. This can result in more organic search traffic to your site.

One of the more effective ways to improve your search engine optimization, is to combine internal linking with keyword relevancy. This is easily achieved by adding links to relevant content on your site using keyword terms that you want search engines to associate with your business.

For example, if your business or blog provides wedding products or services, you could link the keyword phrase “Green Wedding Gift Ideas” from a post on different types of weddings, to another blog post on your site that offers various tips and ideas on where to find “green gifts” for weddings. This would help search engines to gain a better “understanding” of what your site is about.

Using keyword-relevant text links (also called “anchor text” links) is a lot more effective for search engines (and better for visitors) than simply having the words written on your page.

Benefit Of Internal Linking #3 – Increased Content Visibility And Exposure

How To Do Internal Linking In WordPressOver time, as you continue adding content to your WordPress site, your posts will not only get older, but some will also start to become less popular (i.e. Less visited) than others.

If you have content on older posts or pages that you really want other people to see, but that are not getting as much exposure as your others posts and pages, you can place internal links within the content of some of your more popular pages pointing to your less popular pages to increase their exposure, and/or add links to older posts to help them get found again by your site visitors (and search engines).

Having more of your content being seen by visitors and accessed by search engines means more visibility and exposure for your business … and this can only lead to better results!

How To Create Internal Linking In WordPress Using The WordPress Linking Tool

In WordPress 3.1, an internal linking system was introduced that allows you to quickly link content on your posts and pages to other WordPress posts and pages on your site.

Prior to this feature being introduced, if you wanted complete control over your internal linking strategy, then you would have to manually search your site for the page you wanted to link to, then copy its URL and manually paste and link it in your content.

Now, performing internal linking in WordPress is very simple.

Here’s how to do it…

First, log into your WordPress admin, then find the post or page you want to add internal links to, open the page and select the WordPress visual editor.  (<<< This is an internal link!)

Next, find and highlight the text you want to create as a link. This can be any word, keyword, keyword phrase, sentence, etc….

Once you have selected and highlighted the text you would like to turn into a link, click on the hyperlink icon in the WordPress visual editor…

How To Do Internal Linking In WordPress

By default, you will see the field called “Enter the destination URL” displayed. Below this field, is the section that allows you to create internal links.

Click on “Or link to existing content” to expand the internal linking feature screen…

How To Do Internal Linking In WordPress

Start typing a word or keyword phrase related to the text you want to hyperlink in the Search field. WordPress will automatically begin to retrieve related posts and pages containing those words …

How To Do Internal Linking In WordPress

WordPress Content Views

Click on the title of the post or page you want your highlighted text to link to, and the URL and Title of your selected item will automatically be added to the fields in the destination URL section …

How To Do Internal Linking In WordPress

If you want the link to open in a new window, then tick the Open link in a new window/tab box and click the Add Link button to create your internal link …

How To Do Internal Linking In WordPress

Your internal link is now created …

How To Do Internal Linking In WordPress

If you want, you can also format your internal links (e.g. make the link bold, italicized, add a background color, etc …) using the format buttons in your WordPress visual editor …

How To Do Internal Linking In WordPress

Congratulations! Now you know how to easily link content internally in your WordPress 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

Relevant Tutorials

 

 

 

WordPress Training with WPTrainMe Plugin

WordPress Training

The WPTrainMe is a plugin that gives WordPress non-technical users instant access to hundreds of detailed WordPress step-by-step screenshot tutorials from their own WordPress admin dashboard.

Do you need a website for your business?

You could get a professional website set up for your business that could cost you thousands of dollars on set up and regular management expenses and also keep you reliant on the assistance of digital services such as web site developers, site designers and webmasters …

WPTrainMe - WordPress A-Z Tutorials Plugin

Or … you can use WordPress!

WPTrainMe - WordPress Step-By-Step Training Plugin

WordPress currently drives countless web assets and blogs globally, as well as sites for some of the biggest enterprises, academic institutions and world-famous stars.

It also helps you quite easily create and manage powerful, professional and great looking websites. In fact, you can utilise WordPress to build anything from professional sites, your personal blogs, affiliate marketing or product review online sites, to e-business sites, monthly subscription websites … even social media sites!

It’s not just the world’s leading content management system and web based publishing software, it’s also totally free to download and use!

The Not So Great News …

Although there’s a lot of content on the internet with regards to working with WordPress, nearly all of it is disjointed and comprises largely of online tutorials and helpful hints suited for computer savvy web users such as web developers. You could end up spending hours, days, even weeks or months searching online to get information, yet still find yourself confused.

And then, of course, there are a lot of things that YOU DON’T KNOW about WordPress! Things like easy methods to configure WordPress to bring more targeted traffic auto-magically to your site or blog, plus time-saving strategies, software and methods you can employ (quite often without cost) to deliver your company BIGGER, BETTER, and FASTER results, and a whole lot more!

There’s really been no comprehensive step-by-step learning system that you can easily follow to learn how to benefit from, manage and expand a digital presence quickly and effectively as WordPress, especially if you are not technical-minded … until now!

The Very Good News …

WordPress enables you to control your business online, with little to no technical expertise required … and for almost at no cost!

Presenting …

WPTrainMe – WordPress Complete A-Z Tutorials Plugin

WPTrainMe - WordPress Screenshot Tutorials Plugin

Plugin Description

WPTrainMe is a simple-to-install, complete and easy-to-use WordPress A-Z training plugin. The WPTrainMe plugin allows one-1 click access to hundreds of in-depth step-by-step tutorials covering every aspect of using WordPress from your very own WP dashboard.

WPTrainMe - WordPress Complete A-Z Tutorials Plugin

The plugin shows you exactly how to install, set up, configure, customise, use, manage, expand and profit with WordPress without making you hop all over cyberspace looking for answers.

WPTrainMe includes hundreds of practical step-by-step tutorials with tons of screenshots, downloadable checklists, templates, accompanying training videos and a whole lot more.

Best of all … zero techie skills are necessary!

WPTrainMe - WordPress Screenshot Tutorials Plugin

Everything you need to master using WordPress is included within the WPTrainMe lessons. And you’re able to get access to each of the tutorials instantly from your own WordPress dashboard the moment you need help with WordPress.

Go here to learn more: WPTrainMe

Benefits Of Using WPTrainMe

Here are a few of the various benefits of choosing the WPTrainMe plugin to learn WordPress:

Excellent WordPress Training For Non-Geeks

The tutorial have been written for non-technical people, not website developers or tech “geeks.” The tutorials are laid out in logical order with navigation menus and search features making the plugin easy to use and find what you are looking for. All of the training content and info is kept simple and easy to understand and presented with the help of detailed screenshots and instructions.

Links to relevant tutorials are also given at the end of each tutorial, as well as accompanying “over the shoulder” video lessons if you need to review the content. Best of all, no html coding skills are required to implement what you learn in the tutorials.

In-Context WP Help

The plugin will provide context-related tutorials, so if you need assistance with any section you may be working on, just click on the help button within your dashboard and a list of lessons relevant to that area displays, giving you immediate access to timely information on what to do next.

WPTrainMe Content Gets Updated As WordPress Features Change

WordPress is continually growing and evolving. With WPTrainMe, tutorial can be kept up-to-date to reflect the latest WP software and functionality changes. Fresh tutorial are continually being uploaded to the plugin to help you fully understand all that can be achieved via WordPress. As soon as new WordPress lessons are changed in the WPTrainMe program, they are automatically made available to you inside your WordPress admin panel.

Additional benefits include things like:

  • Save time: Everything you would like to know to educate yourself about working with WordPress can be found in a single location and can be accessed with a few mouse clicks inside your admin panel.
  • Save money: WPTrainMe can save you hundreds of dollars on WordPress instruction. WP users will find it very hard to come across an alternative WordPress training program that delivers so much detailed and useful training content and value for money.
  • Learn WordPress in your own time: The tutorials are readily available 24/7 inside your administration area, which allows you to learn the material in your own personal time frame and at your own speed.

WPTrainMe - WordPress Screenshot Tutorials Plugin

WPTrainMe Features

The WPTrainMe tutorials teach users each of the main WP sections and explain the most important facets of WordPress.

Plugin users have access to many detailed tutorials assembled into 10 course modules:

  • WP Introduction
  • How To Install WordPress
  • Configuring WP Settings
  • Using WP
  • WP Plugin Tutorials
  • How To Customise WordPress
  • How To Manage WP
  • WordPress Optimisation
  • How To Secure WP
  • Making Money With WP

Additional features include:

  • Works on every device: WPTrainMe was designed to work with a fully-responsive platform, enabling you to access the tutorials from your desktop computer, laptop computer, PC tablet or smart phone.
  • Written by WordPress experts for general WordPress users: All tutorials are expertly created for non “tech savvy” persons, presented in logical order and well interlinked with related sections.
  • An in-depth WordPress instruction plugin: WPTrainMe tutorials provide you with 500 screenshot tutorials with detailed information, related video tutorials, flowcharts, templates, check lists, supplemental downloadable information and a whole lot more!
  • One-click access: Everything you need to know to be able to build and look after your own small business web presence is easily displayed at the click of the mouse inside of your website or blog’s administration area.

WPTrainMe - WordPress Step-By-Step Tutorials Plugin

User Testimonials

Here are just some testimonials and feedback that plugin users have published concerning the WPTrainMe WordPress plugin:

“Learning WordPress has been a huge stumbling block for me. I’ve been looking for something that covers absolutely everything but doesn’t cost an arm and a leg. Thank you so much … you have just provided me with what I have been looking for. An amazing offer with nothing but value. Truly appreciated!” – Tanya (Australia)

***

“If you’re new to WordPress, this can stand on its own as a training course and will stay with you as you progress from beginner to advanced and even guru status.” – Bruce (Columbus, Ohio)

Useful Tips

If your business needs to teach staff to work with WordPress, then WPTrainMe is a valuable and time-saving training tool. As an alternative to spending a couple of hours teaching new employees how to use WP to do things that they will more than likely forget soon after showing them what to do, you can easily install the plugin on your website and then teach them how to access the training instead. This way, you will be encouraging them to gain the knowledge they need to use WordPress effectively whenever they need it.

WPTrainMe - WordPress Screenshot Tutorials Plugin

WPTrainMe Support

Because the WPTrainMe plugin works mostly as an interface to an external site where all of the tutorials are actually located, the plugin is very light-weight and utilises almost none of your site’s resources. Nonetheless, the plugin is technically well supported and includes a detailed online user guide and videos and additional written documentation showing you how to install, activate and use the plugin, plus FAQs and access to a user support help desk.

Plugin Cost

WPTrainMe is available for downloading in 4 licensing options:

  • FREE – This gives website owners access to dozens of detailed ‘step-by-step’ tutorials on using WordPress. Price = Free.
  • BASIC – This provides you with access to 70 detailed WordPress step-by-step tutorials on how to use WordPress and all of its features and functions. Cost = $37 (one-time).
  • BUSINESS – This license option provides users with access to 250 step-by-step tutorials designed to teach you how to use WordPress and grow your business presence online. Cost = $6.95 (monthly).
  • PRO – The PRO option provides website owners with access to the entire WPTrainMe library, which includes hundreds of step-by-step tutorials. Price = $9.95 p/month.

Please Note: Pricing for WPTrainMe can vary, depending on whether there are any promotions or limited-time special offers. Presently, the plugin retails for the amounts shown above. This may not be the actual price charged by the software author if you visit the site.

Check the plugin’s website for the current price: WPTrainMe – WordPress Training Plugin

Additional Plugin Information

The WPTrainMe plugin allows the content to be easily kept up-to-date whenever WordPress makes significant updates to features or functionality, as all of the content is stored externally and delivered to users via the plugin.

WPTrainMe - WordPress Complete A-Z Training Plugin

To learn how the WPTrainMe plugin works, check out the slide show and videos on the WPTrainMe website.

We Recommend

The WPTrainMe WP plugin gives you a complete teaching solution. The tutorial are well-researched and provide you with a detailed body of knowledge in one convenient location. Plugin users will be getting access to many years of expertly-crafted training information in a simple and readily accessible format.

If you are planning to start, develop and manage your own  website or blog, then we recommend that you download the PRO version of the WPTrainMe plugin, which gives you full access to all tutorials and updated training content.

As an additional bonus, PRO users get a comprehensive 250 page step-by-step instructional guide on how to install WordPress on your domain, which is very useful, since you need to install the software on your domain before you can access the plugin on your web site.

WPTrainMe - WordPress A-Z Training Plugin

To learn more, check out the plugin here: WPTrainMe – WordPress Step-By-Step Training Plugin

***

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.

***

Disclaimer: This site is not associated with WordPress or any of the WordPress products written about on this site. We may derive a financial benefit from sales of products advertised, reviewed or linked to from this site. The product information on this page have been supplied from the plugin’s website and/or from websites that provide Premium WordPress Services

WordPress Configuration Guide

WordPress Training Module 2 - WordPress ConfigurationWordPress Configuration Guide

WordPress site’s settings can be configure in a number of different ways. This depends on what you are trying to achieve.

The step-by-step tutorials in this training section show you what your options are and how to configure your WordPress settings for maximum efficiency.

Note: We will be adding more tutorials to this section on a regular basis.

WordPress Configuration Tutorials

To access any of the tutorials in this section, just click on a link from the list below.

There are currently $ { Post Count } listed for the " $ { Category }" training category


Jump to A, C, H, U, W

A

C

H

U

W

Back To WordPress Training Tutorials Index

WordPress Tutorials - Section Divider

 

WordPress Resources Guide

WordPress Training Module 10 - WordPress ResourcesWordPress Resources Guide

WordPress is constantly changing and evolving.

It’s an open source software which means themes, new plugins and tools are constantly being developed to enhance the productivity and benefit of the WordPress user community.

This section provides additional tips, reviews, and links to new tools and resources that will help you work better and achieve results faster using WordPress.

Note: We will be adding more content to this section on a regular basis.

WordPress Resources

To access the information, just click on a link from the list below:

There are currently $ { Post Count } listed for the " $ { Category }" training category


Jump to D, H, U, V, W

D

H

U

V

W

Back To WordPress Training Tutorials Index

WordPress Tutorials - Section Divider

 

WordPress Security Guide

WordPress Training Module 9 - WordPress SecurityWordPress Security Audit

One of the most popular Content Management System (CMS) in the World today is WordPress. Millions of websites are powered by WordPress therefore most hackers and malicious users are constantly looking for vulnerability they can exploit. They can easily access thousands of web sites that suffer from security issues!

The step-by-step tutorials in this training section will teach you how to keep your WordPress site or blog secure and show you how to protect your site and your valuable data against hackers, malware, bots and malicious users.

Note: We will be adding more tutorials to this section on a regular basis.

To access any of the tutorials in this section, just click on a link from the list below.

WordPress Security Tutorials

There are currently $ { Post Count } listed for the " $ { Category }" training category


Jump to H, P

H

P

Back To WordPress Training Tutorials Index

WordPress Tutorials - Section Divider

 

 

 

WordPress Customisation Guide

WordPress Training Module 3 - WordPress CustomizationWordPress Customisation Guide

 

WordPress gives you the ability to fully customise your site or blog and create a unique “look and feel” for your website.

The step-by-step tutorials in this training section how to customise your WordPress site to match your individual taste, style and needs.

Note: We will be adding more tutorials to this section on a regular basis.

WordPress Customisation Tutorials

To access any of the tutorials in this section, just click on a link from the list below.

Warning! Category WordPress Customisation not found!

There are currently $ { Post Count } listed for the " $ { Category }" training category


Jump to 5, A, C, D, E, F, H, L, P, R, S, T, U, V, W

5

A

C

D

E

F

H

L

P

R

S

T

U

V

W

Back To WordPress Training Tutorials Index

WordPress Tutorials - Section Divider

 

 

 

WordPress Optimization Guide

WordPress Training Module 8 - WordPress OptimizationWordPress Optimization Guide

Having an optimized WordPress site helps you provide a better experience for your site visitors (pages and images load faster on their browser) and can improve your search engine rankings too!

The step-by-step tutorials in this training section show you how to keep your WordPress site or blog optimized for speed and efficiency.

Note: We will be adding more tutorials to this section on a regular basis.

WordPress Optimization Tutorials

To access any of the tutorials in this section, just click on a link from the list below.

There are currently $ { Post Count } listed for the " $ { Category }" training category

Back To WordPress Training Tutorials Index

WordPress Tutorials - Section Divider

 

WordPress Management Guide

WordPress Training Module 7 - WordPress ManagementWordPress Management Guide

Keeping your WordPress software and plugins regularly up-to-date and your data fully backed up is vitally important for security and peace of mind.

WordPress maintenance is the most neglected aspect of using WordPress. This neglect can lead to errors that prevent users from viewing your site on their browsers, and even to partial or full loss of your valuable data.

The step-by-step tutorials in this training section show you how to manage your WordPress site or blog, how to keep it regularly maintained, backed-up and fully up-to-date, and how to troubleshoot and fix common WordPress errors.

Note: We will be adding more tutorials to this section on a regular basis.

WordPress Management Tutorials

To access any of the tutorials in this section, just click on a link from the list below.

There are currently $ { Post Count } listed for the " $ { Category }" training category


Jump to H, R, S, T, W

H

R

S

T

W

Back To WordPress Training Tutorials Index

WordPress Tutorials - Section Divider

 

error: Content is protected !!