이제 심각한 일을 시작할 수 있습니다. 슬라이더 만들기 슬라이더 혁명 처음에는 꽤 지루할 수 있습니다. 이 요소 나 그 요소가 어디에 있는지 알고 싶기 때문에 베어링을 잃게됩니다.

습관을 가지고 연습하고이 튜토리얼을 읽으면 슬라이더 혁명을 제거 할 수 있습니다.

이전 튜토리얼에서 다음과 같은 방법을 발견했습니다.

이제 슬라이더를 설정 했으므로 슬라이드 "의" 슬라이더 ".

"슬라이드"편집기를 시작하는 방법

원칙적으로 슬라이더 구성을 저장 한 후에는 "의 편집기를 소개하는 새로운 인터페이스 슬라이드 ".

편집장 슬라이드 혁명 슬라이더

맨 위에는 "슬라이더 또는 슬라이드"목록, 슬라이더의 매개 변수 및 슬라이더의 미리보기로 돌아갈 수있는 동일한 도구 모음이 있습니다.

또한 우리의 발견 블로그 게시물을 평가할 수있는 10 가지 WordPress 플러그인

혁명 슬라이더 바 doutil 에디션-의 슬라이드

하단에는 전역 레이어, 다양한 "슬라이드"및 새 "를 추가하는 버튼을 볼 수있는 새로운 섹션이 있습니다. 슬라이드 ".

생성 오브 슬라이드 버튼 슬라이더 혁명

슬라이드 버튼 위로 마우스를 가져 가면 새로운 옵션이 표시됩니다. 이러한 옵션은 상당히 명확하고 이해하기 쉽습니다 (나중에 재사용하고 슬라이드를 삭제하려면 템플릿에 추가하고).

옵션 창작 - 슬라이드 회전 슬라이더

슬라이드 추가 버튼 위로 마우스를 가져 가면 빈 슬라이드를 추가하거나 여러 슬라이드를 추가하거나 템플릿에서 슬라이드를 추가 할 수있는 다른 옵션이 표시됩니다 (모델).

창조-의 슬라이드 - 옵션 - 혁명 슬라이더

현재 1 슬라이드에 있으므로 슬라이드 목록에서 강조 표시됩니다. 새 슬라이드를 만들면 첫 번째 슬라이드 대신 강조 표시됩니다.

두 번째 슬라이드 창작 - 던 슬라이더 슬라이더 혁명

이 수준의 슬라이더 혁명은 실제 대시 보드입니다. 내가 당신에게 모든 것을 설명한다면, 당신은 많이 이해하지 못할 것이므로 혼란스럽고 필수적이지 않은 기능에 대해서는 이야기하지 않을 것입니다.

에 대한 기사를 읽으십시오 블로그를위한 6 WordPress 이미지 압축 플러그인

슬라이드를 선택하면 다음 섹션에서 편집을 시작할 수 있습니다. 이 섹션은 다양한 기능에 액세스 할 수있는 여러 탭 (7)으로 구성되어 있습니다.

장면에 배경 이미지를 추가하는 방법

가장 먼저 할 일은 슬라이드에 배경을 추가하는 것입니다. 여기에서 다음 중에서 선택할 수 있습니다. 배경 이미지(미디어 라이브러리에서), 이미지를 가리키는 외부 URL, 에서 제안한 색상을 사용하는 투명한 배경 워드 프레스 테마, 고정 색상, Youtube, Vimeo 또는 HTML5 비디오. 우리는 배경을 선택할 것입니다 " 영상 ".

배경 화상 - 예

웹에서 많은 무료 이미지를 찾을 수 있습니다. Google에서 검색하면됩니다. 

이미지 - 다시 계획 - 혁명 - 슬라이더

이미지를 추가하면 슬라이드 미리보기와 "장면"에 즉시 적용됩니다.

szene 혁명 슬라이더

장면에 요소를 추가하는 방법

이제 잘 꾸며진 장면이 있으므로 요소를 추가 할 것입니다. 장면에 추가 한 각 요소는 레이어 또는 레이어로 간주됩니다. 이 레이어 기능은 나를 믿도록 도와줍니다.

장면에 항목을 추가하려면 위로 마우스를 가져갑니다 레이어 추가 ".

플라이 부가 층 슬라이더 혁명

텍스트 / HTML, 이미지, 오디오, 비디오, 버튼, 모양, 개체 및 요소 가져 오기를 포함한 여러 가지 요소를 추가 할 수 있습니다.

우리는 작은 강아지 스누피의 투명한 이미지를 추가하여 시작합니다.

재미 - 스누피 - PNG

그런 다음이 이미지를 장면에 추가하면 다음과 같은 결과가 나타납니다.

예 슬라이더 슬라이더 혁명

이미지의 네 모서리에는 작은 사각형이 있습니다. 이 경우 스누피는 많은 공간을 차지하므로이 사각형을 사용하여 이미지 크기를 조정할 수 있습니다.

크기 조정은 " 드래그 ". 비율을 유지하면서 크기를 조정하려면 " 할 수있다 크기를 조정하면서 키보드에서.

우리도 참조하십시오. 더 나은 Blogger가 될 10 WordPress 플러그인

새로운 표현 - 스누피 - 혁명 슬라이더

이제 스누피는 이렇게 생겼고, 더 적합합니다. 다음과 같이 각 이미지의 오른쪽 상단에있는 표시기를 사용하여 이미지를 뒤집을 수도 있습니다.

회전 디 미지 혁명 슬라이더

도움말 표를 사용하여 요소를 배치하는 방법

도움말 표는 요소를 더 잘 배치하는 데 도움이되는 유용한 요소입니다. 스테이지 왼쪽 하단에서 도움말 표를 활성화 할 수 있습니다.

그리드 daide - 혁명 - 슬라이더

이 격자는 크기가 다른 타일을 가지고 있으며 크기가 작을수록 요소를 더 정확하게 배치 할 수 있습니다.

투자 -의 - 사진

애니메이션을 추가하는 방법

Slider Revolution에는 3 가지 유형의 애니메이션이 있습니다 : 입구 애니메이션, (장면에서 요소의 존재) 그리고 최종 애니메이션.

우리도 참조하십시오. 블로그를위한 6 WordPress 이미지 압축 플러그인

요소에 애니메이션을 추가하려면 먼저 요소를 클릭하여 선택해야합니다 (요소를 선택하면 크기를 조정할 수있는 모서리가있는 점선으로 표시됩니다.).

Snoopy를 클릭하고 페이지로 이동 한 다음« 애니메이션 ".

움직이는 슬라이더 혁명

이전 이미지에서는 입력 애니메이션이 파란색이고 출력 애니메이션이 빨간색입니다.

애니메이션을 변경하려면 달리는 사람의 아이콘 뒤에있는 드롭 다운 목록을 클릭하십시오.

아이콘 애니메이션 슬라이더 혁명

그런 다음 원하는대로 다양한 애니메이션을 사용할 수 있습니다. 요소 입력을 위해 정의하려는 애니메이션을 선택하도록 귀하에게 맡깁니다. 내 부분은 " easeOutElastic »,이 결과를 얻으려면 :

애니메이션 - 연예 - 스누피

여기 당신을 위해 4 WordPress 플러그인으로 블로그의 바닥 글 향상

왼쪽으로 이동하여 애니메이션 지속 시간과 " 어떤 분할하지 다른 옵션은 이미지가 아닌 텍스트에만 적용됩니다.

구성 사구 애니메이션 슬라이더 혁명

리라 하는데요 기사 및 WordPress 페이지의 제목을 숨기는 방법

스누피를 띄우고 싶습니다. " 고리 드롭 다운 옵션에서 " 웨이브 ". 이제 스누피가 떠 있습니다.

snoppy 부동

요소의 가시성을 구성하는 방법

내 스누피는 떠 다니지 만 모바일에서는 보이지 않습니다. "를 클릭하십시오 시계 »그리고 스마트 폰 아이콘에서 비활성화되었는지 확인합니다.

공개 요소 혁명 슬라이더

요소의 동작을 조정하는 방법

슬라이더의 로딩을 최적화하기 위해 이미지 로딩을 지연시킬 수 있습니다. 이것은 ""탭에서 이루어집니다 행동 옵션 " 게으른로드 ". 요소의 반응을 강요 할 수도 있습니다.

동작 원소 회전 슬라이더

요소에서 사용자 정의 트리거를 작성하는 방법

작업을 통해 트리거를 특정 작업과 연결할 수 있습니다. 트리거를 추가하려면 탭을 클릭하십시오 행위 »그런 다음 버튼«+».

추가-A-셔터 버튼을

3 유형의 트리거가 있습니다.

  • 클릭은 마우스를 클릭하는 행위입니다
  • 요소 위에 마우스 입력
  • 요소 위의 마우스 종료

동작 목록이 매우 깁니다. 예를 들어 '스누피'를 클릭 한 사용자를 ' 단일 링크 새로운 옵션이 나타납니다.

또한 우리의 발견 10 프리미엄 WordPress 플러그인 예약 및 예약

관리 -의 - 트리거 - 혁명 슬라이더

슬라이더 혁명 타임 라인을 사용하는 방법

Slider Revolution은 하단에 시간 관리 인터페이스를 제공합니다. 이 인터페이스를 사용하면 요소의 애니메이션이 시작되는 위치와 끝나는 위치를 볼 수 있습니다.

시작 및 엔드 - 언덕 - 영화 - 온 - 슬라이더 혁명

이전 이미지에서 두 개의 파란색 화살표가 나타납니다. 왼쪽의 첫 번째는 요소의 입력 애니메이션 시작을 나타내고 두 번째는 입력 애니메이션의 끝을 나타냅니다. 진한 빨간색은 장면에서 항목의 수명을 나타냅니다.

리라 하는데요 당신의 워드 프레스 블로그에 카운트 다운을 추가하는 방법

지속 시간의 다른 끝과 비슷한 끝을 찾을 수 있습니다 (입력 애니메이션, 수명 및 종료 애니메이션).

" 타임 라인 어떤 요소가 먼저 표시되고 어떤 요소가 먼저 사라지는 지 제어 할 수 있습니다. 좋은 애니메이션을 만들기 위해 숙달해야하는 매우 실용적인 도구입니다.

타임 라인에는 슬라이드를 미리보기 위해 활성화 할 수있는 플레이어도 있습니다.

애니메이션 타임 라인 회전 슬라이더

그때까지 슬라이드를 만드는 기본 사항을 알려 드리겠습니다. 이제 슬라이더를 저장하고 미리보기를 시작하십시오.

백업 및 previsulisation

이것으로이 튜토리얼이 끝났습니다. 다음에는 기사에 슬라이더를 표시하는 방법과 일부 고급 작업에 대해 설명하겠습니다.

테마와 프리미엄 워드 프레스 플러그인도 만나보세요  

당신은 다른 것을 사용할 수 있습니다 워드 프레스 플러그인 현대적인 외관을 제공하고 블로그 또는 웹사이트의 처리를 최적화합니다.

우리는 여기에 당신을 도울 수있는 프리미엄 WordPress 플러그인을 제공합니다.

1. 디스크 오디오

디스크 오디오는 또 다른 워드 프레스 플러그인 버튼 하나만 누르면 웹사이트에 바로 오디오 플레이어를 표시할 수 있습니다. 오디오 플레이어의 레이아웃은 완전히 반응하므로 모바일 사용자는 번거로움 없이 기능을 즐길 수 있습니다.

디스크 오디오 플레이어 프리미엄 워드 프레스 플러그인은 오디오 플레이어 추가

또한 색 구성표, 모양, 배경 이미지 및 불투명도를 포함한 다양한 사용자 지정 옵션을 제공합니다. 키보드로 제어 할 수있는 몇 가지 옵션이 있으며 또한 조정 가능한 스크롤 막대로 재생 목록을 볼 수 있습니다.

읽기 : 10 워드 프레스 플러그인은 블로그에 대한 연구를 강화하기 위해

또한 음악 플레이어에 다운로드 링크를 포함시켜 사용자에게 웹 사이트에서 재생되는 트랙을 구입할 수있는 위치를 보여줄 수 있습니다. 

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

2. 이벤트 예약 프로

이것은 다른 워드 프레스 플러그인 100% 반응형이며 사용자 정의가 용이하며 이벤트 분야에서 서비스를 제공하는 모든 웹사이트의 예약 관리에 전념합니다.

이벤트 예약 프로

주요 기능으로는 텍스트, 색상, 테두리 등의 사용자 정의, PayPal 지원, 쿠폰 코드 및 쿠폰 관리, 지원 Google지도이메일 관리 지원,  단축 코드 지원, 직관적 인 제어판, 쉬운 이벤트 생성, 모양에 대한 전체 제어 등

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

3. 소셜 공유 및 로커 프로

Social Share & Locker Pro 플러그인은 웹 사이트가 소셜 미디어에서 더 잘 보이도록 설계되었습니다. 몇 번의 클릭만으로 소셜 아이콘의 위치를 ​​설정하거나 제공하는 소셜 네트워크 중 하나에서 공유하도록 요구하여 콘텐츠를 잠글 수 있습니다.

소셜 공유 락커 프로 워드 프레스 플러그인

10 사전 정의 테마가 있으며 가장 일반적인 요구 사항을 충족해야합니다. 그녀의 모든 테마는 Retina와 놀라운 일입니다. 

30 블로그 게시물이 게시 된 후 할 일들 이 기사를 참조하여 발견하십시오.

또한 Social Share & Locker Pro를 사용하면 소셜 네트워크의 전체 이름을 표시하거나 아이콘 만 표시 할 수 있습니다. 디자인, 사용 가능한 공간 또는 희망 사항에 따라 다릅니다.

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

추천 자료

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

결론

여기 있습니다! 이것이이 가이드를위한 것입니다. 이 튜토리얼이 WordPress 블로그 또는 웹 사이트에서 Slider Revolution을 사용하여 슬라이드 쇼를 만드는 기본 사항을 제공하기를 바랍니다. 질문, 제안 또는 발언이 있으면 섹션에 남겨 두십시오. commentaires.

그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작.

주저하지 마십시오 좋아하는 소셜 네트워크에서 친구들과 공유

...