유용한 독백 사용자 정의 옵션

게시 됨: 2018-05-28

많은 WordPress 슬라이더는 간단하고 사용자 정의하기 어렵습니다. 대부분은 테마에 번들로 제공되며 슬라이드를 추가하거나 속도를 변경할 수 있지만 본질적으로 고유한 회전 목마 플러그인을 코딩하지 않고는 추가로 사용자 정의할 수 있는 방법이 없습니다. 또한 이러한 슬라이더 중 일부는 반응하지 않거나 컨트롤이 모바일에서 작동하지 않습니다.

이것은 Soliloquy 슬라이더의 경우가 아닙니다. WordPress 사이트를 위한 다용도 캐러셀이 필요한 경우, 생각할 수 있는 거의 모든 방식으로 수정할 수 있는 캐러셀(코딩 지식이 필요하지 않은 많은 옵션)이 있다면 이 플러그인을 사용하는 것이 좋습니다. 다음은 Soliloquy의 사용자 정의 옵션 중 일부입니다.

생각보다 다양한 옵션

Soliloquy의 정의 기능 중 하나는 모든 사이트 또는 필요에 맞게 조정 및 수정할 수 있는 기능입니다. 많은 슬라이더는 몇 가지 기본 설정 외에는 별로 변경할 수 없습니다. 그러나 슬라이더가 수행해야 하는 작업을 생각할 수 있다면 Soliloquy에 옵션이 내장되어 있을 것입니다.

이것은 Soliloquy의 모든 사용자 정의 옵션에 대한 포괄적인 목록은 아니지만 여기에는 최고의 기능이 나열되어 있습니다. 회전 목마를 조정할 수 있는 몇 가지 추가 방법을 찾고 있다면 여기가 적합합니다.

Soliloquy documentation

독백 애드온

슬라이더에 적용할 수 있는 가장 극적인 변경 사항 중 일부는 여러 애드온 에서 비롯됩니다 . 이를 통해 CSS로 사용자 정의하는 것부터 특정 날짜 또는 시간에 표시하려는 슬라이드 예약에 이르기까지 모든 작업을 수행할 수 있습니다.

동적 애드온을 사용하면 캐러셀을 즉석에서 만들 수 있으며 카테고리, 폴더 및 기타 갤러리 플러그인과 같은 소스에서 이미지를 가져올 수도 있습니다. 한편, 추천 콘텐츠 플러그인을 사용하면 최신 블로그 게시물을 자랑할 수 있습니다.

Carousel

일부 애드온을 사용하면 캐러셀이 표시되는 방식을 사용자 지정할 수 있습니다. 예를 들어, 축소판 플러그인은 작은 축소판으로 예정된 슬라이드를 미리 봅니다. 라이트박스 애드온을 사용하면 이미지를 검정색 배경으로 튀어나오게 하여 간섭 없이 사진을 보기에 적합합니다. 슬라이더의 모양을 크게 바꾸는 테마도 있습니다!

타사 슬라이더에는 Instagram 및 WooCommerce 슬라이더가 포함됩니다. 최신 사진을 자랑하거나 WooCommerce 제품을 표시하여 더 많은 판매를 얻으십시오!

이것은 Soliloquy가 제공하는 애드온의 샘플일 뿐입니다. 버튼 클릭으로 슬라이더를 변경하려면 이를 통해 변경할 수 있습니다.

추천 콘텐츠 애드온

추천 콘텐츠는 단순한 기능처럼 보일 수 있습니다. 최근 블로그 게시물에서 가져오는 것뿐이죠? 그러나 이 멋진 기능을 개선하는 방법은 많이 있습니다.

슬라이더에서 기사 스니펫을 사용합니까? 캡션의 길이를 제한할 수 있으며 슬라이더 옵션을 조정하면 됩니다. 클릭 유도문안으로 변경하여 원하는 것을 말할 수도 있습니다.

하지만 그것은 시작일 뿐입니다. 추천 콘텐츠 캐러셀에 다른 슬라이드를 추가하고, 기사 카테고리와 같은 슬라이더에 사용자 정의 필드를 표시하고, 추천 콘텐츠를 필터링 하고 특정 기사를 제외하고, 슬라이드의 링크 또는 추천 이미지를 변경할 수도 있습니다.

비디오, 양식 및 텍스트 추가

Soliloquy 슬라이더를 사용하면 단순한 이미지에만 국한되지 않습니다. 비디오, 텍스트, 버튼 및 양식은 모두 옵션입니다. UI와 관련해서 생각나는 것이 있다면, 코딩 노하우가 충분하다면 가능할 것입니다.

비디오를 추가하는 것은 이미지를 만드는 것만큼 쉽습니다. 자체 호스팅, Youtube, Vimeo 및 Wistia 비디오를 모두 슬라이더에 추가할 수 있습니다. 슬라이더 업로드 화면으로 이동하여 다른 소스에서 파일을 업로드하고 비디오 링크를 입력하기만 하면 됩니다. 캡션과 제목을 추가하면 됩니다.

텍스트, 양식 및 이와 유사한 것의 경우 HTML 슬라이더 를 만들고 싶을 것 입니다. 단축 코드를 붙여넣을 수 있으므로 버튼이나 양식 단축 코드가 있는 경우 슬라이더 안에 배치할 수 있습니다. PDF 파일을 이미지로 변환하는 PDF 슬라이드쇼를 잊지 마십시오.

HTML sliders

당신은 또한 이들 중 하나를 믹스 앤 매치할 수 있습니다. 따라서 한 슬라이드에는 이미지를, 다음 슬라이드에는 비디오를 사용하고 양식으로 마무리하십시오!

모바일 최적화

다른 슬라이더와 달리 Soliloquy에는 모바일 전용 조정 및 기능이 포함되어 있습니다. 모바일 또는 태블릿 사용자가 캐러셀과 상호 작용할 수 없는 것에 대해 걱정할 필요가 없습니다.

모바일 슬라이더에 캡션이 표시되도록 하시겠습니까? 캡션이 이미지 컨텍스트에 중요한 경우 슬라이더를 사용자 정의하는 동안 "모바일" 탭을 확인하십시오. 여기에서 모바일에서 캡션을 활성화 및 비활성화할 수 있습니다.

모바일 터치 스와이프 비활성화 하고 싶 습니까? 사용자가 탐색 버튼을 통해서만 슬라이더와 상호 작용하거나 전혀 상호 작용하지 않도록 하려는 경우에도 옵션입니다. 원하는 경우 모바일에서 라이트박스 기능을 비활성화할 수도 있습니다.

마지막으로 모바일 사용자에게 슬라이더가 전혀 표시되지 않도록 하려면 슬라이더를 완전히 꺼서 컴퓨터 방문자만 캐러셀을 볼 수 있도록 할 수 있습니다.

캡션 사용자 정의

캡션은 단순한 기능처럼 보이지만 Soliloquy를 사용하면 거의 끝없이 사용자 지정할 수 있습니다. 예를 들어 같은 캡션을 자주 사용하는 경우 기본 캡션을 설정 하거나 링크를 클릭할 때 캡션을 켜고 끌 수 있습니다.

캡션 을 사용자 정의하는 방법도 많이 있습니다 . 이미지와 캡션을 나란히 놓고 싶습니까? 아니면 마우스 오버 시 표시되도록 하시겠습니까? 또는 캡션이 슬라이더 아래에 완전히 오도록 캡션의 위치를 ​​변경하시겠습니까? 이 모든 것이 가능합니다. CSS에 능숙하지 않더라도 문서와 튜토리얼이 도움이 될 것입니다.

자동 재생, 탐색 요소 및 슬라이드 시간 조정

슬라이드가 나타나는 시기, 탐색 버튼 및 슬라이드가 전혀 진행되는지 여부를 쉽게 사용자 지정할 수 있습니다. 마우스 오버 시 탐색 화살표 또는 글머리 기호를 표시하여 사람들이 UI 요소를 방해하지 않고 이미지를 볼 수 있도록 합니다. 또는 요소가 항상 나타나도록 합니다. 슬라이드 카운터를 추가하거나 원하는 위치에 탐색 요소의 위치를 ​​변경하거나 화살표에 텍스트를 입력하세요.

탐색 화살표 재생/일시 중지 버튼 을 사이트의 테마와 개별 취향에 맞게 사용자 지정하는 것은 어렵지 않습니다. 캐러셀을 눈에 띄게 만들어 주의를 환기시키세요.

라이트박스 편집

라이트박스는 주요 Soliloquy 애드온 중 하나입니다. 라이트박스는 CSS로 사용자 정의 할 수 있으므로 원하는 대로 요소의 스타일을 지정할 수 있습니다. 슬라이드 캡션을 라이트박스 이미지에 링크하거나 라이트박스 내에서 이미지를 하이퍼링크할 수 있습니다. 또는 페이지를 열자마자 라이트박스가 나타나도록 할 수 있습니다.

하늘의 한계

이제 Soliloquy가 WordPress에서 찾을 수 있는 가장 사용자 정의 가능한 슬라이더 플러그인 중 하나라는 것을 알 수 있습니다. 슬라이더를 사용하는 창의적인 방법을 생각할 수 있다면 Soliloquy로 할 수 있는 좋은 기회가 있습니다. 원하는 경우 회전 목마 부분을 제거하고 UI를 사용할 수도 있습니다! 옵션이 너무 많기 때문에 이 다재다능한 WordPress 애드온을 사용하지 않을 이유가 없습니다.

이 가이드가 슬라이더를 사용자 정의하는 데 도움이 되었습니까? 추가 Soliloquy 애드온 및 기능에 대한 아이디어가 있으면 아래 의견에 공유해 주세요. 그리고 Soliloquy를 사용하는 데 도움이 더 필요하면 Facebook Twitter 를 확인하세요.