워드프레스 강좌 / 플러그인 / GS Logo Slider Lite / 파트너, 고객사 로고 슬라이더 만드는 플러그인
워드프레스
2021-03-21
기업 홈페이지에 가면 파트너 또는 고객사 로고가 가로 방향으로 흘러가는 것을 볼 수 있습니다. 이를 보통 로고 슬라이더라고 합니다. 로고 슬라이더는 직접 코딩하거나 공개된 오픈 소스를 이용하여 만들 수 있는데, 워드프레스라면 플러그인으로 쉽게 구현할 수 있습니다.
플러그인 추가 화면에서 logo slider로 검색하면 상당히 많은 플러그인이 나오는데, 사용법은 비슷합니다. 가장 먼저 나오는 GS Logo Slider로 어떻게 설정하는지 알아보겠습니다.
- 플러그인을 설치하고 활성화합니다.
- Add New Logo를 클릭합니다.
- 로고 이름을 입력하고 로고 이미지를 등록하고 발행합니다. 로고를 클릭 시 이동할 페이지가 있다면 Enter Site URL에 입력합니다.
- 카테고리를 설정하면 카테고리별로 로고가 나오게 할 수 있습니다. 여기서는 카테고리 없이 진행하겠습니다.
- 로고가 등록된 화면입니다.
- 같은 방식으로 로고를 여러 개 등록한 후...
- Logo Shortcode로 가서 [Create New Shortcode]를 클릭합니다.
- Shortcode의 이름을 정하고 필요한 설정을 합니다.
- General Settings에서는 슬라이더 모양, 로고 크기, 슬라이더 속도, 로고 제목 표시 여부 등을 정할 수 있습니다.
- Styling Settings에서는 어떤 모양으로 로고를 출력할지, 기기별로 몇 개의 로고를 보여줄지 등을 정합니다.
- Query Settings에서는 정렬이나 출력할 로고 카테고리를 정합니다.
- [Save Shortcode]를 클릭하면 쇼트코드가 생성되고...
- 쇼트코드를 포스트나 페이지에 넣으면...
- 로그 슬라이더가 출력됩니다.