WordPress 용 MotoPress 슬라이더로 웹 사이트에 아름다운 슬라이드 추가

MotoPress는 WordPress 커뮤니티에서 페이지 작성 컨텐츠 편집기 WordPress 플러그인으로 잘 알려져 있습니다. 작년에 출시 된 이래 MotoPress는 플러그인 애드온 및 워드 프레스 테마를 포함하여 더 많은 제품을 포트폴리오에 추가했습니다..


올해 2 월에 MotoPress Slider를 출시했습니다. 두 번째 주요 WordPress 플러그인. 플러그인은 반응 형이므로 슬라이드를 사용하면 모든 장치에서 멋지게 보일 수 있습니다. MotoPress 슬라이더가 수행 할 수있는 작업을 자세히 살펴 보겠습니다.

새로운 MotoPress 슬라이더 구성

MotoPress 슬라이더는 설정이 매우 쉽습니다. 새 슬라이더를 만들도록 선택하면 세 개의 짧은 설정 페이지가 표시됩니다. 슬라이더 설정, 컨트롤 및 모양에 대한 탭이 있습니다.

슬라이더 설정 탭에서 슬라이더와 슬라이더 단축 코드에 사용되는 별명을 지정할 수 있습니다. 슬라이더를 전체 너비로 만들거나 격자의 기본 크기를 정의 할 수 있습니다. 이 영역에서도 슬라이드 쇼 지연을 설정할 수 있습니다. 원하는 경우 슬라이드 쇼를 비활성화 할 수 있습니다.

새로운 슬라이더 설정

다음 탭에서 9 개의 슬라이더 컨트롤을 활성화 또는 비활성화 할 수 있습니다. 화살표, 재생 버튼, 카운터 등과 같은 컨트롤을 구성 할 수 있습니다.

새로운 슬라이더 컨트롤

모양 탭에서 전화기, 태블릿 및 데스크탑 디스플레이의 기본 픽셀 크기를 정의 할 수 있습니다. 원래 설정은 전화 레이아웃을 사용하여 최대 767 픽셀까지 표시되고, 768에서 991 픽셀 사이는 태블릿 레이아웃을 사용하고, 992 픽셀 이상은 데스크탑 디스플레이를 사용합니다..

사용자 정의 CSS 클래스를 슬라이더에 적용 할 수 있습니다. 사용자 정의 CSS 코드를 추가 할 수있는 상자도 있습니다.

새로운 슬라이더 모양

별도의 설정 페이지가 MotoPress Slider 관리 메뉴에 있으며 특정 사용자 그룹에 대해 슬라이더를 비활성화 할 수 있습니다.

MotoPress 슬라이더 사용자 그룹 설정

슬라이더 설정에 대해 너무 걱정하지 마십시오. 기본값은 대부분의 사용자에게 적합하며 슬라이더 생성 영역의 하단에는 언제든지 설정을 반환하고 수정할 수있는 버튼이 있습니다.

새로운 MotoPress 슬라이더에 슬라이드 추가

다음 영역에서는 슬라이더에 슬라이드를 추가 할 수 있습니다. 아래에서이 영역의 스크린 샷을 볼 수 있습니다. 언뜻보기에는 조금 어려워 보일 수 있지만 모든 것이 어디에 있는지 알면 이해하기가 쉽습니다..

MotoPress 슬라이드 생성 페이지

상단에는 일반, 컬러, 이미지, 비디오, 링크, 가시성 및 기타의 7 가지 탭이 있습니다. 슬라이더의 미리보기가 페이지의 중심을 지배하고 그 아래에 텍스트, 이미지, 버튼 및 비디오를 추가하는 옵션이 있습니다. 각 유형의 컨텐츠를 레이어라고하며 이러한 레이어는 페이지의 오른쪽에 표시됩니다.

끌어서 놓기를 사용하여 레이어 순서를 재정렬 할 수 있습니다. 레이어 배치는 Photoshop과 같은 그래픽 응용 프로그램에서와 같은 방식으로 작동하며 맨 위에 레이어가 우선합니다. 위의 예에서 이미지와 텍스트라는 두 개의 레이어가 있습니다. 이미지 뒤에 HTML 레이어를 배치해야한다면 텍스트가 보이지 않을 것입니다.

인터페이스가 정말 잘 작동합니다. 기본 캔버스 영역에서 레이어를 선택하면 해당 레이어의 설정이 아래에 표시됩니다. 키보드에서 삭제를 클릭하면 슬라이드에서 레이어가 제거됩니다. 두 개의 삭제 버튼도 사용할 수 있습니다. 하나는 선택한 레이어를 삭제하고 다른 하나는 모든 레이어를 삭제합니다..

캔버스 영역에서 레이어를 드래그 할 수 있습니다. 그렇게하면 X 및 Y 좌표가 변경되는 것을 볼 수 있습니다. 여러 슬라이드에 걸쳐 레이어를 정확히 같은 위치에 배치 할 수 있으므로 텍스트와 같은 내용을 배치하는 데 매우 유용합니다. 9 개의 상자 그리드를 사용하여 레이어를 배치 할 수도 있습니다 (예 : 왼쪽 위, 가운데, 오른쪽 아래 등.

레이어를 페이드 인 및 페이드 아웃하는 데 수십 개의 애니메이션을 사용할 수 있습니다. 페이드, 줌, 플립 및 바운스가 포함됩니다. 특정 시점 (밀리 초)에 레이어를 표시하거나 숨길 수 있습니다. 이것은 내 겸손한 의견으로는 플러그인을 표시 할 때 레이어를 정확하게 표시 할 수 있기 때문에 플러그인의 가장 좋은 기능 중 하나입니다.

사전 정의 된 스타일도 사용할 수 있지만 원하는 경우 특정 레이어에 대한 사용자 정의 CSS 클래스를 정의 할 수 있습니다.

애니메이션 옵션

일반 탭에서 슬라이드 이름을 지정하고 슬라이드를 초안으로 게시 또는 저장할지 여부를 선택할 수 있습니다. 이렇게하면 슬라이드를 시작하기 전에 창의력을 발휘하고 슬라이드를 저장할 수 있습니다.

색상 탭에서는 슬라이드 배경의 색상 또는 그라디언트를 선택할 수 있습니다. 나를 괴롭힌 한 가지는 색상 선택을위한 색상환이 없다는 것이었다. 16 진 코드를 수동으로 입력해야합니다. 이 플러그인이 향후 버전의 플러그인에서 해결 될 것입니다. 그래디언트 옵션을 사용하면 두 가지 색상과 그래디언트가 적용되는 각도를 정의 할 수 있습니다.

MotoPress 슬라이더 색상 설정

단색 또는 그라데이션 배경을 원하지 않으면 이미지를 사용할 수 있습니다. WordPress 미디어 라이브러리에서 이미지를 선택하거나 외부 이미지 URL을 정의 할 수 있습니다. 크기, 반복 및 위치 속성을 모두 정의 할 수 있습니다.

MotoPress 슬라이더 이미지 설정

MotoPress 슬라이더는 비디오 배경도 지원합니다. 원하는 경우 레이어를 사용하여 비디오를 슬라이드에 삽입 할 수 있습니다. YouTube, Vimeo, 미디어 라이브러리 또는 외부 URL의 비디오를 표시 할 수 있습니다.

MotoPress 슬라이더 비디오 설정

슬라이드를 연결 가능하게 만들 수 있습니다. 링크 ID, 클래스, rel 및 제목 속성을 설정할 수 있습니다. 방문자가 해당 슬라이드를 클릭하면 사용자가 정의한 URL로 이동합니다. 링크는 슬라이드별로 슬라이드로 구성되므로 일부 슬라이드는 다른 웹 사이트가 아닌 외부 웹 사이트에 연결되도록 할 수 있습니다.

MotoPress 슬라이더 링크 설정

로그인 한 사용자로 슬라이드를 제한 할 수 있습니다. 등록 된 사용자에게만 슬라이드를 표시하는 데 사용할 수 있습니다. 특정 시간 동안 슬라이드를 활성화 할 수도 있습니다. 이것은 다양한 용도로 사용될 수 있습니다. 예를 들어 12 월 첫째 주에 경쟁을 홍보하기 위해 슬라이드를 만들 수 있습니다..

MotoPress 슬라이더 가시성 설정

마지막 탭에서 슬라이드의 CSS 클래스 이름과 ID를 정의 할 수 있습니다. 앞에서 언급했듯이 사용자 정의 CSS 클래스를 사용하여 슬라이드 내의 개별 레이어 스타일을 지정할 수도 있습니다..

MotoPress 슬라이더 기타 설정

슬라이드를 만든 후에는 페이지 하단의 저장 버튼을 사용하여 슬라이드를 저장할 수 있습니다. 닫기 버튼을 클릭하면 슬라이드 목록, 즉 특정 슬라이더에 대해 생성 한 모든 슬라이드로 이동합니다.

기존 슬라이드를 편집, 복제 또는 삭제할 수 있습니다. 비슷한 슬라이드를 만들려면 슬라이드를 복제하는 것이 편리한 옵션입니다. 그렇지 않은 경우 처음부터 새 슬라이드를 만들 수 있습니다.

MotoPress 슬라이더 슬라이드 목록

마지막으로, 슬라이더에 정의한 단축 코드 별칭을 사용하여 완성 된 슬라이더를 웹 사이트에 삽입 할 수 있습니다.

MotoPress 슬라이더

그들은 아름다움이 보는 사람의 눈에 있다고 말하지만, MotoPress Slider가 할 수있는 일에 매우 감동했습니다. 사용자 정의 배경, 텍스트, 이미지, 버튼 및 비디오를 삽입하는 데 시간이 오래 걸리지 않습니다.

MotoPress 슬라이더 예

MotoPress Slider의 기본 정보 페이지를 방문하면 플러그인을 사용하여 얻을 수있는 좋은 예를 볼 수 있습니다. 또한 몇 분 안에 레이어를로드하고 레이어 로딩을 지연시켜 전문적인 슬라이더를 만드는 방법을 강조합니다. 슬라이드에서 시간이 지남에 따라 레이어가 표시되는 방식은 비디오를보고 있다는 느낌을줍니다 (비디오를 사용하지 않는 경우에도). 슬라이드를 실제로 변형시키는 간단한 효과입니다..

MotoPress 슬라이더 예

가격

MotoPress는 슬라이더 플러그인에 공정한 가격 체계를 채택했습니다. 개인 라이센스는 19 달러에 판매되며 1 개의 웹 사이트에 1 년 동안 지원 및 업데이트를 제공합니다. $ 49에 소매를하는 비즈니스 라이센스는 웹 사이트 제한을 1에서 5로 증가시킵니다..

MotoPress 슬라이더 가격

개발자 라이센스는 $ 99에 소매합니다. 우선 개발자 지원을 제공하며 무제한의 웹 사이트에 대한 1 년간의 지원 및 업데이트를 제공합니다. MotoPress 슬라이더를 자체 제품으로 패키지하려는 경우 볼륨 라이센스도 제공됩니다.

MotoPress 슬라이더는 100 %입니다 GPL. 플러그인에 대한 자동 업데이트 및 지원을 받으려면 라이센스가 필요하지만이 라이센스 키를 입력하지 않으면 플러그인을 계속 사용할 수 있습니다.

마지막 생각들

모든 WordPress 슬라이더 플러그인에는 학습 곡선이 있으며 MotoPress 슬라이더는 다르지 않습니다. 플러그인의 기능을 이해하기 시작할 때까지 슬라이드를 재생하는 데 최소 20 분 또는 30 분이 소요됩니다..

플러그인을 사용한 지 얼마되지 않아서 모든 것이 어떻게 작동하는지 이해하기 시작했을 때 몇 번의“Aha”순간이있었습니다. 첫 번째는 레이어를 최대한 활용하는 방법을 이해했을 때입니다. 두 번째는 애니메이션을 사용하여 텍스트, 버튼 및 이미지를 페이드 인 및 페이드 아웃하는 방법을 배웠을 때입니다. 그러나 실제로 MotoPress 슬라이더의 잠재력을 높이 평가 한 기능은 레이어 표시를 지연시키는 옵션이었습니다. 이를 통해 웹 사이트 방문자에게 텍스트를 흘리거나 슬라이드의 주요 지점에 이미지와 버튼을 표시하는 등의 멋진 프레젠테이션 트릭을 사용할 수 있습니다..

이 간단한 기술을 익힌 후에는 MotoPress Slider를 사용하여 전문적인 슬라이드를 만들 수 있다고 확신합니다. 영감이 필요한 경우 간단한 텍스트 및 이미지 레이어를 사용하여 얻을 수있는 것을 강조 표시하는 MotoPress에 표시되는 슬라이더를 확인하는 것이 좋습니다..

MotoPress Slider를 살펴 보셨기를 바랍니다. 그렇다면 WPExplorer 뉴스 레터를 구독하여 최신 기사 및 유용한 WordPress 팁, 유용한 정보 및 제안에 대한 무료 업데이트를 받으십시오..

읽어 주셔서 감사합니다.

케빈

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me