WordPress : Installer WPML

tutoriels

– Installer le plugin (payant) puis mettre le dossier du plugin dans le dossier wordpress

– Paramétrer la langue principal du site, La langue utilisée dans le code

– Ajouter un language switcher à notre theme :

<!--?php do_action('icl_language_selector'); ?-->

– Choisir ce que je veux afficher dans le language switcher -> retourner sur wordpress et cocher les bonnes shits

– Paramétrer l’ordre des langages

 

 

CUSTOM CSS CODE :

 #lang_sel {height:32px; position:relative; z-index:999; float: right; margin-right: 10px; margin-top:10px;  font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html #lang_sel {width:12em; w\idth:12em;}

/* remove all the bullets, borders and padding from the default list styling */
#lang_sel ul, #lang_sel li {padding:0 !important; margin:0 !important; list-style-type:none !important;}
#lang_sel li:before{content:'' !important;}
#lang_sel ul ul {width:149px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
#lang_sel li {float:left;width:149px;position:relative;}

/* style the links for the top level */
#lang_sel a, #lang_sel a:link, #lang_sel a:visited {
	display:block;
	/*background: #fcfcfc;*/
	font-size:12px;
	text-decoration:none !important;
	color:#fff;
	border:1px solid #000;
	line-height:18px;
	border-top: 1px solid #e1e1e1;
	border-right: 1px solid #c8c8c8;
	border-bottom: 1px solid #bfbfbf;
	border-left: 1px solid #e1e1e1;
	padding: 5px 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px; /* future proofing */
	-khtml-border-radius: 5px; /* for old Konqueror browsers */
	font: normal bold 12px Verdana, sans-serif;
	}
/* a hack so that IE5.5 faulty box model is corrected */
* html #lang_sel a, * html #lang_sel a:link, * html #lang_sel a:visited {width:149px; w\idth:138px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#lang_sel ul ul {visibility:hidden;position:absolute;height:0;top:25px;left:0; width:149px;border-top:0;}

/* another hack for IE5.5 */
* html #lang_sel ul ul {top:25px;t\op:25px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
#lang_sel table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
#lang_sel ul ul a, #lang_sel ul ul a:link, #lang_sel ul ul a:visited {
	font-weight: normal;
	/*font-size: 11px;*/
	background:#eee;
	color:#000 !important;
	/*height:auto; line-height:1em; */
	/*padding:3px 10px;*/
	border-width:0 1px 1px 1px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0; /* future proofing */
	-khtml-border-radius: 0; /* for old Konqueror browsers */
	}
/* yet another hack for IE5.5 */
* html #lang_sel ul ul a, * html #lang_sel ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
#lang_sel a:hover, #lang_sel ul ul a:hover{color:#000; background:#ccc;}
#lang_sel :hover > a, #lang_sel ul ul :hover > a {color:#000; background:#ccc;}

#lang_sel a.lang_sel_sel{
    background:url(../images/nav-arrow-down.png) #fcfcfc right no-repeat;
    color: #bfbfbf;
}
#lang_sel a.lang_sel_sel:hover{
    text-decoration: none;
    /*color:#000;*/
}

/* make the second level visible when hover on first level list OR link */
#lang_sel ul li:hover ul,
#lang_sel ul a:hover ul{visibility:visible; }

#lang_sel ul li img {
	position: relative;
	margin: 0;
	padding: 0;
	margin-right: -6px;
	border: 1px solid #bfbfbf;
	top: 2px;
}

#lang_sel ul li ul li img {
	margin-right: -2px;
}

Liens youtube de feux :

https://www.youtube.com/watch?v=oxKaBr5utv8

https://www.youtube.com/watch?v=kYWteDVk2ZM

https://www.youtube.com/watch?v=-IqTuDhtBWg

https://www.youtube.com/watch?v=M6e1v_KzCRI  (le dude québécois qui explique comment custom plus précisément le texte en php)