워드프레스 블로그 Onepress 테마에 플러그인 없이 GTranslate 번역기 설치하는 방법

글자 크기

글로벌 시대인 요즘, 여러분의 블로그에 번역기가 설치되어 있나요? 한국어로 작성된 내 블로그를 다른 나라의 사용자도 방문할 수 있다는 생각을 하면, 한 명의 사용자라도 놓치고 싶지 않은 마음에 아깝다는 생각이 듭니다. 이럴 때 필요한 것이 바로 번역기입니다. 이 글에서는 워드프레스 OnePress 테마에 플러그인 없이 GTranslate 번역기를 설치하는 방법을 자세히 알아보겠습니다.

워드프레스 블로그 Onepress 테마에 플러그인 없이 GTranslate 번역기 설치하는 방법

쓸때 없는 고집 때문에 고생을 사서 하는 것 같기도 하지만, 워드프레스 블로그에 번역기를 설치하는 방법은 크게 두 가지가 있습니다. 첫 번째는 플러그인을 설치하는 것이고, 두 번째는 바로 오늘 설명드릴 플러그인 없이 직접 번역기를 설치하는 방법입니다.

제가 작성하는 대부분의 워드프레스 관련 글에서 말씀드렸듯이, 저는 플러그인 설치를 선호하지 않습니다. 그럼에도 불구하고 현재까지 11개의 플러그인이 설치되어 있어, 심적으로 부담감을 느끼고 있습니다. 이렇게 집착적으로 플러그인 수를 줄이려고 하는 것이 아무래도 정신적으로 문제가 있는 건 아닌지 걱정이 되기도 합니다.

GTranslate는 워드프레스 플러그인을 지원하기 때문에, 워드프레스 관리자 화면에서 ‘플러그인’ → ‘새로운 플러그인 추가’를 클릭한 후, ‘GTranslate’로 검색해서 설치하고 원하는 언어를 선택한 후 저장하면 블로그에 쉽게 번역기를 추가할 수 있습니다.

본론으로 돌아와서, 플러그인 없이 블로그에 번역기를 설치하는 방법을 알아보겠습니다.


1. GTranslate 번역기 설치를 위한 코드 받기

워드프레스 OnePress 테마에 GTranslate 번역기를 설치하기 위해서는, 먼저 GTranslate 사이트에서 코드를 받아야 합니다. 사이트에 방문하면 아시겠지만, GTranslate 번역기는 무료부터 기업 버전까지 다양하며, 저는 무료 버전을 사용하도록 하겠습니다.

GTranslate 들어가기

GTranslate 사이트에 접속해서 화면을 아래로 스크롤하면 다음과 같은 화면이 나타나는데, 여기서 첫번째 ‘DOWNLOAD’ 를 클릭합니다.

GTranslate 사이트에서 FREE 다운로드를 클릭합니다


‘DOWNLOAD’ 화면에서 아래로 스크롤하여, ‘Other HTML’ 에 있는 ‘Website Translator Widget’를 클릭합니다.

Other HTML의 Website Translator Widget 를 클릭합니다


이제 번역기가 블로그에 원하는 형식으로 보일 수 있도록 설정을 변경하겠습니다.  각 항목의 의미는 아래와 같습니다.

  • WIDGET LOOK : 원하는 디자인을 선택할 수 있으며, 저는 국기만 표시되는 ‘Flags’ 옵션을 선택했습니다.
  • TRANSLATE FORM :  블로그의 기본 언어를 설정하는 항목으로, 저는 한국어를 선택합니다.
  • TRANSLATE TO : 번역할 언어를 선택하는 옵션이며, 최대 5개 언어까지 선택할 수 있습니다.
  • URL STRUCTURE : 무료로 사용할 수 있는 None(free) 를 선택합니다.
  • FLAG SIZE : 국기 아이콘의 크기를 선택합니다.  
  • FLAG STYLE : 영어는 기본 설정이 영국국기이나, ‘USA flag’를 선택하면 미국국기로 변경됩니다.  
  • POSITION :  번역기가 블로그 안에서 어디에 표시될지 결정하는 옵션으로, 저는 페이지 내에 포함되도록 ‘Inline’ 옵션을 선택했습니다.

설정을 원하는 데로 변경한 후, UPDATE PREVIEW를 클릭하여 화면에 어떻게 보이는지 확인합니다


설정을 변경한 후 원하는 대로 보이는지 확인하기 위해 ‘UPDATE PREVIEW’ 버튼을 클릭합니다. 결과는 위의 ‘WIDGET PREVIEW’와 같으며, 저는 이 설정을 그대로 사용하도록 하겠습니다.  화면에 보이는 WIDGET CODE를 복사합니다. 


<div class="gtranslate_wrapper"></div>
<script>window.gtranslateSettings = {"default_language":"ko","native_language_names":true,"languages":["ko","en","es","ja","fr","de"],"wrapper_selector":".gtranslate_wrapper","flag_style":"3d","alt_flags":{"en":"usa"}}</script>
<script src="https://cdn.gtranslate.net/widgets/latest/flags.js" defer></script>


2. 워드프레스 Onepress 테마의 사이드바에 GTranslate 번역기 추가하기 

GTranslate 번역기를 블로그에 추가할 수 있는 코드가 준비되었으니, 지금부터는 워드프레스 Onepress 테마의 오른쪽 사이드바 상단에 번역기를 추가해 보도록 하겠습니다. 

워드프레스 관리자 페이지에서 ‘외모’ → ‘위젯’ 순으로 이동한 다음, 오른쪽에 보이는 화면에서 ‘+’ 버튼을 찾아 클릭하고 ‘사용자 정의 HTML’을 선택합니다. 만약 보이지 않는다면, 검색창에서 ‘HTML’로 검색한 후 선택하시면 됩니다.

워드프레스 > 외모 > 위젯 > '+' 를 클릭한 후, 사용자 정의 HTML를 선택합니다


‘사용자 정의 HTML’에서 아래 ①번과 같이 GTranslate에서 복사한 WIDGET CODE를 붙여넣기한 후, ②번의 위아래 화살표를 이용하여 원하는 위치로 이동시키고 ‘업데이트’ 버튼을 클릭하면 적용됩니다. 

GTranslate에서 복사한 WIDGET CODE를 붙여넣기한 후, 위아래 화살표를 눌러 원하는 위치로 이동시킵니다


저는 아래와 같이 오른쪽 사이드바의 맨 위에 위치시켰습니다. 

저는 사이드바의 맨 위에 위치시켰습니다


아래 화면은 GTranslate 번역기를 블로그에 추가한 최종 결과입니다. 어떠신가요? 여러분의 블로그에도 추가해 보시기 바랍니다. 

GTranslate 번역기를 삽입한 블로그 화면입니다



오늘은 워드프레스 블로그 Onepress 테마에 플러그인 없이 GTranslate 번역기를 설치하는 방법을 알아보았습니다. 서두에서도 언급했듯이 GTranslate 번역기 플러그인을 사용해도 동일한 효과를 얻을 수 있지만, 저처럼 플러그인 추가를 선호하지 않는 분들은 이 글을 참고하여 GTranslate 번역기를 설치해 보시기 바랍니다. 한 번만 직접 시도해보면 다른 작업에도 자신감이 생기실 겁니다. 이 글이 여러분의 블로그 운영에 도움이 되길 바랍니다.