<!-- -->
header-files.php
wp_register_style( 'tema_flags_css', $template_url . '/assets/flag-icon-css/css/flag-icon.min.css', false );
wp_enqueue_style( 'tema_flags_css' );
<!-- -->
<div class="linguagens">
<a alt="Português" href="javascript:void(0);" data-lang="restore" class="triggerLang">
<span class="flag-icon flag-icon-br"></span>
</a>
<a alt="Inglês" href="javascript:void(0)"data-lang="Inglês" class="triggerLang">
<span class="flag-icon flag-icon-us"></span>
</a>
<a alt="Espanhol" href="javascript:void(0)" data-lang="Espanhol" class="triggerLang">
<span class="flag-icon flag-icon-es"></span>
</a>
<div id="google_translate_element"></div>
<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({
pageLanguage: 'pt',
layout: google.translate.TranslateElement.InlineLayout.SIMPLE,
gaTrack: true, gaId: 'UA-52478040-20'
},
'google_translate_element');
}
</script>
<script>
jQuery(document).ready(function($) {
$('.triggerLang').click(function() {
ChangeLang( $(this).data('lang') );
});
function ChangeLang(a) {
console.log('traduzindo para ', a);
var b, elemento = "";
if (document.createEvent) {
var c = document.createEvent("HTMLEvents");
c.initEvent("click", true, true)
}
if (a == 'restore') {
elemento = $(".goog-te-banner-frame:eq(0)").contents().find("button[id*='restore']")
} else {
b = a;
elemento = $(".goog-te-menu-frame:eq(0)").contents().find("span:contains('" + b + "')");
}
if (elemento.length > 0) {
if (document.createEvent) {
elemento[0].dispatchEvent(c)
} else {
elemento[0].click()
}
}
}
});
</script>
<style>
#google_translate_element,
.goog-te-banner-frame,
.goog-te-balloon-frame,
#goog-gt-tt,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover {
display:none !important;
}
</style>
</div><!-- linguagens -->