워드프레스 SNS 공유 플러그인에 Korea SNS 아이콘 추가

사이드바에 운영 중인 SNS를 보여주고 링크로 연결해 보려고 하는데 사이드바의 위젯으로 국내 SNS를 보여주는 플러그인이 없습니다. 그래서 간단한 플러그인을 가지고 한국형 SNS 아이콘 이미지를 업로드하고 링크를 추가해 보겠습니다.

 

'플러그인 < 플러그인 추가하기'에서 "Simple Contact Info"을 검색해서 설치하고 활성화시킵니다.

 

플러그인을 활성화하고 나면 관리자 화면 좌측에 Contact Info라는 메뉴가 생기는데, 여기서 social network를 추가해보겠습니다.

 

관리자 화면 좌측에서 'Contact Info < Add social network'로 들어가서 원하는 국내 SNS를 추가해주면 되는데 여기서는 카카오스토리(KakaoStory)를 추가해 보겠습니다.

 

다시 'Contact Info < Social Icons'으로 가서 보여줄 아이콘들을 선택해야 됩니다. 여기서는 현재 있는 소셜 아이콘들의 맨 마지막에 있는 것으로 선택하겠습니다.

 

그 아래에 보면 아이콘 업로드하는 부분이 있는데, 카카오스토리 아이콘이 지금 여기 없기 때문에 이미지(크기 50x50)를 업로드해야 됩니다. 구글 이미지에서 "kakaostory icon"으로 검색해서 다운로드한 이미지 크기는 219x219인데 포토샵에서 50x50으로 줄여 놓았습니다. 파일 선택 아이콘을 눌러서 내 컴퓨터에 있는 카카오스토리 아이콘 이미지를 찾아서 업로드해 줍니다.

 

업로드하고 나서 카카오스토리 아이콘을 확인하고 업데이트해줍니다.

 

업데이트하고 나면 운영 중인 소셜 링크들의 주소를 추가해야 합니다. 그러기 위해서는 'Contact Info < Contact Info'로 들어가서 운영 중인 소셜 링크들의 주소 링크를 입력해준 다음 맨 아래로 내려와서 Update info를 클릭합니다.

 

그리고 나서 '외모 < 위젯'으로 들어갑니다. Simple Social Icons라는 박스가 보일 것입니다. 이것을 클릭해서 오른쪽에 있는 Right Sidebar 박스 제일 상단에 드래그해서 위치시킵니다.

 

타이틀은 'Share this:'로 설정해주고, 방향은 수평(Horizontal)으로 지정해줍니다. 보여줄 아이콘들을 모두 체크해서 선택해준 다음 저장하기 버튼을 클릭합니다.

 

사이트로 가서 새로 고침하고 확인해 보겠습니다. 오른쪽 사이드바에 보면, 'Share this'라는 타이틀 아래에 소셜 아이콘 네 개가 들어가 있는 것을 볼 수 있습니다.

 

국내 SNS를 운영하는 채널이 있다면 이런 식으로 간단하게 소셜 아이콘을 추가할 수 있습니다. 클릭해보면 현재 운영하는 SNS로 바로 연결되는 것을 확인할 수 있습니다.

 

지금까지 워드프레스 Accelerate 테마를 가지고, SNS 공유 사이드바 위젯인 Simple Contact Info 플러그인을 설치해 보았습니다. 이 플러그인을 가지고 한국형 SNS 아이콘 이미지(예, 카카오스토리)를 업로드하고 링크를 추가해서 SNS를 공유할 수 있도록 연결해 보았습니다.