당신은 아마 알고 슬라이더 혁명, CodeCanyon에서 가장 많이 다운로드 된 프리미엄 WordPress 플러그인 중 하나입니다. 또한 추가하려는 사람들에게 가장 권장됩니다. 슬라이더 (슬라이드 쇼) 그들의 웹사이트 또는 워드 프레스 블로그.

다음에서 사용할 수있는 플러그인입니다. CodeCanyon.com. 우리는 어떻게 당신을 소개했다 기억 이 플랫폼에서 플러그인을 다운로드하십시오.

첫 번째는 télécharger, 설치하고 활성화하십시오.

후자를 설치 한 적이 없다면 WordPress에 Revolution Slider를 설치하는 방법.당신은 또한 할 수 있습니다 이 다른 상세하고 완전한 튜토리얼을 발견하십시오.

권장.

어떻게 구성하는 방법 슬라이더 혁명

Slider Revolution은 기본 설정을 제공합니다. 먼저 메뉴 "를 통해 플러그인의 홈 페이지에 액세스해야합니다. 슬라이더 혁명 »플러그인을 설치하고 활성화한 후 대시보드의 왼쪽 메뉴에서 사용할 수 있습니다.

액세스 혁명 slider.jpg

그러면 슬라이더 회전 플러그인 대시 보드로 리디렉션됩니다. 그런 다음 플러그인을 구성합니다. 그런 다음 "링크를 클릭하십시오 일반 설정 슬라이더 회전 하위 메뉴에 있습니다.

일반 매개 변수 해상도 slider.jpg

그것을 클릭하면 새로운 페이지가 나타납니다. 이 페이지에는 다음과 같은 몇 가지 옵션이 있습니다.

  • 액세스 권한이있는 역할 보기 플러그인 권한 »
  • 어디서나 플러그인 리소스로드 " on 또는 그것을 사용하는 페이지에서만. 모든 페이지에 자원을로드하면 웹 사이트 속도가 느려질 수 있습니다.
  • "에 각 페이지의 식별자를 추가하여 특정 페이지에 플러그인 리소스를 통합 할 수도 있습니다. RevSlider에 페이지는 라이브러리가 포함되어 있습니다 ".
  • 더 나은 렌더링을 위해 페이지가 ""옵션과 함께 표시된 후 플러그인 리소스를로드하도록 선택할 수 있습니다. 바닥 글에 삽입 된 자바 스크립트 ".
  • 여러 다른 웹 사이트에서 사용할 슬라이더 데이터 내보내기 옵션을 활성화 할 수 있습니다.
  • 마지막 옵션은 슬라이더 활동 보고서와 관련이 있습니다.

회전 슬라이더 일반 parameters.jpg 설정

기본 설정이 허용됩니다. 하지만 원하는대로 사용자 지정할 수 있습니다. 클릭하는 것을 잊지 마세요 " 설정 저장 »설정을 저장합니다.

«으로 돌아 가기 슬라이더 혁명 이제 우리는 새로운 슬라이더를 만들 것입니다.

WordPress Slider Revolution 플러그인 구성

Revolution Slider 플러그인을 사용하여 슬라이더를 만드는 방법

Revolution Slider는 매우 유연하며 가장 단순한 것부터 레이어가있는 가장 복잡한 것까지 거의 모든 유형의 슬라이더에 적용됩니다 (이것은 매우 흥미로운 기능입니다).

새 페이지에서 두 개의 기본 열이 있음을 알 수 있습니다. 이 페이지는 새 슬라이더의 설정 페이지로 간주되어야합니다. 이 위치에서는 이미지와 텍스트를 추가 할 수 없습니다. 그러나 슬라이더의 일부 설정을 수정할 것입니다.

우리의 발견 블로그에 슬라이더를 만드는 10 최고의 프리미엄 WordPress 플러그인

"Param Slider"섹션에서

다음을 포함하여 작성해야하는 몇 가지 필수 필드가 있습니다.

  • 제목
  • 단축 코드에 사용될 별칭입니다. 반드시 별칭을 제공해야합니다.

제목 단축 코드 혁명 slider.jpg

달성 할 수있는 몇 가지 유형의 슬라이더가 있습니다 슬라이더 혁명 :

  • 특히 결과 제한을 정의하고 표시 순서를 수정하고 템플릿을 선택하여 기사를 슬라이드로 표시하도록 선택할 수 있습니다.
  • 식별자를 지정하여 특정 기사를 선택하십시오.
  • 슬라이더의 갤러리 모드를 선택하면 더 복잡하고 아름다운 슬라이드를 만들 수 있습니다.

슬라이더 회전 유형 선택 slider.jpg

다음 옵션을 사용하면 슬라이더의 레이아웃을 수정할 수 있습니다 : 고정, 개인화, 자동 반응, 전체 화면. 이러한 옵션 외에도 그리드 크기 및 레이아웃 치수에 대한 옵션이 있습니다.

크기 구성 혁명 slider.jpg

첫 번째 열의 옵션입니다. 두 번째 열은 몇 가지 다른 옵션을 제공합니다. 그 중에서도 다음과 같습니다. 기본적으로 9 초인 각 슬라이드의 지속 시간.

임의 표시 (셔플 모드)

일반 매개 변수 슬라이더 회전 슬라이더 .jpg

레이아웃 및 시각적 섹션

이 섹션에서는 "모양" 하위 탭의 배경인 그림자 구성에 대한 옵션을 그룹화합니다. 슬라이더를 로드하는 동안 애니메이션을 수정할 수 있는 "스피너" 탭, 모바일에서 슬라이더가 표시되는 방식을 결정할 수 있는 "모바일" 탭 및 다음을 수행할 수 있는 "위치" 탭도 있습니다. 콘텐츠와 관련하여 슬라이더의 위치를 ​​구성합니다.

레이아웃 및 시각적 혁명 slider.jpg

탐색 섹션

탐색 탭은 슬라이더 탐색의 다양한 측면을 구성할 수 있는 여러 하위 탭으로 세분화됩니다. 예를 들어 슬라이더 사이의 탐색 버튼 유형을 선택할 수 있는 "화살표" 탭이 있습니다(화살표를 활성화하거나 비활성화할 수 있음). "글머리 기호" 탭을 사용하면 탭 슬라이더 효과 등을 추가하는 "탭" 탭과 함께 탐색 글머리 기호를 구성할 수도 있습니다.

탐색 탭 혁명 slider.jpg

"일반 매개 변수"애니메이션 조건 구성

슬라이드에 대한 옵션을 제공합니다. 예를 들어 특정 슬라이드 후에 슬라이더가 자동으로 중지되도록 정의 할 수 있습니다. " 루프 후 중지 »또는 슬라이드 바의 위치를 ​​선택하십시오 (진행률 표시 줄을 사용하면 슬라이드가 다른 슬라이드가 표시되기까지 걸리는 시간을 확인할 수 있습니다.).

구성 애니메이션 슬라이더 회전 slider.jpg

이들은 플러그인의 첫 번째 섹션과 가장 많이 사용할 섹션입니다. 더 많은 옵션을 사용하여 슬라이더에 더 많은 기능을 추가 할 수 있습니다..

발견 WPBakery를 사용하여 Pro 웹 페이지를 만드는 방법 아름다운 슬라이더를 추가하십시오.

완료되면 " 설정 저장 ".

슬라이더 회전 sliders.jpg 등록

"를 클릭 한 후 설정 저장 », 슬라이더 생성 인터페이스로 리디렉션됩니다. 비어있는 기본 슬라이더가 생성됩니다.

슬라이더 생성 interface.jpg

슬라이더에 새 슬라이드를 추가하는 방법

이것이 무엇인지 기억이 나지 않는다면 이전 게시물에서 다음과 같은 WordPress 기술 용어 세트를 정의했습니다. « 슬라이더 "및"슬라이드 ».

슬라이더 옵션을 수정하기위한 인터페이스 전에 기본적으로 3 개의 영역이있는 섹션이 표시되며 여기에 "레이블이있는 마지막 영역이 있습니다. 슬라이드 추가". 그 위에 마우스를 놓으면 추가 옵션이 표시됩니다. 빈 슬라이드 추가를 선택합니다.

슬라이더에 슬라이더를 추가합니다 .jpg

레마르크 : 새로 만든 모든 슬라이드가이 막대에 추가됩니다. 생성 된 각 슬라이드는 삭제, 복제, 템플릿에 추가와 같은 추가 관리 옵션을 제공합니다.

슬라이더의 인터페이스는 다음으로 구성됩니다.

  • 고급 슬라이드 옵션
  • 슬라이더 디자인 인터페이스 (생성 인터페이스)에서

고급 옵션 인터페이스

이러한 옵션은 여러 탭으로 구성되어 있습니다. 기본 배경 섹션에서는 슬라이드 배경에 영향을 주는 다양한 측면을 구성할 수 있습니다. 예를 들어 YouTube 비디오를 배경으로 사용하도록 선택할 수 있습니다.

배경 비디오 혁명 슬라이더 .jpg

일반 매개 변수 탭을 사용하면 슬라이드 기간, 슬라이드를 일시 중지 (애니메이션 중지)하는 다양한 이벤트와 같은 요소를 구성 할 수 있습니다.

일반 매개 변수 혁명 slider.jpg

축소판 탭에서는 생성 된 슬라이드의 미리보기를 선택할 수 있습니다. 슬라이더가 슬라이드 미리보기를 제공하는 경우 사용됩니다. 

창조 비 네트 혁명 slider.jpg

슬라이드 애니메이션 탭을 사용하면 슬라이드의 시작 및 종료 애니메이션을 정의할 수 있습니다. 사용 가능한 옵션 중에서 선택의 폭이 넓습니다.

애니메이션 슬라이드 혁명 slider.jpg 선택

링크 및 현서 탭을 사용하면 슬라이드의 일부 HTML 속성을 수정할 수 있습니다. 원칙적으로이 탭을 자주 사용할 필요는 없습니다.

Revolution 슬라이더 디자인 인터페이스

디자인 인터페이스는 컴포지션을 수행 할 스테이징 위치입니다. 그것은 작업 슈퍼를 구성하는 흰색과 회색 사각형으로 구성된 표면으로 구성됩니다 (다른 요소가 배치 될 위치).

인터페이스 디자인 혁명 slider.jpg

레이어에 대해 알아야 할 사항

컴포지션 인터페이스에 배치된 각 개체는 레이어를 구성합니다. 이러한 레이어는 스케치와 마찬가지로 서로 겹칠 수 있습니다. 따라서 레이어는 이미지, html 코드, 비디오, 모양, 개체 등으로 구성될 수 있습니다. 더 많은 옵션을 제공하는 "레이어 추가" 버튼 위로 마우스를 가져가면 레이어를 추가할 수 있습니다.

레이어 혁명 탐색 slider.jpg

"텍스트 / html"을 클릭하면 디자인 인터페이스에 사용자 정의 할 수있는 텍스트 영역이 추가됩니다 (텍스트 추가, 글꼴 변경 또는 이동).

텍스트 혁명 slider.gif 추가

추가 된 각 레이어는 다른 옵션을 제공 할 수 있습니다. 일반적으로 레이어 옵션에 액세스하려면 해당 레이어를 두 번 클릭하면됩니다. 이제 이미지를 추가합니다.

이미지 혁명 추가 slider.gif

각 레이어에는 자체 옵션이 있습니다. 이러한 옵션은 디자인 인터페이스 바로 위에있는 막대입니다.

레이어 혁명을위한 옵션 slider.jpg

고급 옵션을 제공하는 탭입니다. 예를 들어 레이어의 애니메이션을 변경하려면 애니메이션 탭으로 이동하여 다음과 같이 입력 및 출력 애니메이션을 선택해야합니다.

a layer.gif의 애니메이션 선택

각 탭에는 고유 한 옵션이 있습니다. 몇 분이 소요될 때 대부분의 탭이 작동하는 방식을 이해할 수 있습니다.

이것이 구성에 대해 알아야 할 모든 것입니다. 워드 프레스 플러그인 슬라이더 혁명을 시작합니다. 나중에 다시 돌아와서 더 발전된 기술을 보여드리겠습니다.

그러나 떠나기 전에 웹사이트에서 슬라이더를 만드는 데 도움이 되도록 설계된 2가지 프리미엄 대안을 더 제공하고자 합니다.

1. RoyalSlider

CodeCanyon에서 가장 많이 다운로드 된 슬라이더 인 Royal Slider는 거부 할 수없는 기능을 제공합니다. Coca-Cola, Ralph Lauren 및 Land Rover와 같은 다양한 회사에서 사용하는이 플러그인은 슬라이더에서 기대할 수있는 모든 것을 수행합니다. 가장 매력적인 기능은 기본 전체 화면 지원입니다.

WordPress 용 Royalslider 터치 콘텐츠 슬라이더

고해상도 사진을 표시하는 데 적합합니다. 이 플러그인은 확실히 전문적인 기능으로 방문자에게 깊은 인상을 줄 것입니다. 페이지당 스타일이 다른 여러 슬라이더를 만들 수 있는 기능, 촉각 탐색 지원, 반응형 디자인, 세로 또는 가로 미니어처 A, 탐색을 위한 글머리 기호 또는 탭 등의 기능이 있습니다.

다운로드 | 데모 | 웹 호스팅

2. . WP Slick 슬라이더 및 Image Carousel Pro

속편의 무조건 추종자 인 경우 비주얼 컴포저WP Slick Slider 플러그인 사용은 고려해야 할 옵션입니다. 거의 100 사전 정의 된 템플릿을 사용하면 코딩없이 원하는 것을 확실하게 찾을 수 있습니다.Wp 매끄러운 슬라이더 및 이미지 캐 러셀 프로

이 옵션은 특히 비주얼 컴포저-WPBakery -.

그 특징은 다음과 같습니다.끌어서 놓기 지원, c쇼트 코드 빌더,RTL 및 다국어 지원멋진 디자인과 훨씬 더.

다운로드 | 데모 | 웹 호스팅

추천 자료

웹 사이트 구축 및 관리에 도움이되는 기타 권장 리소스에 대해 알아보십시오.

결론

이 문서가 설정에 도움이 되었기를 바랍니다. 워드 프레스 플러그인 프리미엄 슬라이더 혁명. 질문이 있으면 주저하지 말고 섹션에 남겨주세요. commentaires. 이 기사가 마음에 드 셨다면 다른 기사와 공유하십시오. 소셜 네트워크