A Pen by guyfedwards

undefined

Forked from Paul Bremer's Pen AnyDd.

Thumbnail
This awesome code was written by guyfedwards, you can see more from this user in the personal repository.
You can find the original code on Codepen.io
Copyright guyfedwards ©

Technologies

  • HTML
  • JavaScript
<!DOCTYPE html>
<html lang="en" >

<head>
  <meta charset="UTF-8">
  <title>A Pen by  guyfedwards</title>
  
  
  
  
  
</head>

<body>

  
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="en-US">
<head profile="http://gmpg.org/xfn/11">
<meta charset="utf-8" />
<!--
<meta property="fb:page_id" content="6427302910" />
-->
<meta name="google-site-verification" content="7VWES_-rcHBcmaQis9mSYamPfNwE03f4vyTj4pfuAw0" />
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>WordPress &#8250; Translation Basics &laquo; Translate WordPress</title>
<link href="//s.w.org/wp-includes/css/dashicons.css?20140409" rel="stylesheet" type="text/css" />
<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,400,300,600&subset=latin,cyrillic-ext,greek-ext,greek,vietnamese,latin-ext,cyrillic' rel='stylesheet' type='text/css'>
<link rel="stylesheet" href="//s.w.org/style/wp4.css?13" />
<link media="only screen and (max-device-width: 480px)" href="//s.w.org/style/iphone.css?1" type="text/css" rel="stylesheet" />
<link rel="shortcut icon" href="//s.w.org/favicon.ico" type="image/x-icon" />

<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-52447-1']);
_gaq.push(['_setDomainName', 'wordpress.org']);
_gaq.push(['_trackPageview']);
(function() {
	var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
	ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
	var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
function recordOutboundLink(link, category, action) {
	_gaq.push(['_trackEvent', category, action])
	setTimeout('document.location = "' + link.href + '"', 100);
}
</script>
<!--[if lte IE 8]>
<style type="text/css">
@import url("//s.w.org/style/ie.css?1");
</style>
<![endif]-->
<link rel="pingback" href="http://make.wordpress.org/polyglots/xmlrpc.php" />		<script type="text/javascript">
			// <![CDATA[

			// P2 Configuration
			var ajaxUrl                 = "http://make.wordpress.org/polyglots/wp-admin/admin-ajax.php?p2ajax=true";
			var ajaxReadUrl             = "http://make.wordpress.org/polyglots/feed/p2.ajax/?p2ajax=true";
			var updateRate              = "30000"; // 30 seconds
			var nonce                   = "5353ea2423";
			var login_url               = "https://make.wordpress.org/polyglots/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fpolyglots%2Fhandbook%2Ftranslating%2Fbasics%2F%3Fv%3D2345";
			var templateDir             = "http://make.wordpress.org/polyglots/wp-content/themes/p2";
			var isFirstFrontPage        = 0;
			var isFrontPage             = 0;
			var isSingle                = 1;
			var isPage                  = 0;
			var isUserLoggedIn          = 0;
			var prologueTagsuggest      = 1;
			var prologuePostsUpdates    = 1;
			var prologueCommentsUpdates = 1;
			var getPostsUpdate          = 0;
			var getCommentsUpdate       = 0;
			var inlineEditPosts         = 1;
			var inlineEditComments      = 1;
			var wpUrl                   = "http://make.wordpress.org/polyglots";
			var rssUrl                  = "";
			var pageLoadTime            = "2014-05-12 10:04:04";
			var commentsOnPost          = new Array;
			var postsOnPage             = new Array;
			var postsOnPageQS           = '';
			var currPost                = -1;
			var currComment             = -1;
			var commentLoop             = false;
			var lcwidget                = false;
			var hidecomments            = false;
			var commentsLists           = '';
			var newUnseenUpdates        = 0;
			var mentionData             = null;
			var p2CurrentVersion        = 3;
			var p2StoredVersion         = 3;
			// ]]>
		</script>
<link rel="alternate" type="application/rss+xml" title="Translate WordPress &raquo; Feed" href="http://make.wordpress.org/polyglots/feed/" />
<link rel="alternate" type="application/rss+xml" title="Translate WordPress &raquo; Comments Feed" href="http://make.wordpress.org/polyglots/comments/feed/" />
		<script type="text/javascript">
		//<![CDATA[
		var wpLocale = {"month":["January","February","March","April","May","June","July","August","September","October","November","December"],"monthabbrev":["Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],"weekday":["Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],"weekdayabbrev":["Sun","Mon","Tue","Wed","Thu","Fri","Sat"]};
		//]]>
		</script>
		<link rel="alternate" type="application/rss+xml" title="Translate WordPress &raquo; Translation Basics Comments Feed" href="http://make.wordpress.org/polyglots/handbook/translating/basics/feed/" />
<link rel='stylesheet' id='open-sans-css'  href='//fonts.googleapis.com/css?family=Open+Sans%3A300italic%2C400italic%2C600italic%2C300%2C400%2C600&#038;subset=latin%2Clatin-ext&#038;ver=4.0-alpha' type='text/css' media='all' />
<link rel='stylesheet' id='admin-bar-css'  href='http://make.wordpress.org/polyglots/wp-includes/css/admin-bar.min.css?ver=4.0-alpha' type='text/css' media='all' />
<link rel='stylesheet' id='jetpack-widgets-css'  href='http://make.wordpress.org/polyglots/wp-content/plugins/jetpack/modules/widgets/widgets.css?ver=20121003' type='text/css' media='all' />
<link rel='stylesheet' id='p2-css'  href='http://make.wordpress.org/polyglots/wp-content/themes/p2/style.css?ver=4.0-alpha' type='text/css' media='all' />
<link rel='stylesheet' id='p2-print-style-css'  href='http://make.wordpress.org/polyglots/wp-content/themes/p2/style-print.css?ver=20120807' type='text/css' media='print' />
<link rel='stylesheet' id='wporg-p2-css'  href='http://make.wordpress.org/polyglots/wp-content/themes/pub/wporg-p2/style.css?ver=2014-05-11' type='text/css' media='all' />
<link rel='stylesheet' id='p2-iphone-style-css'  href='http://make.wordpress.org/polyglots/wp-content/themes/p2/style-iphone.css?ver=20120402' type='text/css' media='(max-width: 320px)' />
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-includes/js/jquery/jquery.js?ver=1.11.1'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-includes/js/jquery/jquery-migrate.min.js?ver=1.2.1'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-includes/js/jquery/jquery.color.min.js?ver=2.1.1'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-includes/js/comment-reply.min.js?ver=4.0-alpha'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var userSettings = {"url":"\/","uid":"0","time":"1399889044"};
/* ]]> */
</script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-includes/js/utils.min.js?ver=4.0-alpha'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-content/themes/p2/js/jquery.scrollTo-min.js?ver=20120402'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-content/themes/p2/js/wp-locale.js?ver=20130819'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-content/themes/p2/js/spin.js?ver=20120704'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var p2txt = {"tags":"<br \/>Tags:","tagit":"Tag it","citation":"Citation","title":"Post Title","goto_homepage":"Go to homepage","n_new_updates":"%d new update(s)","n_new_comments":"%d new comment(s)","jump_to_top":"Jump to top","not_posted_error":"An error has occurred, your post was not posted","update_posted":"Your update has been posted","loading":"Loading...","cancel":"Cancel","save":"Save","hide_threads":"Hide threads","show_threads":"Show threads","unsaved_changes":"Your comments or posts will be lost if you continue.","date_time_format":"%1$s <em>on<\/em> %2$s","date_format":"F j, Y","time_format":"g:i a","autocomplete_prompt":"After typing @, type a name or username to find a member of this site","no_matches":"No matches.","comment_cancel_ays":"Are you sure you would like to clear this comment? Its contents will be deleted.","oops_not_logged_in":"Oops! Looks like you are not logged in.","please_log_in":"Please log in again","whoops_maybe_offline":"Whoops! Looks like you are not connected to the server. P2 could not connect with WordPress.","required_filed":"This field is required."};
try{convertEntities(p2txt);}catch(e){};;
/* ]]> */
</script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-content/themes/p2/js/p2.js?ver=20131101'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://make.wordpress.org/polyglots/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://make.wordpress.org/polyglots/wp-includes/wlwmanifest.xml" /> 
<link rel='prev' title='Glossary &amp; Style Guide' href='http://make.wordpress.org/polyglots/handbook/translating/glossary-style-guide/' />
<link rel='next' title='General Expectations' href='http://make.wordpress.org/polyglots/handbook/translating/expectations/' />
<meta name="generator" content="WordPress 4.0-alpha" />
<link rel='canonical' href='http://make.wordpress.org/polyglots/handbook/translating/basics/' />

<!-- Jetpack Open Graph Tags -->
<meta property="og:type" content="article" />
<meta property="og:title" content="Translation Basics" />
<meta property="og:url" content="http://make.wordpress.org/polyglots/handbook/translating/basics/" />
<meta property="og:description" content="Why translate WordPress? WordPress is a free software project. Anyone can get involved to help it develop and grow. Every free software project needs volunteers — people who are willing to contribu..." />
<meta property="og:site_name" content="Translate WordPress" />
<meta name="twitter:site" content="@jetpack" />
<meta name="twitter:card" content="summary" />
<style type="text/css">
.is-js .hide-if-js {
	display: none;
}
.p2-task-list ul {
	margin-left: 0 !important;
}
.p2-task-list ul ul {
	margin-left: 20px !important;
}
.p2-task-list li {
	list-style: none;
}
</style>
<script type="text/javascript">
jQuery( function( $ ) {
	$( 'body' )
		.addClass( 'is-js' )
		.delegate( '.p2-task-list :checkbox', 'click', function() {
			var $this = $( this ),
			    $li = $this.parents( 'li:first' ),
			    $form = $this.parents( 'form:first' ),
			    data = $li.find( ':input' ).serialize(),
			    colorEl = $li, origColor = $li.css( 'background-color' ), color;

			while ( colorEl.get(0).tagName && colorEl.css( 'background-color' ).match( /^\s*(rgba\s*\(\s*0+\s*,\s*0+\s*,\s*0+\s*,\s*0+\s*\)|transparent)\s*$/ ) ) {
				colorEl = colorEl.parent();
			}

			color = colorEl.get(0).tagName ? colorEl.css( 'background-color' ) : '#ffffff';

			data += '&ajax=1&' + $form.find( '.submit :input' ).serialize();

			$.post( $form.attr( 'action' ), data, function( response ) {
				if ( '1' === response )
					$li.css( 'background-color', '#F6F3D1' ).animate( { backgroundColor: color }, 'slow', function() { $li.css( 'background-color', origColor ); } );
			} );
	} );
} );
</script>
	<style type="text/css">
		body {
			background-image: url( http://make.wordpress.org/polyglots/wp-content/themes/p2/i/backgrounds/pattern-plaid.png );
		}
	</style>
		<style type="text/css">
		
		#main #postlist li.post {
			border-left: 8px solid #FFF;
			padding-left: 7px;
		}
		
		#main #postlist li.post.state-unresolved {
			border-left-color: #E6000A;
			-webkit-border-top-left-radius: 0;
			-moz-border-radius-topleft: 0;
			-o-border-radius-topleft: 0;
			-ms-border-radius-topleft: 0;
			border-top-left-radius: 0;
		}
		
		#main #postlist li.post.state-unresolved .actions a.p2-resolve-link {
			background-color: #E6000A;
		}
		
		#main #postlist li.post.state-resolved {
			border-left-color: #009632;
			-webkit-border-top-left-radius: 0;
			-moz-border-radius-topleft: 0;
			-o-border-radius-topleft: 0;
			-ms-border-radius-topleft: 0;
			border-top-left-radius: 0;
		}
		
		#main #postlist li.post.state-resolved .actions a.p2-resolve-link {
			background-color: #009632;
		}
		
		#main #postlist li.post.state-unresolved .actions a.p2-resolve-link,
		#main #postlist li.post.state-resolved .actions a.p2-resolve-link {
			color: #fff;
			padding: 1px 3px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			-o-border-radius: 2px;
			-ms-border-radius: 2px;
			border-radius: 2px;
		}
		
		/*
		#main #postlist li.post .actions a.p2-resolve-link:hover,
		#main #postlist li.post .actions a.p2-resolve-link.p2-resolve-ajax-action {
			background-color: #888;
		}
		*/	
		</style>
				<script type="text/javascript">
		
		jQuery(document).ready(function(){
			jQuery('.actions .p2-resolve-link').click(function(){
				var original_link = jQuery(this);
				// Mark the thread as unresolved
				jQuery(this).html('Saving...');
				jQuery(this).addClass('p2-resolve-ajax-action');
				jQuery.get( original_link.attr('href') + '&ajax', function(data){
					if ( data.indexOf('1') == 0 ) {
						// Depending on the action we took, update the DOM
						// Need to replace the text, href and the title attribute
						if ( original_link.attr('href').indexOf('mark=unresolved') != -1 ) {
							original_link.closest('.post').addClass('state-unresolved');
							original_link.addClass('state-unresolved');
							var new_url = original_link.attr('href').replace('mark=unresolved', 'mark=resolved');
							original_link.attr('href', new_url );
							original_link.html('Unresolved');
							original_link.attr('title','Flag as Resolved');
						} else if ( original_link.attr('href').indexOf('mark=resolved') != -1 ) {
							original_link.closest('.post').removeClass('state-unresolved').addClass('state-resolved');
							original_link.removeClass('state-unresolved').addClass('state-resolved');
							var new_url = original_link.attr('href').replace('mark=resolved', 'mark=normal');
							original_link.attr('href', new_url );
							original_link.html('Resolved');
							original_link.attr('title','Remove Resolved Flag');
						} else if ( original_link.attr('href').indexOf('mark=normal') != -1 ) {
							original_link.closest('.post').removeClass('state-resolved');
							original_link.removeClass('state-resolved');
							var new_url = original_link.attr('href').replace('mark=normal', 'mark=unresolved');
							original_link.attr('href', new_url );
							original_link.html('Flag Unresolved');
							original_link.attr('title','Flag as Unresolved');
						}
					} else {
						// Display the error if it happened
						original_link.html(data);
						original_link.attr('style', 'color: #FF0000 !important;');
					}
					original_link.removeClass('p2-resolve-ajax-action');
					return false;
				});
				return false;
			});
		});
		</script>
		 		<style type="text/css">
 		#sidebar .p2-resolved-posts-show-unresolved-posts ul li img.avatar {
			float: left;
			padding-right: 8px;
			padding-top: 3px;
		}

		#sidebar .p2-resolved-posts-show-unresolved-posts ul li .inner {
			margin-left: 40px;
			font-size: 11px;
		}

		#sidebar .p2-resolved-posts-show-unresolved-posts .hidden {
			display: none;
		}

		#sidebar .p2-resolved-posts-show-unresolved-posts .p2-resolved-posts-show-unresolved-posts-pagination {
			padding-top: 0;
			margin-top: -3px;
			padding-bottom: 2px;
			margin-bottom: 0;
			font-size: 10px;
		}
		</style>
		<script type="text/javascript">
			jQuery(document).ready(function(){

				jQuery('.p2-resolved-posts-pagination-link').click(function(){
					var parent = jQuery(this).closest('.p2-resolved-posts-show-unresolved-posts');
					var first_post = parseInt( parent.find('.p2-resolved-posts-first-post').html() );
					var last_post = parseInt( parent.find('.p2-resolved-posts-last-post').html() );
					var total_posts = parseInt( parent.find('.p2-resolved-posts-total-posts').html() )
					var posts_per_page = parseInt( parent.find('.p2-resolved-posts-ppp').html() );
					if ( jQuery(this).hasClass('p2-resolved-posts-previous-posts') ) {
						// Don't paginate if we're at the first item
						if ( first_post <= 1 )
							return false;
						// Calculate the first and last post to display
						first_post = first_post - posts_per_page;
						last_post = first_post + ( posts_per_page - 1);

					} else if ( jQuery(this).hasClass('p2-resolved-posts-next-posts') ) {
						// Don't paginate if we're at the last item
						if ( last_post >= total_posts )
							return false;
						// Calculate the first and last post to display
						first_post = first_post + posts_per_page;
						last_post = last_post + posts_per_page;
						if ( last_post > total_posts )
							last_post = total_posts;
						
					}
					// Show posts based on our pagination counter
					parent.find( 'ul li' ).removeClass('active').addClass('hidden');
					parent.find( 'ul li' ).each(function( index, value ) {
						if ( ( index + 1 ) >= first_post && ( index + 1 ) <= last_post )
							jQuery(this).addClass('active').removeClass('hidden');

					});
					// Reset the pagination
					parent.find('.p2-resolved-posts-first-post').html( first_post );
					parent.find('.p2-resolved-posts-last-post').html( last_post );
					return false;
				});
				
			});
		</script>
 			<style id="p2-header-style" type="text/css">
		</style>
<style type="text/css" media="print">#wpadminbar { display:none; }</style>
<style type="text/css" media="screen">
	html { margin-top: 32px !important; }
	* html body { margin-top: 32px !important; }
	@media screen and ( max-width: 782px ) {
		html { margin-top: 46px !important; }
		* html body { margin-top: 46px !important; }
	}
</style>
<style type="text/css" id="syntaxhighlighteranchor"></style>
		<link rel="stylesheet" id="custom-css-css" type="text/css" href="http://make.wordpress.org/polyglots/?custom-css=1&#038;csblog=19&#038;cscache=6&#038;csrev=16" />
		<script type="text/javascript">
/* <![CDATA[ */
	var wpNotesIsJetpackClient = true;
/* ]]> */
</script>
<script>document.cookie='devicePixelRatio='+((window.devicePixelRatio === undefined) ? 1 : window.devicePixelRatio)+'; path=/';</script>
<script type="text/javascript">
var toggleMenu = function(){
    var m = document.getElementById('wporg-header-menu'),
        c = m.className;
	    m.className = c.match( ' active' ) ? c.replace( ' active', '' ) : c + ' active';
}
</script>
</head>

<body id="wordpress-org" class="single single-handbook postid-3782 admin-bar no-customize-support wporg-make make-polyglots p2-background-image-plaid">
<div id="wporg-header">
	<div class="wrapper">
	<a id="mobile-menu-button" class="" href="#" onclick="toggleMenu();"></a>
	<h1><a href="//wordpress.org">WordPress.org</a></h1>				<div id="head-search">
		<form action="//wordpress.org/search/do-search.php" method="get">
			<input class="text" name="search" type="text" value="" maxlength="150" placeholder="Search WordPress.org" /> <input type="submit" class="button" value="" />
		</form>
		</div>
				<div style="clear:both"></div>
		
<ul id="wporg-header-menu">
<li><a href='//wordpress.org/showcase/' title='See some of the sites built on WordPress.'>Showcase</a></li>
<li><a href='//wordpress.org/themes/' title='Find just the right look for your website.'>Themes</a></li>
<li><a href='//wordpress.org/plugins/' title='Plugins can extend WordPress to do almost anything you can imagine.'>Plugins</a></li>
<li><a href='//wordpress.org/mobile/' title='Take your website on the go!'>Mobile</a></li>
<li><a href='//wordpress.org/support/' title='Forums, documentation, help.'>Support</a><ul class="nav-submenu"><li><a href='//wordpress.org/support/' title='Support and discussion forums.'>Forums</a></li><li><a href='//codex.wordpress.org/Main_Page' title='Documentation, tutorials, best practices.'>Documentation</a></li></ul><div class="uparrow"></div></li>
<li><a href='//make.wordpress.org/' title='Contribute your knowledge.' class="current">Get Involved</a><div class="uparrow"></div></li>
<li><a href='//wordpress.org/about/' title='About the WordPress Organization, and where we&#039;re going.'>About</a></li>
<li><a href='//wordpress.org/news/' title='Come here for the latest scoop.'>Blog</a></li>
<li><a href='//wordpress.org/hosting/' title='Find a home for your blog.'>Hosting</a></li>
<li id="download" class="button download-button"><a href='//wordpress.org/download/' title='Get it. Got it? Good.'>Download WordPress</a></li>
</ul>
		<div style="clear:both"></div>
	</div>
</div>

<div id="download-mobile">
    <div class="wrapper">
        <span class="download-ready">Ready to get started?</span><a class="button download-button" href="//wordpress.org/download/" title="Get it. Got it? Good.">Download WordPress</a>
    </div>
</div>

<div id="headline">
        <div class="wrapper">
                <h2><a href="http://make.wordpress.org/polyglots/">Translate WordPress</a></h2>
				<div class="menu-headline-nav-container"><ul id="menu-headline-nav" class="menu"><li id="menu-item-2946" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-home menu-item-2946"><a href="http://make.wordpress.org/polyglots/">Blog</a></li>
<li id="menu-item-3762" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3762"><a href="http://make.wordpress.org/polyglots/handbook-draft/">Translator&#8217;s Handbook</a></li>
<li id="menu-item-2947" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-2947"><a href="http://translate.wordpress.org/projects">Translate</a></li>
</ul></div>		</div>
</div>

<div id="header2">
	</div>


<div id="wrapper">


<!-- Also called on in footer but will not display the second time. -->
	<div id="sidebar">
				<ul>
			<li id="nav_menu-3" class="widget widget_nav_menu"><h2 class="widgettitle">Chapters</h2>
<div class="menu-table-of-contents-container"><ul id="menu-table-of-contents" class="menu"><li id="menu-item-3743" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3743"><a href="#">About the Polyglots Team</a>
<ul class="sub-menu">
	<li id="menu-item-3747" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3747"><a href="http://make.wordpress.org/polyglots/handbook/about/what-we-do/">What We Do</a></li>
	<li id="menu-item-3746" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3746"><a href="http://make.wordpress.org/polyglots/handbook/about/how-we-work/">How We Work</a></li>
	<li id="menu-item-3745" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3745"><a href="http://make.wordpress.org/polyglots/handbook/about/teams/">Current Translation Teams</a></li>
	<li id="menu-item-3744" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3744"><a href="http://make.wordpress.org/polyglots/handbook/about/inactive-translations/">Inactive Translations</a></li>
	<li id="menu-item-3855" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3855"><a href="http://make.wordpress.org/polyglots/handbook/about/get-involved/">Get Involved</a></li>
</ul>
</li>
<li id="menu-item-3766" class="menu-item menu-item-type-custom menu-item-object-custom current-menu-ancestor current-menu-parent menu-item-has-children menu-item-3766"><a href="#">Translating WordPress</a>
<ul class="sub-menu">
	<li id="menu-item-3799" class="menu-item menu-item-type-post_type menu-item-object-handbook current-menu-item menu-item-3799"><a href="http://make.wordpress.org/polyglots/handbook/translating/basics/">Translation Basics</a></li>
	<li id="menu-item-3798" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3798"><a href="http://make.wordpress.org/polyglots/handbook/translating/expectations/">General Expectations</a></li>
	<li id="menu-item-3769" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3769"><a href="http://make.wordpress.org/polyglots/handbook/translating/glossary-style-guide/">Glossary &amp; Style Guide</a></li>
	<li id="menu-item-3797" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3797"><a href="http://make.wordpress.org/polyglots/handbook/translating/working-with-core/">Working with WordPress Core</a></li>
	<li id="menu-item-4071" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-4071"><a href="http://make.wordpress.org/polyglots/handbook/translating/types-of-messages/">Types of Messages</a></li>
	<li id="menu-item-3796" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3796"><a href="http://make.wordpress.org/polyglots/handbook/translating/requesting-a-new-locale/">Requesting a New Locale</a></li>
	<li id="menu-item-3795" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3795"><a href="http://make.wordpress.org/polyglots/handbook/translating/working-with-the-translation-repository/">Working with the Translation Repository</a></li>
	<li id="menu-item-3794" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3794"><a href="http://make.wordpress.org/polyglots/handbook/translating/packaging-localized-wordpress/">Packaging Localized WordPress</a></li>
</ul>
</li>
<li id="menu-item-3767" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3767"><a href="#">Translation Tools</a>
<ul class="sub-menu">
	<li id="menu-item-3812" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3812"><a href="http://make.wordpress.org/polyglots/handbook/tools/glotpress-translate-wordpress-org/">GlotPress (translate.wordpress.org)</a></li>
	<li id="menu-item-3811" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3811"><a href="http://make.wordpress.org/polyglots/handbook/tools/gettext/">Gettext</a></li>
	<li id="menu-item-3810" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3810"><a href="http://make.wordpress.org/polyglots/handbook/tools/poedit/">PoEdit</a></li>
	<li id="menu-item-3809" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3809"><a href="http://make.wordpress.org/polyglots/handbook/tools/other/">Other Tools</a></li>
</ul>
</li>
<li id="menu-item-3768" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3768"><a href="#">Locale Sites &amp; Forums</a>
<ul class="sub-menu">
	<li id="menu-item-3830" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3830"><a href="http://make.wordpress.org/polyglots/handbook/locale-sites-forums/rosetta-expectations/">General Expectations</a></li>
	<li id="menu-item-3829" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3829"><a href="http://make.wordpress.org/polyglots/handbook/locale-sites-forums/requesting-a-new-site-forums/">Requesting a New Site / Forums</a></li>
	<li id="menu-item-3828" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3828"><a href="http://make.wordpress.org/polyglots/handbook/locale-sites-forums/translating-the-interface/">Translating the Interface</a></li>
	<li id="menu-item-3827" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3827"><a href="http://make.wordpress.org/polyglots/handbook/locale-sites-forums/deployment/">Deployment</a></li>
	<li id="menu-item-3826" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3826"><a href="http://make.wordpress.org/polyglots/handbook/locale-sites-forums/modifying-the-showcase/">Modifying the Showcase</a></li>
</ul>
</li>
<li id="menu-item-3970" class="menu-item menu-item-type-post_type menu-item-object-handbook menu-item-3970"><a href="http://make.wordpress.org/polyglots/handbook/credits/">Credits</a></li>
</ul></div></li>
		</ul>
		<div class="clear"></div>
	</div> <!-- // sidebar -->
 

<div class="sleeve_main">

	<div id="main">
		<h2 class="handbook-page-title">Translation Basics</h2>
		
			<ul id="postlist">
							<li id="prologue-3782" class="post-3782 handbook type-handbook status-publish hentry">
	<h6>
		<span class="meta">
			<span class="actions">
				<a href="http://make.wordpress.org/polyglots/handbook/translating/basics/" class="thepermalink printer-only" title="Permalink">Permalink</a>
				<a rel="nofollow" href="https://make.wordpress.org/polyglots/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fpolyglots%2Fhandbook%2Ftranslating%2Fbasics%2F">Log in to leave a Comment</a>
							</span>
					</span>
	</h6>

	
	<div id="content-3782" class="postcontent">
	<style> .toc-jump { text-align: right; font-size: 12px; } .page .toc-heading { margin-top: -50px; padding-top: 50px !important; }</style><div class="table-of-contents"><h2>Topics</h2><ul class="items"><li><a href="#why-translate-wordpress">Why translate WordPress?</a></li>
<li><a href="#what-do-i-need-to-know">What do I need to know?</a></li>
<li><a href="#getting-started">Getting Started</a></ul>
</div>
<h2 class="toc-heading" id="why-translate-wordpress">Why translate WordPress? <a href="#why-translate-wordpress" class="anchor">#</a></h2>
<p>WordPress is a <a href="https://www.gnu.org/philosophy/free-sw.html">free software</a> project. Anyone can get involved to help it develop and grow. Every free software project needs volunteers — people who are willing to contribute their time to develop both the software and the project. Volunteers write code, design graphics, write documentation, provide support, and translate the software. That’s where you come in.</p>
<p>There are numerous ways your community could benefit from your translation. The most obvious way is that a translation enables people who don’t speak English <em>at all</em> to use WordPress. Others speak English but <em>prefer</em> to use software in their own language.</p>
<p>Every translation has the following::</p>
<ul>
<li>A local homepage (we call it a &#8220;<a href="https://en.wikipedia.org/wiki/Rosetta_Stone">Rosetta</a>&#8221; site), which consists of
<ul>
<li>a landing page</li>
<li>a blog </li>
<li> download section, where people can download all the releases of your translation;</li>
</ul>
</li>
<li>An automatic update feature for <em>all WordPress sites in your language</em> .This means that every time a new version of your translation is released, its users are offered an upgrade in their dashboards.</li>
</ul>
<p>If your translation has a large number of WordPress users you may find that a place to provide support is helpful. If you have been translating WordPress for some time and your translation is well established, you can request the creation of <em>local forums</em>. As well as helping each other, users of your translation can exchange their views on WordPress and suggest changes that could be applied to your translation.</p>
<p>As a WordPress translator, you&#8217;ll get to work with some great people in your local community and in the wider project.</p>
<p class="toc-jump"><a href="#top">Top &uarr;</a></p><h2 class="toc-heading" id="what-do-i-need-to-know">What do I need to know? <a href="#what-do-i-need-to-know" class="anchor">#</a></h2>
<p>To contribute to a current translation or to start a new translation, you need a few skills:</p>
<ul>
<li>You need to be bilingual – fluent in both written English and the language(s) you will be translating into. Casual knowledge of either one will make translating difficult for you, and can make result in a localization that is confusing.</li>
<li>You need to be familiar with PHP, because occasionally you will need to read through the WordPress code to figure out the best way to translate messages.</li>
<li>You should be familiar with language constructs: nouns, verbs, articles, etc., different types of each, and be able to identify variations of their contexts in English.</li>
</ul>
<p class="toc-jump"><a href="#top">Top &uarr;</a></p><h2 class="toc-heading" id="getting-started">Getting Started <a href="#getting-started" class="anchor">#</a></h2>
<p>To start, look through the list of <a title="Current Translation Teams" href="http://make.wordpress.org/polyglots/handbook/about/teams/">current translation teams</a>. Here you&#8217;ll find a list of everyone who&#8217;s working on translating WordPress into their language. Some of these translations are complete and have shipped to the world. Others are still in the early stages of development. Still others have been translated in the past, but are now inactive and may be out-of-date.</p>
<p>If you see your translation on the list, there are a number of ways you can help:</p>
<ul>
<li>Log in to the translation website and begin translating WordPress into your language.</li>
<li>Join the support forum for your locale and help other users with their WordPress installation.</li>
<li>Look for <a title="Get Involved" href="http://make.wordpress.org/polyglots/handbook/about/get-involved/">other ways to get involved here</a> in the handbook.</li>
</ul>
<p>Sometimes translations are dormant and haven&#8217;t been updated in a while. If you&#8217;ve found a dormant translation, follow the information on our <a title="Inactive Translations" href="http://make.wordpress.org/polyglots/handbook/about/inactive-translations/">inactive translations</a> page.</p>
	</div>

	
	
	<div class="bottom-of-entry">&nbsp;</div>

	

<ul id="comments-3782" class="commentlist inlinecomments">
</ul>

			<div class="respond-wrap">
												<div id="respond" class="comment-respond">
				<h3 id="reply-title" class="comment-reply-title">Reply <small><a rel="nofollow" id="cancel-comment-reply-link" href="/polyglots/handbook/translating/basics/?v=2345#respond" style="display:none;">Cancel reply</a></small></h3>
									<p class="must-log-in">You must be <a href="https://make.wordpress.org/polyglots/wp-login.php?redirect_to=http%3A%2F%2Fmake.wordpress.org%2Fpolyglots%2Fhandbook%2Ftranslating%2Fbasics%2F">logged in</a> to post a comment.</p>												</div><!-- #respond -->
						</div></li>
						</ul>

		
	</div> <!-- main -->

</div> <!-- sleeve -->


	<!-- On handbook pages, this gets called twice but will not display the second time. -->
		<div class="clear"></div>

</div> <!-- // wrapper -->

<div id="notify"></div>

<div id="help">
	<dl class="directions">
		<dt>c</dt><dd>compose new post</dd>
		<dt>j</dt><dd>next post/next comment</dd>
		<dt>k</dt> <dd>previous post/previous comment</dd>
		<dt>r</dt> <dd>reply</dd>
		<dt>e</dt> <dd>edit</dd>
		<dt>o</dt> <dd>show/hide comments</dd>
		<dt>t</dt> <dd>go to top</dd>
		<dt>l</dt> <dd>go to login</dd>
		<dt>h</dt> <dd>show/hide help</dd>
		<dt>shift + esc</dt> <dd>cancel</dd>
	</dl>
</div>

<div id="wporg-footer">
	<div class="wrapper">
		<ul>
			<li><a href="//wordpress.org/about/" title="An introduction to the WordPress project">About</a></li>
			<li><a href="//wordpress.org/news/" title="News and Updates">Blog</a></li>
			<li><a href="//wordpress.org/hosting/" title="Recommended web hosting providers">Hosting</a></li>
			<li><a href="http://jobs.wordpress.net/" title="Find or post WordPress jobs">Jobs</a></li>
		</ul>

		<ul>
			<li><a href="//wordpress.org/support/" title="Forums, documentation, and other resources">Support</a></li>
						<li><a href="//make.wordpress.org/" title="Give back to WordPress through code, support, translation and more">Get Involved</a></li>
			<li><a href="//learn.wordpress.org/" title="Workshops and training materials">Learn</a></li>
		</ul>

		<ul>
			<li><a href="//wordpress.org/showcase/" title="Some of the best WordPress sites on the Web">Showcase</a></li>
			<li><a href="//wordpress.org/plugins/" title="Add extra functionality to WordPress">Plugins</a></li>
			<li><a href="//wordpress.org/themes/" title="Make your WordPress pretty">Themes</a></li>
			<li><a href="//wordpress.org/ideas/" title="Share your ideas for improving WordPress">Ideas</a></li>
		</ul>

		<ul>
			<li><a href="http://central.wordcamp.org/" title="Find a WordPress event near you">WordCamp</a></li>
			<li><a href="http://wordpress.tv/" title="Videos, tutorials, and WordCamp sessions">WordPress.TV</a></li>
			<li><a href="//buddypress.org/" title="A set of plugins to transform your WordPress into a social network">BuddyPress</a></li>
			<li><a href="//bbpress.org/" title="Fast, slick forums built on WordPress">bbPress</a></li>
		</ul>

		<ul>
			<li><a href="http://wordpress.com/?ref=wporg-footer" title="Hassle-free WordPress hosting">WordPress.com</a></li>
			<li><a href="http://ma.tt/" title="Co-founder of WordPress, an example of what WordPress can do">Matt</a></li>
			<li><a href="//wordpress.org/about/privacy/" title="WordPress.org Privacy Policy">Privacy</a></li>
			<li><a href="//wordpress.org/about/license/" title="WordPress is open source software">License / GPLv2</a></li>
		</ul>

		<ul>
			<li>
				<iframe allowtransparency="true" frameborder="0" scrolling="no" src="//platform.twitter.com/widgets/follow_button.html?screen_name=WordPress&show_count=false" style="width:135px; height:20px;"></iframe>
			</li>
			<li>
				<iframe src="//www.facebook.com/plugins/like.php?app_id=121415197926116&amp;href=http%3A%2F%2Fwww.facebook.com%2Fwordpress&amp;send=false&amp;layout=button_count&amp;width=135&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font=lucida+grande&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:135px; height:21px;" allowTransparency="true"></iframe>
			</li>
		</ul>
	</div>

	<h6 class="aligncenter">Code is Poetry</h6>
</div>


<script type="text/javascript">
  var _qevents = _qevents || [];
  (function() {
   var elem = document.createElement('script');
   elem.src = (document.location.protocol == "https:" ? "https://secure" : "http://edge")
               + ".quantserve.com/quant.js";
   elem.async = true;
   elem.type = "text/javascript";
   var scpt = document.getElementsByTagName('script')[0];
   scpt.parentNode.insertBefore(elem, scpt);
  })();
</script>
<script type="text/javascript">_qevents.push( { qacct:"p-18-mFEk4J448M"} );</script>
<noscript><img src="//pixel.quantserve.com/pixel/p-18-mFEk4J448M.gif" style="display: none;" border="0" height="1" width="1" alt=""/></noscript>
<!-- 56 queries. 0.938 seconds -->

<script type="text/javascript">
(function($){
$(document).ready(function() {
	$('#footer a').click(function() {
		if (this.href.indexOf('wordpress.org') == -1 && this.href.indexOf('http') == 0) {
			recordOutboundLink(this, 'Outbound Links', this.href);
			return false;
		}
	});
});
})(jQuery);
</script>
	<div style="display:none">
	</div>

	<script type="text/javascript">
	/* <![CDATA[ */
		jQuery( document ).ready( function( $ ) {
			function hideComments() {
				$('.commentlist').hide();
				$('.discussion').show();
			}
			function showComments() {
				$('.commentlist').show();
				$('.discussion').hide();
			}
			
			$( "#togglecomments" ).click( function() {
				if ( $( '.commentlist' ).css( 'display' ) == 'none' ) {
					showComments();
				} else {
					hideComments();
				}
				return false;
			});
		});
	/* ]]> */
	</script><script>
(function($){
	$(document).ready( function() {
		$('.p2-request-tag').click( function() {
			var tags = $('#tags'), val = tags.val();
			if ( val === 'Tag it' )
				tags.val( 'request, ');
			else if ( val.indexOf( 'request' ) < 0 )
				tags.val( 'request, ' + val );
		});
	});

})(jQuery);
</script>
<link rel='stylesheet' id='wpcom-notes-admin-bar-css'  href='http://s0.wp.com/wp-content/mu-plugins/notes/admin-bar-v2.css?ver=2.4.3-201420' type='text/css' media='all' />
<link rel='stylesheet' id='noticons-css'  href='http://s0.wp.com/i/noticons/noticons.css?ver=2.4.3-201420' type='text/css' media='all' />
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-includes/js/admin-bar.min.js?ver=4.0-alpha'></script>
<script type='text/javascript' src='http://s0.wp.com/wp-content/js/devicepx-jetpack.js?ver=201420'></script>
<script type='text/javascript' src='http://s.gravatar.com/js/gprofiles.js?ver=2014Mayaa'></script>
<script type='text/javascript'>
/* <![CDATA[ */
var WPGroHo = {"my_hash":""};
/* ]]> */
</script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-content/plugins/jetpack/modules/wpgroho.js?ver=4.0-alpha'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-includes/js/underscore.min.js?ver=1.6.0'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-includes/js/backbone.min.js?ver=1.1.2'></script>
<script type='text/javascript' src='http://s1.wp.com/wp-content/js/mustache.js?ver=2.4.3-201420'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-content/plugins/jetpack/_inc/spin.js?ver=1.3'></script>
<script type='text/javascript' src='http://make.wordpress.org/polyglots/wp-content/plugins/jetpack/_inc/jquery.spin.js?ver=1.3'></script>
<script type='text/javascript' src='http://s1.wp.com/wp-content/mu-plugins/notes/notes-common-v2.js?ver=2.4.3-201420'></script>
<script type='text/javascript' src='http://s0.wp.com/wp-content/mu-plugins/notes/admin-bar-v2.js?ver=2.4.3-201420'></script>

	<script src="http://stats.wordpress.com/e-201420.js" type="text/javascript"></script>
	<script type="text/javascript">
	st_go({v:'ext',j:'1:2.4.3',blog:'31792945',post:'3782',tz:'0'});
	var load_cmc = function(){linktracker_init(31792945,3782,2);};
	if ( typeof addLoadEvent != 'undefined' ) addLoadEvent(load_cmc);
	else load_cmc();
	</script>		<div id="wpadminbar" class="nojq nojs" role="navigation">
			<a class="screen-reader-shortcut" href="#wp-toolbar" tabindex="1">Skip to toolbar</a>
			<div class="quicklinks" id="wp-toolbar" role="navigation" aria-label="Top navigation toolbar." tabindex="0">
				<ul id="wp-admin-bar-root-default" class="ab-top-menu">
		<li id="wp-admin-bar-wp-logo" class="menupop"><a class="ab-item"  aria-haspopup="true" href="https://make.wordpress.org/polyglots/wp-admin/about.php" title="About WordPress"><span class="ab-icon"></span></a><div class="ab-sub-wrapper"><ul id="wp-admin-bar-wp-logo-external" class="ab-sub-secondary ab-submenu">
		<li id="wp-admin-bar-wporg"><a class="ab-item"  href="https://wordpress.org/">WordPress.org</a>		</li>
		<li id="wp-admin-bar-documentation"><a class="ab-item"  href="http://codex.wordpress.org/">Documentation</a>		</li>
		<li id="wp-admin-bar-support-forums"><a class="ab-item"  href="https://wordpress.org/support/">Support Forums</a>		</li>
		<li id="wp-admin-bar-feedback"><a class="ab-item"  href="https://wordpress.org/support/forum/requests-and-feedback">Feedback</a>		</li></ul></div>		</li></ul><ul id="wp-admin-bar-top-secondary" class="ab-top-secondary ab-top-menu">
		<li id="wp-admin-bar-search" class="admin-bar-search"><div class="ab-item ab-empty-item" tabindex="-1"><form action="http://make.wordpress.org/polyglots/" method="get" id="adminbarsearch"><input class="adminbar-input" name="s" id="adminbar-search" type="text" value="" maxlength="150" /><input type="submit" class="adminbar-button" value="Search"/></form></div>		</li>
		<li id="wp-admin-bar-register"><a class="ab-item"  href="//wordpress.org/support/register.php">Register</a>		</li>
		<li id="wp-admin-bar-log-in"><a class="ab-item"  href="https://make.wordpress.org/polyglots/wp-login.php">Log In</a>		</li>
		<li id="wp-admin-bar-notes" class="menupop"><div class="ab-item ab-empty-item" ><span id="wpnt-notes-unread-count" class="wpnt-loading wpn-read">
					<span class="noticon noticon-notification"></span>
					</span></div><div id="wpnt-notes-panel" style="display:none" lang="en_US" dir="ltr"><div class="wpnt-notes-panel-header"><span class="wpnt-notes-header">Notifications</span><span class="wpnt-notes-panel-link"></span></div></div>		</li></ul>			</div>
					</div>

		</body>
</html>
  <script src='http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js'></script>

  

    <script  src="js/index.js"></script>




</body>

</html>

/*Downloaded from https://www.codeseek.co/guyfedwards/a-pen-by-guyfedwards-aBChg */

jQuery(document).ready(function(){
  
var width = $( window ).width();
  
  if(width < 700){
      jQuery('h2.toc-heading').nextUntil('h2').hide();
    jQuery('h2.toc-heading').click(function() {
      if (jQuery(this).hasClass('open')) {
        jQuery(this).removeClass('open');
        jQuery(this).nextUntil('h2').slideUp(200);
      } else {
        jQuery(this).addClass('open');
        jQuery(this).nextUntil('h2').slideDown(200);
      }
    });
  }
  
});

Comments