워드프레스 메인 커버에 슬라이드 추가하는 방법

비씨타운 워드프레스 테마의 메인 페이지에 슬라이드를 추가하는 방법에는 다음의 2가지가 있습니다.

 

 

방법 1. 비씨타운 워드프레스 테마의 슬라이드쇼 커버 위젯 활용

 

비씨타운의 워드프레스 반응형 테마인 BCT0007 출시 이전에 주로 사용하던 방법입니다. 이 방식에는 다음과 같이 커버 설정에서 사용할 수 있는 슬라이드쇼 또는 사이드바에서 사용할 수 있는 슬라이드쇼 위젯이 있습니다.

 

 

워드프레스슬라이드쇼1

 

 

위 그림처럼 커버 에디터에 슬라이드쇼 위젯을 배치합니다. 특정 글 또는 페이지를 슬라이드로 배치하려면 다음과 같이 특성 이미지 옵션을 설정해야 합니다.

 

 

 

워드프레스슬라이드쇼2

 

 

위 그림처럼 특성 이미지에 이미지를 등록하고, Use BCT Image Sizes 옵션에 체크 표시를 해 줍니다. 체크된 글 또는 페이지는 다음과 같이 슬라이드쇼에 배치 됩니다.

 

 

 

워드프레스슬라이드쇼3

 

 

위 그림처럼 슬라이드가 추가된 것을 확인할 수 있습니다.

 

최근 홈페이지 제작 트렌드가 주로 반응형을 선호하는데, 반응형 홈페이지 제작에는 1번 방식보다는 다음의 2번 플러그인을 활용한 방식이 좀 더 활용도가 높습니다.

 

 

방법 2. 슬라이드 기능이 지원되는 워드프레스 플러그인 활용

 

두번째 방법 은 BC TOWN™의 워드프레스 반응형 테마인 BCT0007 출시 이후 주로 활용되고 있습니다. 두번째 방식에서 활용되는 워드프레스 플러그인은 다음과 같습니다.

 

 

워드프레스슬라이드쇼4

 

 

바로 Meta Slider입니다. 이 플러그인은 일단 반응형이 지원되고, 슬라이드쇼 관리가 쉬우며, shortcode가 지원되기 때문에 메인 페이지나 글 등 어느 곳에도 추가하기가 용이하기 때문에 이 플러그인을 활용합니다. 또한 주기적인 버전업이 되면서 터치 기능 등 새로운 기능이 추가되므로 장점이 많습니다.

 

Meta Slider 플러그인을 설치 및 활성화 과정은 생략하고, 메인 페이지에 슬라이드를 추가하면 다음과 같습니다.

 

 

워드프레스슬라이드쇼51

 

 

위 그림처럼 슬라이드 이미지를 추가하고, 우측에 있는 옵션을 선택합니다. 설정을 완료한 다음 다음과 같이 워드프레스 관리자 > 외모 > 위젯 페이지로 이동합니다.

 

 

워드프레스슬라이드쇼6

 

 

위 그림처럼 Front Page showcase에 Meta Slider 위젯을 부착하고, Select Slider에 자신이 설정한 슬라이드쇼를 선택합니다. 정상적인 경우 다음과 같은 결과를 볼 수 있습니다.

 

 

워드프레스슬라이드쇼7

 

 

위 그림처럼 상단에 슬라이드쇼가 배치된 것을 볼 수 있습니다.

 

Leave a Reply

Your email address will not be published. Required fields are marked *

인기 글

Ubuntu 22.04 LTS에 Python 3.8 or 3.9 설치 방법
서버 : Vultr 클라우드OS: Ubuntu 22.04 LTS사용자 계정 생성하여 설치 진행함1. Start with the system updatesudo apt update...
오라클 클라우드 OCI 가입 드디어 성공 했습니다 (상세 후기)
2023년 2월 16일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다.그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...
AWS 인스턴스 유형 변경 방법
AWS 인스턴스 유형을 변경하기 위한 방법에는 다음 2가지가 있습니다.   1. 첫 번째 방법 AMI 이미지 생성 후 해당 이미지를 복원하여 신규 EC2 인스턴스를 생성하는...
WSL2/Ubuntu 22.04 LTS에서 Jupyter notebook 실행하기
WSL2 Ubuntu에서 Jupyter notebook(Jupyter Lab) 설치는 다음과 같습니다.$ pip install jupyter $ pip install jupyterlab단,...
WSL2/Ubuntu 22.04 LTS에 nodejs 12.x 을 14.x으로 업그레이드 하는 방법
Ubuntu 22.04 리포지토리에 포함된 Node.js 버전은 이전 TLS 버전인 v12.22.9입니다.여러 이유로 인해 node 버전을 v14 이상으로 업그레이드 할 필요가...