워드프레스 쇼핑몰, 웹사이트

사이트 이미지
쇼핑몰

남성의류 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
웹사이트

회원관리 사이트

회원관리 프러그인을 이용한 학회 홈페이지.

사이트 이미지
쇼핑몰

면도기 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

사이트 이미지
쇼핑몰

해외 쇼핑몰

해외 대상 쇼핑몰. 다양한 플러그인 사용됨.

사이트 이미지
쇼핑몰

강아지 용품 정기결제 쇼핑몰

우커머스의 정기결제(Subscription) 플러그인을 이용한 쇼핑몰.

포트폴리오 보기

블로그 인기글

커스텀 디자인

여러 종류의 플러그인을 이용해 페이지와 콘텐츠를 커스텀 디자인

Brizy Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Elementor Pro

페이지 빌더

다양한 콘텐츠를 만들 수 있는 프론트 엔드 페이지 빌더

Advanced Custom Field Pro

사용자 정의 필드

커스텀 콘텐츠 작업에 필요한 플러그인

Pods

사용자 정의 콘텐츠 타입

기본 콘텐츠 타입외에 다양한 형태의 콘텐츠 생성.

블로그

이전 글에서 사용중인 무료 테마 이클립스의 테마 옵션 부분을 마쳤습니다. 이번 글에서는 위젯 사용법을 알아보고 플러그인을 설치해봅니다.



주메뉴에서 외모-->위젯을 선택하면 위젯 화면이 나타납니다. 좌측 열에는 상단에 사용할 수 있는 위젯이 있고 비활성화 위젯이 있습니다. 우측 열은 위젯 영역이라고 하며 이미 몇 개의 위젯이 배치돼 있는데 이는 테마에 따라서 다릅니다. 워드프레스 기본 테마인 Twenty Eleven은 설치하고 나면 위젯 영역에 아무것도 없더라도 기본적으로 검색 박스와 글 보관함이 배치되며 새로운 위젯을 배치하면 이들 위젯은 사라지도록 해놓았습니다. 

위젯을 사용하려면 사용할 수 있는 위젯 영역에서 클릭 드래그해서 위젯영역에 배치하면 바로 활성되는 것이 있고 몇가지 설정을 해야 사용이 가능한 것도 있습니다. 설정이 필요한 위젯은 복잡한 것도 있으므로 이들 위젯을 사용하다가 잠시 보류하려면 비활성화 위젯 영역으로 끌어다 놓아야합니다. 왜냐하면 사용할 수 잇는 위젯 영역으로 이동하면 설정한 내용이 제거되기 때문이죠. 비활성화 위젯에 이동해 놓으면 나중에 언제라도 재배치하면 설정된 내용이 살아있어서 바로 사용할 수 있습니다.



이클립스 테마에서 사이드바에 위젯을 배치해서 사용할 경우 Full Sidebar에 주로 배치하면 됩니다. Left Half Sidebar나 Right Half Sidebar는 별로 사용하지 않습니다. 이 사이드바 위젯 영역은 아래 그림과 같이 이클립스 테마 옵션에서 404 템플릿 페이지 설정을 할 경우에만 나타나도록 해놓았습니다. 그러니 별로 사용할 일이 없죠. 다른 템플릿에는 좌, 우 사이드바가 동시에 있는 것은 없습니다.



위젯영역에서 좌,우 두 개의 사이드바에 위젯을 배치하고 블로그 화면에서 주소 입력란에 블로그에 없는 글 번호를 입력하면 아래처럼 나타납니다. 





푸터 위젯에는 아무것도 배치돼있지 않더라도 위처럼 3가지 위젯이 나옵니다. 좌측 끝은 위젯이 아니라 푸터위젯 사용 설명입니다. 푸터위젯영역에 어느 하나라도 위젯을 배치하면 위 기본 설치된 위젯들은 사라집니다.


그러면 푸터위젯 영역에 희망 나눔 위젯을 배치해보겠습니다.



다음 위젯뱅크에서 원하는 위젯을 선택하고 HTML 소스에 체크한 다음 퍼가기 버튼을 클릭하면 소스가 나옵니다. 복사해서 워드프레스 위젯 화면으로 옵니다.


위젯을 배치하기 전에 우선 푸터 위젯의 우측 상단에서 세모 아이콘을 클릭해서 펼칩니다. 사용할 수 있는 위젯 영역에서 텍스트 위젯을 끌어다 배치하면 내용을 입력할 수 있는 상태로 나타납니다. 복사해온 코드를 붙여넣고 저장하기 버튼을 클릭하면 아래저럼 푸터영역에 위젯이 나옵니다. 



그러면 이번에는 간단한 플러그인을 설치해보겠습니다.



플러그인 추가하기 메뉴를 선택하고 검색창에서 Scroll post excerpt로 검색어를 입력하고 플러그인 검색 버튼을 클릭합니다. 지금 설치하기 링크를 클릭하면 설치되며 플러그인을 활성화링크를 클릭합니다. 플러그인에 따라서 설정을 해줘야하는 경우 설정메뉴에 별도로 메뉴가 만들어지는 것도 있고 위젯화면에서 설정하는 것도 있는데 이 플러그인은 설정 메뉴에서 설정해줘야합니다.



설정-->Scroll post excerpt를 선택합니다. 타이틀에 제목을 입력하고 다음 입력란은 하나의 글의 높이를 입력합니다. 아래에서 요약글의 글자 수에 따라 달라지므로 블로그 화면을 보면서 조정합니다. 그 다음 입력란은 글의 수이고 다음 란은 스트롤될 최대 글 수입니다. 다음 입력란은 카테고리의 아이디입니다. 생략하면 모든 카테고리 글이 나옵니다. 마지막 입력란은 글자 수이며 글자의 수가 많으면 위에서 높이를 맞춰줘야합니다. 위처럼 설정하고 저장하기 버튼을 클릭한 다음 위젯 화면으로 갑니다.



사용할 수 있는 위젯 영역에서 스크롤 포스트 위젯을 끌어다가 사이드바 위젯 영역에 배치하고 블로그 화면에서 보면 아래처럼 제목과 요약 글이 수직으로 애니메이션 스크롤 됩니다. 




글자 끝 부분이 이상한 글자로 나오는 것은 영문 기준으로 플러그인을 만들어서 그렇습니다. 포토샵으로 만들었더니 덜컥거리는군요.


워드프레스의 기능은 어떤 플러그인을 설치하느냐에 따라서 무한대로 확대됩니다. 가장 많이 쓰이는 플러그인은 워드프레스닷컴의 젯팩  플러그인으로 현재 2.0버전까지 나와있고 이름에서 알 수 있듯이 팩이라서 아주 다양한 플러그인이 포함돼있습니다. 제 글의 플러그인 카테고리를 보면 사용법이 나와있는데 문제는 내컴퓨터에서는 사용이 안되고 실제 웹호스팅에서 운영하는 워드프레스에서만 가능합니다. 다음 글은 링크에 대해 알아봅니다.