구성하고 싶은 워드 프레스 플러그인 슬라이더 혁명?

이 튜토리얼 시리즈가 시작된 이후로 워드 프레스 플러그인  슬라이더 혁명, 우리는 플러그인 다운로드 및 설치. 우리 다음 인터페이스와 다른 기능을 발견. 이제 구성을 보여 주면서 "슬라이더".

초보자이고 시작할 리소스를 찾고 있다면; 당신은 여기에 당신이 시작하는 데 필요한 모든 것을 찾을 수 있습니다. 블로그 생성을 발견하면 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 : 역대 최고의 워드 프레스 테마.

그러나 문제에 대한 의견이나 제안이 있으면 의견 섹션에서 환영합니다. 특히 이 기사를 다른 소셜 네트워크.