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

비씨타운 워드프레스 테마의 메인 페이지에 슬라이드를 추가하는 방법에는 다음의 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일에 ‘오라클 클라우드 지급 검증 실패 글‘을 남긴 적이 있습니다.그 때 검색을 통해 해결 방법을 찾아 보았고, 당시 성공했던 분들의...
자동화설비 구조 및 데이터PC 역할
자동화설비에 사용되는 하드웨어는 다음과같습니다.PLC : PLC는 자동화 설비의 제어를 담당하는 핵심 장치로, 프로그래밍을 통해 다양한 장비와 프로세스를 제어할 수 있습니다....
자동화설비 데이터PC 환경 설정
파이썬 3.11.0환경변수 설정파이참 커뮤니티 에디션 다운로드프로젝트 필수 라이브러리 다운로드QT5 환경 변수 추가PostgreSQL...
WSL2/Ubuntu 22.04 LTS에 Anaconda 설치 
WSL2/Ubuntu 환경에서 Python 버전별로 가상환경을 만드는 방법 중 그나마 Anaconda 방법이 좋은 것 같네요. 설치 방법은 간단합니다.1. apt update사용자...