워드프레스 블로그 환율 계산기 위젯 만들기 총 정리

워드프레스 블로그 환율 계산기 위젯 필요성

뉴질랜드를 주제로 운영하는 블로그에서 뉴질랜드 달러가 얼마이고 이것은 한국 돈으로 얼마입니다 라는 말을 아주 많이 합니다. 그만큼 뉴질랜드 달러의 감이 없으신 우리나라 분들에게 한국 돈으로 얼마라고 하는 부분은 정보 전달에 아주 중요한 부분입니다.

뉴질랜드 최저 임금, 한끼 음식값, 렌트 가격, 채소, 고기 가격 등을 궁금해 하시는 분들에게 워드프레스 블로그 환율 계산기 위젯은 매우 유용하게 사용될 것 같아 한번 만들어 보았습니다.

위의 사진 왼쪽 부분에 있는 것이 바로 워드프레스 블로그 환율 계산기 위젯입니다. 색상은 뉴질랜드 워드프레스 주 색상이 노란색이라서, 같이 맞춰 보았습니다.

워드프레스 블로그 환율 계산기 어떻게 만들 수 있을까?

블로그 속의 글을 읽으면서, 바로 환율 계산을 할 수 있도록 만들고 싶습니다. 크게는 워드프레스 플러그인을 사용하는 방법과 위젯을 이용하는 방법이 있었습니다.

하지만, 플러그인 설치는 아무래도 블로그 로딩 속도에 영향을 줄 것 같아, 위젯을 선택했습니다. 사실 위젯이 더 간단하게 설치할 수 있을 것 같아 선택한 이유도 있습니다.

워드프레스 환율 계산기 위젯 만들기로 구글에서 검색을 하다가, 아래 웹사이트를 발견하고 시도했습니다.

참고로, 저와 같은 환율 계산기 위젯을 만들고 싶으신 분들은 아래 웹사이트 링크로 들어가셔서 저의 순서를 따라 하시면 됩니다.

워드프레스 블로그 환율 계산기 위젯 만들기

1) 통화 종류 및 금액 설정

웹페이지로 들어가면, 위와 같은 사진을 보실 수 있습니다. 기본 위젯 색상은 파란색으로 설정되어 있는데, 우리가 원하는 색상으로 변경 가능합니다.

저는 금액은 $1로 설정했습니다. 그렇게 한 이유는 그러면 바로 뉴질랜드 1달러(환율)는 한국 돈으로 얼마인지 바로 알 수 있기 때문입니다. 오늘 기준으로는 826.66원입니다.

발신자와 수신 부분은 알고 싶은 통화를 입력하시면 됩니다. 뉴질랜드 주제의 워드프레스 블로그이기 때문에 뉴질랜드 달러와 한국 원화를 기본 셋팅 값으로 정해 놓았습니다. 하지만, 전 세계 모든 통화가 다 있기 때문에 원하시는 통화를 우리나라 원화와 함께 세팅할 수 있습니다.

2) 환율 계산기 위젯 색상 선택

뉴질랜드 워드프레스 블로그 색상과 깔맞춤한 노란색을 선택했습니다. 단색으로 할 수도 있고, 그라데이션으로도 색상을 구성할 수 있지만, 단색이 저는 조금 더 깔끔하게 보여서 단색으로 했습니다.

3) 환율 계산기 위젯 조정 및 HTML 코드 복사

고급 버튼을 활성화 했을 때는 크게, 그림자, 심볼, 그룹화, 테두리를 조절이 가능합니다. On & Off를 하시면 옆의 환율 계산기에 적용이 되어 바로 확인하실 수 있습니다.

이제 노란색 환율 계산기 이 모습으로 워드프레스 블로그 속에 삽입하기 위해 필요한 HTML 코드를 복사합니다. 그리고 워드프레스 관리자 화면으로 가겠습니다.

4) 워드프레스 관리자 위젯 메뉴 들어가기

워드프레스 관리자 화면에서 왼쪽 메뉴에서 모양 그리고 위젯 버튼을 차례로 클릭합니다. 저는 이 환율 계산기를 각 포스팅 페이지에 삽입하려고 합니다.

그러기 위해서는 위젯 페이지에서 사이드바 1이 아닌 사이드바 2로 들어가셔야 합니다.

5) 사이드바 2 위젯에 환율 계산기 HTML 코드 삽입하기

위젯 페이지에서 Sidebar 2를 선택하면, 사이드바에 기존에 설정해 놓은 프로필 또는 광고가 보이실 겁니다. 저와 설정한 것이 다를 수도 있습니다.

HTML 코드를 삽입할 Section을 하나 만들어야 합니다. Section은 단락(공간)이라고 생각하시면 됩니다. Section을 만들기 위해서는 + 버튼을 누르시고, section 입력하시면 3번과 같은 아이콘을 보실 수 있습니다.

1번이 바로 우리가 함께 만든 Section입니다. 거기 + 버튼을 누르시고, HTML 입력하시면 사용자 정의 HTML 아이콘이 보이실 겁니다. 그것을 클릭하시면 됩니다.

이제 복사한 HTML 코드를 입력하시면, 오른쪽 업데이트 버튼을 클릭하시면 워드프레스 블로그 환율 계산기 위젯이 생성됩니다.

참고로, 코드 세번째 줄이 여러분과 조금 다를 수 있습니다. 저는 currencyrate 영어로 적혀 있는 부분에 ‘현재 환율’ 이라고 수정했습니다. 또한, 세번째 줄 처음에 <center>, 네번째 줄 마지막</center> 입력한 후 업데이트를 했습니다.

환율 계산기 위젯 아래에 영어로 currencyrate로 왼쪽으로 정렬되어 나오는 것이 보기 싫어서, 그 부분을 한글과 정렬을 가운데 정렬로 수정하여 업데이트 한 것입니다.

그렇게 만든 환율 계산기 위젯이 이 블로그 가장 위에 있는 사진 부분입니다. 괜찮나요?

마무리

오늘은 워드프레스 블로그 환율 계산기 위젯 만들기를 한번 해 보았습니다. 원래는 글을 내려도 광고가 고정되어 나오는 위치인데, 위젯을 고정시키게 되었습니다. 제 글을 읽다가 뉴질랜드 달러가 한국 원화로 얼마인지 확인해 보시는데 도움이 되었음 좋겠습니다.

글 읽어 주셔서 감사합니다.