구성하고 싶은 워드 프레스 플러그인 슬라이더 혁명?
이 튜토리얼 시리즈가 시작된 이후로 워드 프레스 플러그인 슬라이더 혁명, 우리는 플러그인 다운로드 및 설치. 우리 다음 인터페이스와 다른 기능을 발견. 이제 구성을 보여 주면서 "슬라이더".
초보자이고 시작할 리소스를 찾고 있다면; 당신은 여기에 당신이 시작하는 데 필요한 모든 것을 찾을 수 있습니다. 블로그 생성을 발견하면 WordPress 블로그를 쉽게 만드는 방법 : 가이드 & Tuto
슬라이더가 무엇인지 알아보자.
실제로 슬라이더는 무엇입니까?
슬라이더는 HTML 구성 요소입니다. 네, 알고 있습니다. 그렇게 말하면 큰 도움이 되지 않습니다. 따라서 슬라이더는 루프에서(또는 그렇지 않은) 다양한 정보를 표시할 수 있는 기능입니다. 이 정보는 " 슬라이드 ", "슬라이더"의 엔티티이며 이미지, 비디오 텍스트, 링크 등으로 구성될 수 있습니다.
Le « 슬라이더 "따라서" 슬라이드 (최소한 1),이 슬라이드에는 멀티미디어 요소 (이미지, 비디오, 음악, 텍스트) 애니메이션 또는 대화 형 (사용자의 행동에 반응).
레마르크 : "을 번역 할 수 있습니다 슬라이더 " 인터랙티브하고 역동적 인 슬라이드 ".
슬라이더 혁명으로 우리는 그렇게 할 수 있으며 더 이상 지체하지 않고 시작할 것입니다.
아직 웹사이트를 만들지 않았고 찾고 있다면 워드 프레스 테마 이 강력한 기능을 기본적으로 통합한 워드 프레스 플러그인, 이 프리미엄 WordPress 테마 목록은 완벽합니다..
슬라이더 생성 : 첫 번째 구성
시작하려면 메뉴 " 슬라이더 혁명 워드 프레스 대시 보드에서.
이제 항목을 클릭하십시오 새로운 슬라이더 그리고 슬라이더의 구성 인터페이스가 나타납니다.
슬라이더의 구성 인터페이스는 위협적 일 수 있지만 한 걸음 물러 서면 기능을 더 잘 이해할 수 있습니다. 이 인터페이스는 두 개의 섹션으로 구성되어 있음을 알 수 있습니다. 왼쪽의 첫 번째는 5 개의 다른 영역으로 구성되고 오른쪽의 두 번째는 6 개의 작은 영역으로 구성됩니다. 바로 위에 다음을 수행 할 수있는 도구 모음이 있습니다.
- 슬라이더 목록으로 돌아 가기« 모든 슬라이더 »
- 액세스 슬라이더 설정 (이것은 당신이있는 창입니다)
- 슬라이드 편집 인터페이스
- 백업 버튼
- 슬라이드 편집 버튼
- 슬라이더 미리보기 버튼
- 슬라이더 제거 버튼
- A 버튼은 (반환연주) 슬라이더의리스트
지금은 왼쪽 열의 각 섹션을 설명합니다.
이 WordPress 플러그인은 많은 이미지를 조작하므로 웹 사이트 로딩 속도가 느려질 수 있습니다. 발견하다 이미지별로 WordPress 블로그 최적화를 시작해야하는 이유
"콘텐츠 소스"섹션
이 섹션에서는 슬라이더의 소스를 구성 할 수 있습니다. 실제로 여기에서 다음을 만들 수 있습니다.
- 모든 애니메이션을 직접 구성해야하는 클래식 슬라이더
- 기동의 여지가 상당히 제한된 기사 슬라이더
- 선택할 수있는 특정 기사의 슬라이더
- Flickr 뉴스 피드의 슬라이더
- Instagram 피드의 슬라이더
- 제품 슬라이더 WooCommerce
- 트위터 피드에 슬라이더
- Facebook 게시물의 슬라이더
- 유튜브 간행물에 슬라이더
- 그리고 Vimeo 발행물의 슬라이더
Slider Revolution은 온라인 상점에서 제품을 강조 표시 할 수있는 강력한 플러그인입니다. 발견 온라인 상점을 만들고 옷을 선보이는 10 WordPress 테마
즉, 우리는 가장 많이 사용되고, 마스터하기가 어렵고, 그 효과가 가장 뛰어 나기 때문에 클래식 슬라이더를 만드는 방법을 제시 할 것입니다. 실제로는 다른 슬라이더에서 자체 구성을 수행 할 수 있습니다. 문제가 생길 경우 주저하지 말고 다시 의견을 남겨주십시오. ""옵션을 그대로 두십시오 기본 슬라이더 "활동적인.
슬라이더 제목 및 단축 코드 섹션
아마 짐작 하셨을 겁니다. 이 섹션에서는 슬라이더의 제목과 이에 수반되는 단축 코드를 정의 할 수 있습니다 (너무 로켓 과학은 아닙니다).
"슬라이더 유형 선택"섹션
이 섹션에서는 슬라이더의 기본 구조를 정의 할 수 있습니다. 실제로 다음 중 선택할 수있는 3 가지 옵션이 있습니다.
- 첫 번째 옵션의 경우 사용 가능한 공간에 맞게 너비가 조정되고 탐색 버튼과 같은 기본 요소가있는 기본 슬라이더를 정의하십시오.
- 두 번째 옵션의 경우 탐색 버튼없이 이전 옵션보다 훨씬 큰 동적 및 대화 형 스타일을 적용하도록 결정할 수 있습니다. 이 옵션을 "영웅 장면"이라고합니다. 여기에서는 애니메이션과 상호 작용에 더 중점을두기 때문입니다.
- 마지막 옵션은 매우 다양한 애니메이션에서 이미지를 왼쪽에서 오른쪽으로 단순화하여 훨씬 더 고전적인 스타일을 제공합니다.
레마르크 : 옵션을 선택할 때마다 '이 Slider Type에서 프리셋 불러 오기선택한 슬라이더 유형의 고급 변형을 제공합니다.
모든 변형을 설명 할 수는 없지만 사용 가능한 이미지에서 결론을 도출 할 수 있습니다. 예를 들어 슬라이더 유형 ' ㅁㄴㅇㄹ 네 번째 변형으로 " 엄지 손가락 아래 자기 "을 사용하면 하단에 미리보기 이미지가있는 슬라이더를 만들 수 있으며 자동 스크롤 애니메이션이 있습니다.
"슬라이드 레이아웃"섹션
이 섹션에서는 슬라이더의 레이아웃을 설정할 수 있습니다. 그래서 당신은 떠날 수 있습니다 ' 혁명 슬라이더 »자동으로 슬라이더에 적용 할 너비를 선택하거나 슬라이더에 전체 너비를 적용하거나 전체 화면 모드에서 슬라이더를 사용하도록 선택하십시오.
어떤 옵션을 선택 하느냐에 따라 일부 장치에서는 슬라이더가 달라집니다. 장치에 따라 그리드 구성 섹션이 아래에 있습니다 (모바일, 데스크탑 등.). 그리드를 구성하면 각 슬라이더의 내부 여백을 변경할 수 있습니다.
또한 읽기 블로그의 모바일 디자인 최적화를위한 6 팁
이 섹션의 맨 아래에서 오버플로 가시성을 활성화하고 라디오 모양 유지를 활성화하고 최소 높이를 설정할 수 있습니다.
"사용자 지정, 구축 및 구현"섹션
이 섹션에는 실제로 플러그인 옵션이 없습니다. 중요한 섹션에 대한 빠른 링크를 제공합니다.
이제 오른쪽의 두 번째 열을 계속하겠습니다.
일반 설정 섹션
이 섹션에서는 슬라이더에 적용 할 몇 가지 설정을 제공합니다. 다음을 수행 할 수 있습니다.
"슬라이드 쇼"탭에서
- 비행시 슬라이더 비활성화
- 설정된 수의 스크롤 후 슬라이더 중지
- 무작위로 슬라이드 표시
- 슬라이드 반복
- 특정 장치 크기에서 슬라이더를 비활성화 또는 중지
- 마지막 옵션 "Wait for revapi.revstart ()"는 유용하지 않습니다.
"결함"탭에서
다음을 정의 할 수 있습니다.
- 레이어의 선택 가능한 특성
- 슬라이더의 식별자를 정의하십시오 (자동으로 수행됩니다)
- 슬라이드 간 최소 지속 시간
- 초기화 전의 타임 아웃
- 슬라이드 사이의 전환
- 마이크로 초로 표현 된 전환 기간
- 이미지 크기
- 배경 이미지의 CSS 위치
- 이 이미지가 충분히 크지 않은 경우 배경 이미지 반복
- 옵션 활성화 " 비디오 Muette 애니메이션 유형, XY에서의 위치 (예, 수학 함수를 그릴 때 배울 점) 및 기타 요소
진행률 표시 줄 탭
이 섹션의 모든 옵션은 진행 표시 줄에 대한 옵션으로, 활성화 및 사용자 정의 할 수 있습니다.
1 탭er 슬라이드
이 섹션에서는 첫 번째 대체 슬라이드를 활성화 할 수 있습니다. 이것은 " 슬라이더 "를로드하려면 슬라이드 먼저 선택하십시오. " 슬라이드 식별 할 수있는 요소입니다.
"레이아웃 및 비주얼"섹션
"모양"탭
이 섹션에서는 슬라이더 모양을 구성 할 수 있습니다. 특히 슬라이더 아래에 그림자를 표시하도록 정의 할 수 있습니다 (여백이 크게 낮은 기본 슬라이더를 선택하면 매우 편리합니다.).
투명한 점으로 덮인 오버레이를 표시하도록 선택할 수도 있습니다 (이렇게하면 슬라이더를 매우 독창적으로 만들 수 있지만 자세히 읽어야하는 정보를 표시하려면).
그런 다음 슬라이더의 배경, 내부 여백 및 배경의 이미지가 있습니다 (여기에서 알아야 할 것은이 수준의 배경 이미지가 모든 이미지에 표시된다는 것입니다) 슬라이드).
"Spinner"탭
이 탭에서는 슬라이더를로드하는 동안 애니메이션을 정의 할 수 있습니다.
"모바일"탭
이 탭에서는 모바일에서 슬라이더 표시를 관리 할 수 있습니다. 모바일 트래픽이 중요하다는 것을 알아야하므로이를 무시해서는 안됩니다. 모바일의 크기 (폭)가 결정한 수치 (픽셀)보다 작은 경우 슬라이더를 숨길 수 있습니다.
"위치"탭
이를 통해 페이지를 기준으로 슬라이더의 위치를 결정할 수 있습니다. 나는 그것이 위치한 위치와 관련하여 말하는 경향이 있습니다. 이 옵션은 슬라이더를 중앙에 놓기를 원하기 때문에 수정할 필요가 없습니다.
"탐색"섹션
이 섹션에서는 "슬라이더"의 슬라이드 사이에서 탐색 버튼을 활성화 할 수 있습니다. 6 가지 탐색 옵션이 있습니다.
- 화살표
- 벼룩
- 탭
- 썸네일
- 휴대 기기에서의 터치 다운 효과
- 그리고 방향 키를 사용하여 탐색
각 옵션을 사용하면 내비게이션 요소의 위치 또는 작동 원리를 구성 할 수 있습니다 (기본 설정으로 충분합니다).
"캐 러셀 설정"섹션
이 섹션은 ' 슬라이드 쇼 슬라이더 », 그리고 옵션을 구성 할 수 있습니다. 너는 할 수있을 것이다:
- 무한 스크롤 가능
- 슬라이드를 터치하지 않으려면 슬라이드 사이의 간격을 정의하십시오
- 둥근 테두리를 픽셀로 설정
- 상단 여백을 높게 설정하십시오 (패딩 탑)
- 낮은 상단 여백 설정 (패딩 바닥)
- "슬라이드"로 표시되는 요소 수
- « 스트레치 요소", 요소의 전체 너비를 차지하도록 요소를 늘릴 수 있습니다." 슬라이더 »
보안은 웹 사이트 가동 시간에 중요한 요소이며 심각한 공격이나 버그로부터 사용자를 보호하는 기술 중 하나는 블로그를 정기적으로 백업하는 것입니다. 우리의 발견 5 WordPress 블로그 백업 플러그인
"시차 및 3D"섹션
여기에서 ""옵션을 활성화 할 수 있습니다 3D 슬라이더에서.
"문제 및 처리"섹션
이 섹션에서는 기존 장치와의 호환성을 관리 할 수 있습니다. "의 슬라이더를 단순화 할 수 있습니다 IOS4 및 Internet Explorer 8 ".
그렇지 않으면 브라우저가 슬라이더를 지원하지 않을 때 대체 이미지를 표시하도록 선택할 수 있습니다.
"Google 글꼴"섹션
이 기능을 사용하면 다운로드할 Google 글꼴 글꼴을 관리하고 슬라이더에 적용할 수 있습니다.
슬라이더의 매개 변수를 정의한 후. 녹화 버튼을 클릭하기 만하면됩니다.
WordPress 웹 사이트에서 슬라이더를 만들 때 WordPress Slider Revolution 플러그인을 선호하지 않는 경우 유사한 기능을 제공 할 수있는 두 가지 대안을 제공합니다.
1. LayerSlider
LayerSlider는 프리미엄 WordPress 다목적 애니메이션 플러그인입니다. 놀라운 효과, 아름답게 애니메이션 된 랜딩 페이지 및 페이지 블록 또는 전체 웹 사이트로 슬라이드 쇼 및 이미지 갤러리를 만들 수있는 옵션을 제공합니다.
Slider Revolution과 밀접하게 경쟁 할 수있는 대안 중 하나입니다. 시각적 인 드래그 앤 드롭 편집기로 누구나 쉽게 사용할 수 있습니다. 기술 또는 코딩 기술이 필요하지 않습니다. 점점 늘어나는 가져 오기 가능한 모델 선택은 새로운 프로젝트의 이상적인 시작점이며 모든 일반적인 사용 사례를 포함합니다. 이 제품은 조심스럽게 만들어졌으며 모든 요구에 맞게 쉽게 사용자 정의 할 수 있습니다.
탁월한 지원과 잦은 업데이트로 구매를 최대한 활용할 수 있습니다.
이 강력한 워드 프레스 플러그인을 사용하여이 기사를 읽으십시오. 레이어 슬라이더 : 슬라이더를 만드는 WordPress 플러그인
2. WP1 슬라이더
WP1 슬라이더는 다양한 워드 프레스 플러그인입니다. 사용하기 쉽고 아름다운 슬라이드 쇼를 만드는 데 필요한 모든 유용한 기능이 있습니다. 대부분의 슬라이더 플러그인은 너무 기술적이고 구성하는 데 많은 시간이 필요하지만 WP1 Slider는 프로그래머가 아닌 사용자를 위해 설계되었으며 놀라운 옵션을 제공합니다.
이 중 다음을 찾을 수 있습니다.케번 효과의 지원, 슬라이더 전환의 6 모델,단축 코드 지원, c드래그 앤 드롭에 의한 슬라이드의 개시, c빠른 괴롭힘과 우수한 SEO,여러 소셜 네트워크에서 공유 지원, iYouTube와 Vimeo 비디오의 통합, 전자 레이아웃완전히 반응하는 WooCommerce 등.
다른 추천 자료
또한 귀하의 웹 사이트 및 블로그에 대한 이해와 통제를 위해 아래 자료를 참조하십시오.
- 블로그에서 다이어그램을 작성하는 8 WordPress 플러그인
- 기사를 공유하는 5 WordPress 플러그인
- 블로그의 RGPD 준수를 보장하는 6 WordPress 플러그인
- 블로그에 번역 시스템을 추가하는 8 개의 WordPress 플러그인
결론
짜잔! 이것으로 WordPress 플러그인 구성에 대한 프레젠테이션입니다. 슬라이더 혁명. 앞으로의 자습서를 계속 진행하여 슬라이드 디자인에 대해 설명합니다.
그러나 귀하는 우리와 상담 할 수 있습니다. 능숙, 인터넷 사이트 제작 프로젝트를 수행하는 데 더 많은 요소가 필요하면 워드 프레스 블로그 제작 또는 Divi : 역대 최고의 워드 프레스 테마.
그러나 문제에 대한 의견이나 제안이 있으면 의견 섹션에서 환영합니다. 특히 이 기사를 다른 소셜 네트워크.
안녕하세요
슬라이더에 넣은 글꼴이 볼 때 잘 표시되는 이유를 알고 싶습니다. 내 사이트에 포함하면 더 이상 같지 않습니까?
안녕하세요 스테피입니다.
브라우저 캐시를 지우거나 비공개 모드에서 웹사이트를 탐색하세요. 이것은 당신의 문제를 해결해야합니다
안녕하세요, 저는 2 개의 다른 모델을 만들었습니다. 이제 현재 온라인 커서에서 전환하고 싶습니다. 나는 정말로 이것을 할 수 없다. 누구든지 마법의 조언을 줄 수 있습니까? 미리 감사드립니다!
슬라이더 4를 만들고이 슬라이더에 3 개의 디아스 포지티브를 배치했습니다. 하지만 내 홈페이지에서 슬라이더 회전은 하나의 슬라이드 만 표시하고 나머지는 표시하지 않습니다. 첫 번째 슬라이드 만 표시합니다. 예를 들어 마지막 슬라이드를 처음으로 가져 오면 슬라이더 회전이이 마지막 슬라이드를 표시하고 다른 슬라이드는 그대로 둡니다.
Bonsoir,
설정 스크린 샷을 공유 할 수 있습니까? 또는 슬라이드를 내 보낸 다음 회전 슬라이더 설정을 복원합니다.
안녕하세요
동적 슬라이더를 만들고 싶습니다. 마우스 오버 효과를 사용하여 슬라이더 구현에 관한 파일이 있습니까?
메르
안녕하세요
불행하게도 없습니다.
안녕하세요, 슬라이더 템플릿을 다운로드했습니다. 텍스트와 이미지를 수정할 수있었습니다. 슬라이더 혁명 프리미엄을 사용하고 있습니다. 그러나 "슬라이더 혁명 ..."이라는 텍스트 + 소셜 네트워크에 대한 링크를 볼 수 있습니다. 슬라이드 pff. 그리고이 텍스트를 찾거나 제거 할 수 없습니다. 미리 감사드립니다
좋은 저녁 알리샤,
템플릿을 사용하는 대신 새 슬라이더를 만들어 보셨습니까?
안녕하세요 슬라이더를 만들 때 약간의 문제가 있습니다. 슬라이더에 이미 추가 한 텍스트가 모바일 슬라이더에 나타나지 않는 이유 (수정할 때) ???
안녕하세요
당신은 당신의 요청을 바꿔 수 있습니까?
안녕하세요
Revolution Slider에 문제가 있습니다. 내 사진이 세로로 잘리지 않도록 해결책을 찾을 수없는 것 같습니다.
체크 박스가 있어야하나요?
돌아와서 고맙습니다.
노르 베르트
안녕하세요,
이미지의 크기를 최적화해야합니다.
안녕하세요, 내 슬라이더 혁명은 내 WordPress 테마로 인해 가장자리가 잘립니다.
무엇을 할까?
메르
안녕하세요
모든 플러그인을 사용 중지하고 테마로 인해 문제가 지속되면 변경하거나 판매자에게 문의하십시오.
안녕하세요
슬라이더 회전시 마우스 또는 스크롤이 트리거 할 때만 슬라이드를 시작하고 싶습니다. 가능한가?
슬라이더의 어떤 매개 변수가 활성화됩니까?
메르 하셔.
즉, 마우스 / 스크롤로 슬라이더를 시작하고 가능한 모든 경우를 동시에 처리하고 확인하기 위해 일반 매개 변수에서 본 초기화 지연을 둘 수 있습니다. 사이트 방문자에게이 슬라이더가 표시됩니다.
메르 하셔
안녕하세요 가능하지만 현재 보여줄 튜토리얼이 없습니다.
메르 비엔.
그리고 지금은 슬라이더 혁명에 익숙하기 때문에 몇 마디 말입니다.
그게 도움이 될거야.
안녕하세요
슬라이더 회전시 마우스 또는 스크롤이 트리거 할 때만 슬라이드를 시작하고 싶습니다. 가능한가?
슬라이더의 어떤 매개 변수가 활성화됩니까?
메르 하셔.
마우스 / 스크롤로 슬라이더를 시작하고 가능한 모든 경우를 동시에 처리하고 확인하기 위해 일반 매개 변수에서 본 초기화 지연을 둘 다 수행 할 수 있습니까? 사이트 방문자에게이 슬라이더가
안녕하세요, 좋은 저녁입니다. 의심이 있습니다.
Slider 혁명에 여러 이미지가 있고 첫 번째 이미지를 제외한 모바일 버전에서 숨기고 싶습니다. 동일한 플러그인이 다른 장치에서 원하는 이미지를 숨길 수있는 기능이 있음을 확인했지만 문제는 막대가 여러 요소가 있음을 계속 감지하기 때문에 이미지를 숨길 수 있다는 것입니다. 시간이 계속로드되고 첫 번째 항목이 점프 할 때 화면이 공백으로 남습니다. 이미지를 어떻게 숨길 수 있습니까?
정말 감사합니다
안녕하세요
Revolution 슬라이더 플러그인에 대한 지원을 요청 했습니까? 솔루션을 빨리 찾을 수 있습니다.
안녕하세요, 위의 메뉴가 있고 커서 바로 아래에있는 Apple.com 사이트에서 가로 네비게이션 막대 메뉴 막대 아래에 커서를 놓는 방법을 묻고 싶습니다 (메뉴가 투명하게 보입니다.
메르
안드레아
안녕하세요, 스크린 샷을 예로 들어 주시겠습니까? 나는 당신의 문제를 잘 이해하지 못합니다.
안녕하세요
따옴표가 적힌 2 ~ 3 개의 이미지가 포함 된 슬라이더를 만들고 싶습니다. 내 문제는 내가 글을 쓸 때 인용문이 너무 길고 사진에서 튀어 나와서 전체가 나타나지 않는다는 것입니다. 그러나 이미지 전체에 공간이 있습니다. 수행하는 방법?
각 슬라이드의 제목이 필요합니다. 기본적으로 "quote 1"등을 넣습니다. 하지만 제목은 슬라이드에 표시됩니다. 예를 들어 첫 번째 슬라이드의 작은 오른쪽에 "인용문 1"이 표시됩니다. 제목이 표시되지 않도록하려면 어떻게해야합니까?
귀하의 답변에 미리 감사 드리며, 과외 프로젝트를 위해 학생들을 도울 것입니다!
안녕하세요
글꼴 크기를 줄이십시오. 또한 각 텍스트에 대해 모바일 옵션을 활성화했는지 확인하십시오.
안녕하세요
이 슬라이더에 작은 문제가 발생하고 많은 연구에도 불구하고 해결책을 찾지 못했습니다. 날 구해줄 수 있을까? 😉
내 홈페이지에 슬라이더를 설정했는데, 마우스가 그 위에있을 때 스크롤이 불가능하다는 점을 제외하고는 흠 잡을 데가 없습니다. 아래로 스크롤 할 수 있으려면 슬라이드에서 마우스를 빼야합니다. 이 작업을 수행하려면 슬라이드에서 마우스를 제거해야한다는 사실을 이해하지 못하는 사람이있을 수 있습니다. (www.sarah-scaniglia.com). 모든 설정을 검색했지만 찾을 수 없습니다. 웹 전문가가 아닙니다.
당신이 위대한 솔루션을 찾으면 😀
안녕하세요
이거 해봤 니?
1. Revolution Slider를 제외한 다른 플러그인을 비활성화하고 다시 테스트하십시오.
2. 기본 WordPress 테마 활성화 후 테스트
이것은 문제가 테마에 있는지 또는 다른 플러그인과 충돌하는지 알려줍니다.
또한 최신 버전의 플러그인이 있는지 확인하십시오.
고마워요. 다음 주에 시험해보고 효과가 있는지 알려 드리겠습니다.
완벽하게 OK
안녕하세요
슬라이드가 하나 뿐인 "슬라이더"를 만드는 방법을 설명해 주시겠습니까? 시도하면 애니메이션 끝에서 모든 것이 사라지기 때문입니다. "슬라이드 애니메이션"에 "전송 없음"을 넣었지만 아무것도 도움이되지 않습니다.
메르 파 AVANCE는 votre 보좌관을 붓는다.
Bonsoir,
댓글 섹션에서 설명하기가 어렵습니다. 유튜브에서 영상을보세요.