워드프레스에 순위 목록을 만들어 보자

내 홈페이지에 순위를 넣어 보자

워드프레스는 다양한 플러그인들이 존재한다고 말씀드렸습니다. 그중에 까다로운 기능 하나를 무척 편하게 넣어 보고자 합니다.

걸그룹 순위라던지 연예인 인기순위, 또는 쇼핑몰 순위 등등을 넣어 볼 수 있습니다.

이건 사실 전문 블로그에서는 필요한 기능 합니다. 


이전에는 백엔드 프로그램에서 개발해야 가능했지만 지금은 순위를 공유하는 사이트와 워드프레스를 연결해서 가능해졌습니다.

생각보다 쉽게 만들 수 있고 또 홍보도 자연스럽게 가능하다는 이야기일 수 있습니다.


자신의 사이트에 순위를 넣어보자

전 여성 쇼핑몰 순위를 넣어 봤습니다.


간단하게 순위를 넣어 봤습니다.

만약 일반적으로 작업한다면 html로 하던지 아니면 게시판에 넣는 분도 계실 겁니다.

백엔드 프로그램으로 만들어 넣으신 분들은 작업이 좀 많은 겁니다. 제가 쇼핑몰 순위 사이트 최초 개발자입니다.


지금 그 소스를 봐도 엄청나게 많은 작업들이 입니다. 그런데 플러그인 하나만으로 작업이 가능합니다.


플러그인을 설치하자

플러그 인명은 listly입니다. 플러그인 추가하기에서 listly를 찾으시면 됩니다.

https://wordpress.org/plugins/listly/


 

 

이렇게 설치하시면 관리자 메뉴에 설정을 보시면 메뉴가 나타납니다.


이제 자기만의 순위 목록을 만들어 보자

설정의 Listly를 클릭하시면 플러그인을 설정해야 됩니다. 

플러그인 설정

먼저 플러그인을 설정해야 합니다. 이 플러그인은 기본적으로 https://list.ly/ 사이트에 등록한 후 순위가 나오도록 합니다.  https://list.ly/ 사이트는 각종 순위 또는 목록을 공유하는 사이트입니다. 


https://list.ly/ 사이트에 회원가입을 한 후 로그인하시면 setup에서 key를 생성하 실수 있습니다.


생각보다 쉽습니다. 이렇게 설정을 마치시면 자신의 순위 목록을 만드시면 됩니다.


자신의 순위 목록을 만들어 보자

순위 목록은 상단의 MAKE A LIST를 클릭하시면 순위 목록을 만들 수 있습니다.

순위 목록 정보 입력

먼저 어떤 순위 목록인지 정보를 입력해야 합니다.

입력화면이 준비되는데 저 같은 경우는 다음과 같이 입력했습니다.

이렇게 입력하시면 순위 화면의 타이틀에 나타나게 됩니다.

큰제목과 간단한 설명이라고 생각하시면 됩니다. 여기 입력하시면 다음과 같이 노출됩니다.



이제 순위 목록을 넣어 봅시다

순위 정보를 입력하셨으면 그 순위의 성격이 규정되었습니다. 이제는 순위 내용을 넣으시면 됩니다.

위 화면으로 가시면 조금 전에 규정한 순위 제목에 ADD TO LIST라는 버튼이 있습니다. 이 버튼을 이용해서 하나씩 입력하시면 됩니다. 


순서는 나중에 바꿀 수 있으니 일단 순위 사이트들을 입력하시는 작업을 먼저 하시면 됩니다.

입력화면입니다. 성격에 따라서 아이콘을 클릭하시고 입력해주세요. 쇼핑몰 순위 사이트라면 LINK를 클릭하시고 상품 순위나 비디오 이미지 등 다양하게 정할 수 있습니다.


순위를 다입력하셨다면 다음과 같이 목록이 완성될 겁니다.

이 순위를 페이지를 만들어서 SHORT CODE를 넣으면 됩니다.


SHORT CODE를 만들어 보자

워드프레스에 페이지에 정보를 넣기 위해서는 지난번 포스팅에서 적용했듯이 SHORT CODE를 만들어 붙여야 합니다.

목록에서 보시면 Embed List를 클릭하시면 SHORT CODE를 생성 하실수 있습니다.

Get Code를 클릭하시면 코드가 생성됩니다.

여기서 만들어진 SHORT CODE를 페이지에 붙여 주면 됩니다.


페이지에 순위 목록을 넣자

앞에서 생성된 SHORT CODE를 저장해 두었다가 페이지를 생성하신 후 붙여 넣기 하시면 됩니다.

그리고 발행하시면 그 페이지에 순위가 나타납니다.


이제 페이지에 나오는지 확인해 봐야 될 것 같습니다.


페이지에서 확인하기

붙여 넣기 한 페이지를 확인해 보시면 순위 목록이 나타납니다.


이제 순위에 추가하고나 수정하는 관리만 하시면 됩니다.

모든 작업이 끝났습니다. 어제 차트와 더불어 워드프레스의 장점이 잘 나타나는 플러그인들입니다. 

많은 플러그인들이 홈페이지 제작에 도움을 줄 겁니다. 그게 가장 큰 워드프레스의 자랑입니다.


만약 백엔드 프로그램까지 만들려고 한다면 엄청난 시간과 노력이 들어갈 텐데 공유 사이트에 등록하게 함으로써 자연스러운 홍보도 되고 자신의 워드프레스에 등록도 가능합니다.


백엔드 프로그램을 지원받는듯한 느낌으로 관리하시면 됩니다


2016/09/14 - [홈페이지및어플/폰갭] - 폰갭으로 쉽게 어플 만들자. 폰갭의 이해

2016/09/14 - [홈페이지및어플/폰갭] - 폰갭으로 쉽게 어플 만들자. 외부 API란

2016/09/14 - [홈페이지및어플/폰갭] - 폰갭으로 쉽게 어플 만들자. 동작원리

2016/08/15 - [홈페이지및어플/워드프레스] - 워드프레스에 멋진 차트를 넣어 보자


Comments