다국어지원 사이트 소스

사이트관리|2018. 10. 18. 12:18

다국어 지원 사이트 소스



위와 같이 표현이되고 버튼 클릭에 언어가 변경된다.


셈플사이트 주소 :  http://mycamp.cf/




img.zip


아래의 소스를 원하는 곳에 붙이면...그 사이트는 다국어 지원 사이트가 되는 것이다.

개인사이트에 삽입시에는 애래 소스의 맨 아래에 있는 국기 이미지에 대한 주소를

본인 사이트 주소로 변경하고, 위 국기 이지미 파일을 받아 해당 폴더에 넣어주면 된다.



<li> <!-- 언어선택 시작 -->
<div class="sidebar-icon">
<style type="text/css">
iframe.goog-te-banner-frame { display: none !important; }
body { position: static !important; top:0px !important; }
.goog-logo-link { display:none !important; }
.goog-te-gadget { color: transparent !important; }
</style>
<script type="text/javascript">
function googleTranslateElementInit() {
new google.translate.TranslateElement({pageLanguage: 'ko', includedLanguages: 'ru,en,ja,ko,zh-CN', layout: google.translate.TranslateElement.InlineLayout.SIMPLE, autoDisplay: false, multilanguagePage: true}, 'google_translate_element');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
<script type="text/javascript">
$(window).load(function () {

$('.translation-icons').css('visibility', 'visible');

$('.translation-icons a').click(function(e) {
e.preventDefault();
var placement = $(this).data('placement');
var lang_num = $('.translation-icons a').length;
var $frame = $('.goog-te-menu-frame:first');

if (!$frame.size()) {
alert("Error: Could not find Google translate frame.");
return false;
}

var langs = $('.goog-te-menu-frame:first').contents().find('a span.text');

if(langs.length != lang_num) placement = placement+1;

langs.eq(placement).click();
return false;
});
})
</script>
<div id="google_translate_element" style="visibility: hidden; position: absolute; top: 0px;"></div>
<div class="translation-icons" style="visibility: visible; position: relative; text-align: left; margin: 5px 0px; padding-left: 5px; width: auto; zoom: 1;">
<div class="translation-icons" style="visibility: visible;">

<a href="#" class="ko" data-placement="0"> <img src="http://mycamp.cf/img/KR.png" alt="한국" title="" height="22"></a>
<a href="#" class="ru" data-placement="1"> <img src="http://mycamp.cf/img/RU.png" alt="러시아" title="" height="22"></a>
<a href="#" class="us" data-placement="2"> <img src="http://mycamp.cf/img/US.png" alt="미국" title="" height="22"></a>
<a href="#" class="jp" data-placement="3"> <img src="http://mycamp.cf/img/JP.png" alt="일본" title="" height="22"></a>
<a href="#" class="cn" data-placement="4"> <img src="http://mycamp.cf/img/CN.png" alt="중국" height="22"></a>
</div>
</div>

</div>
<!-- 언어 선택 끝 -->

</li>






링크의 샘플사이트에서 소스보기해서 언어번역시작~끝부분의 소스를 붙여넣기 복사하기 하면되지만 

찾으시는분들이 많아서 위젯화 시켜서 올립니다.



다운로드 사이트 : http://amina.co.kr/bbs/board.php?bo_table=skin_member&wr_id=10611#c_10614


샘플사이트는 링크클릭하시면 상단에 적용되어있습니다.

셈플사이트 주소 :  http://mycamp.cf/



사용법


원하는 위치에 아래와 같이 사용하시면 됩니다.


<?php echo apms_widget('lang-trans','lang-trans'); // 언어번역기 ?>


일단 제기준(?)으로 인기있는 언어 5개해놨으며 여기에서 숨김설정을 할수있는데

그외 다른 언어를 더 추가하시려면 https://translate.google.com/manager/website/ 에서 

추가시 국가코드 참조하셔서 파일 수정하시면 되겠습니다.




당신의 SNS에 방문객이 많아지게 하는 방법 - 방문자증가코드 작업
위 내용을 SNS에 공유해보세요 
당신의 SNS에 방문자와 팔로우가 증가됩니다.

↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ ↓ 

댓글()