Glossary in WordPress

[워드프레스] 엑셀 스프레드시트로 용어 검색 페이지 만들기

개요

며칠 전에 MS Excel 문서로 된 용어집을 웹 페이지로 만들어 달라는 부탁을 받았습니다. 엑셀 문서를 직접 업로드하여 웹에서 용어를 검색할 수 있어야 합니다. 인터넷을 검색해보니 5분만에 엑셀 스프레드시트를 검색 가능한 데이터베이스로 바꾸기라는 제목의 글을 발견했습니다.

이 페이지에서는 엑셀 파일을 HTML 테이블로 변환하고 Javascript와 PHP를 사용하여 검색이 가능하도록 만드는 방법을 소개하고 있습니다. 이 방법으로 하려고 하니까 엑셀이 업데이트될 때마다 매번 HTML 테이블 코드로 변환해야 하는 번거로움이 있어 워드프레스 플러그인으로 문제를 해결해보기로 했습니다. (그리고 웹 애플리케이션을 알아보니 비용이 만만치 않네요.)

우선 플러그인 검색 창에 Excel 검색어를 넣어 검색하여 WP Excel CMS라는 플러그인을 찾았습니다. 이 플러그인을 설치하여 테스트해보니 Excel 파일을 단순한 HTML 표로 만들어주네요. 만약 Excel을 단순한 표 형식으로 표시하려는 경우 이 플러그인이 제격일 것 같습니다.

Inline Google Spreadsheet Viewer 플러그인

고민을 하다가 워드프레스 커뮤니티에 도움을 구하니 hackYa 사이트의 운영자께서 Inline Google Spreadsheet Viewer 플러그인을 추천해주네요. 이 플러그인은 Google Docs에 올린 엑셀 스프레드시트를 검색이 가능한 형태로 표시해주는 플러그인으로 제가 찾던 바로 그 기능을 제공하네요.

이 플러그인을 사용하려면 구글 계정에 로그인하여 Google Docs로 이동한 다음 왼쪽 상단의 메뉴 모양의 아이콘을 선택하고 Sheet를 클릭한 후에 엑셀 파일을 업로드하도록 합니다.

Google Docs 화면에서 Sheets 선택

Google Docs 화면에서 Sheets 선택

엑셀 파일을 업로드했다면 공유를 눌러 공유 링크를 복사하도록 합니다. 다음 형식으로 숏코드를 원하는 곳에 추가하시면 됩니다(아래에서 괄호는 대괄호([…])로 바꾸어 주세요).

{gdoc key="https://docs.google.com/spreadsheets/d/xxxxxxxxxxxxxxxxxxxxxxxxxxxxxx/edit?usp=sharing"}

그러면 다음과 비슷한 형식으로 표시됩니다.

Glossary in WordPress

이로써 간단하게 (그것도 무료로) 용어 검색 페이지가 완성되었습니다.

레이아웃은 CSS로 수정하면 될 것 같습니다. 레이아웃은 테마에 따라 다르게 나옵니다.

WordPress Glossary Plugin - 엑셀을 용어집 사이트로 변환해주는 워드프레스 플러그인

검색 기능도 매우 훌륭하게 작동하고 Column visibility에서 원하는 컬럼(열)만을 표시할 수도 있습니다. 심지어 검색을 한 후에 검색 결과만을 PDF 파일로도 저장할 수 있습니다. 업데이트도 간편합니다. 구글 Docs에서 직접 편집하면 워드프레스에 삽입한 스프레드시트도 업데이트됩니다.

업데이트: 일부 테마에서는 충돌 때문인지 Inline Google Spreadsheet Viewer 플러그인이 제대로 작동하지 않을 수 있습니다. 예를 들어, 가장 인기 있는 유료 플러그인인 아바다(AVADA) 테마에서 테스트해보니 테이블 형식으로만 표시되고 검색 입력란 등은 표시되지 않네요.

wpDataTables – 워드프레스용 테이블/차트 플러그인

Inline Google Spreadsheet Viewer 플러그인은 무료이고 구글 Doc를 불러와서 표시해주는 유용한 플러그인이지만, 테마에 따라 레이아웃이 제대로 표시되지 않을 수 있습니다. 그리고 Google 계정에 로그인하여 문서를 올리고 링크를 이용하기 때문에 불편할 수 있습니다. 직접 워드프레스 내에서 제어하기를 원하는 경우 wpDataTables 플러그인을 사용해볼 수 있습니다.

wpDataTables - Tables and Charts Manager for WordPress

wpDataTables은 테이블 플러그인으로 유일하게 플러그인 판매 사이트인 Codecanyon에서 베스트 셀링에 이름을 올리고 있는 인기 플러그인입니다.

wpDataTables은 워드프레스 플러그인의 형식으로 강력한 반응형 테이블, 스프레드시트 및 차트 관리자입니다. wpDataTables은 단순한 플러그인이 아니라 코드 한 줄 작성하지 않고 인터랙티브한 반응형 테이블, 차트를 생성하고 폼을 필터링/편집할 수 있습니다.

Google Spreadsheet, Excel 파일, CSV, MySQL 쿼리, XML, JSON, 직렬화된 PHP 어레이 등 이미 가지고 있는 테이블을 사용하여 클릭 몇 번으로 워드프레스에서 반응형의 인터랙티브한 테이블 및 차트에 연결시킬 수 있습니다.

테이블이 없는 경우 워드프레스 백엔드에서 직접 테이블을 만들 수 있습니다. 추후에 언제라도 구조와 데이터를 변경할 수 있습니다.

wpDataTables은 Table Constructor 마법사를 통해 사용자에게 친숙한 GUI에서 필드를 선택하여 자동으로 MySQL 쿼리를 생성할 수 있습니다. 그런 다음 이러한 쿼리를 이용하여 인터랙티브한 테이블과 차트를 만들 수 있습니다.

wpDataTables - WordPress table and chart plugin

이 플러그인을 사용하면 단계별 마법사를 통해 멋진 차트를 생성할 수 있습니다.  이외에도 다양한 기능을 제공하는 wpDataTables은 Visual Composer와도 호환됩니다. 여기에서 자세한 내용과 데모를 체크하여 요구 사항에 맞는 플러그인인지 확인해보시기 바랍니다.

참고:



기부를 통해 이 블로그를 후원하실 수 있습니다.
워드프레스 설치/제작/문제해결이 필요한 경우 서비스(유료)를 요청해주세요.