스마트 슬라이더 3 플러그인(Smart Slider 3)

웹사이트 첫 화면의 메인 비주얼 배너나 이미지 슬라이드를 코딩 없이 전문 디자이너 수준으로 제작할 수 있도록 돕는 대표적인 슬라이더 플러그인입니다. 웹사이트 제작 경험이 많지 않은 상태에서 비주얼적인면을 전문가가 제작한 것 처럼 보여줄 수 있는 플러그인이며, 만약 사용한다면 현재 모든 플러그인이 무료로 사용하는 것을 전제로 했다면 스마트 슬라이더 3 플러그인는 유료로 사용할 것을 추천하는 편입니다.

왜냐면 비용적으로 비싼편이 아니고 한번 디자인용 블럭을 여러번 계속적으로 제작하는 건 아니기 때문에 한번 제작한다고 생각하고 유료로 사용할 것을 추천합니다. 비용은 1년 사용에 8만원 정도로 사용 가능합니다. 1년이 지나면 제작한 부분이 사라지거나 깨지는 건 아니고 만약 1년 후 수정을 하려면 또 비용을 지불해야 합니다.

쉽게 설명하면 번역하고자 하는 페이지를 복사해 직접 번역할 수 있게 해주는 플러그인이라고 보면 됩니다. 그것도 무료로 사용이 가능합니다. 하지만 쇼핑몰을 다국어 번역을 사용하기 위해서는 유료로 비용을 지불해야 사용이 가능합니다.


https://smartslider3.com/ 사이트에서 관련 정보를 얻을 수 있습니다.

다양한 디자인 템플릿의 구매를 할 수 있습니다.

초보자가 스마트 슬라이더 3을 선택해야 하는 이유



캔버스방식의직관적인시각편집기:

포토샵이나 캔바(Canva)를 다루듯 슬라이드 위에 텍스트, 이미지, 버튼, 아이콘을 원하는 위치에 자유롭게 끌어다 배치할 수 있습니다.


완벽한모바일반응형제어:

PC, 태블릿, 모바일 화면별로 폰트 크기, 여백, 심지어 특정 레이어의 숨김 여부까지 개별적으로 설정할 수 있어 모바일 화면이 깨지는 현상을 방지합니다.


고품질무료템플릿라이브러리:

디자인 감각이 부족해도 개발사에서 미리 만들어 둔 완성도 높은 무료 템플릿을 클릭 한 번으로 불러와 텍스트와 사진만 교체해 즉시 사용할 수 있습니다.


뛰어난호환성과쇼트코드연동:

구텐베르크 블록 에디터는 , 이전에 설명한 쇼트코드(Shortcode)를 지원하여 어떤 위치든 쉽게 슬라이더를 삽입할 수 있습니다.

사실 슬라이더 디자인으로 더 유명한 플러그인이 있는데 그건 슬라이드 레볼루션이라는 플러그인입니다. 훨씬 더 고퀄리티의 슬라이더 디자인을 제공합니다. 그렇지만 단점이 있는데 문제는 이런 슬라이더를 사용하기 위해서는 내가 사용하고자 하는 컨텐츠와 잘 어울려야 되는데 그렇기 위해서는 사용성이 편리해야 되는데 초보자 입장에서는 스마트 슬라이더 3 플러그인도 쉽지 않은데 슬라이드 레볼루션의 경우는 훨씬 더 어렵기 때문입니다. 그 외에도 제작 후 사이트 속도가 잘나와야 하는데 슬라이드 레볼루션의 경우 퀄리티를 높히다 보니 코드 사용이 많이 된것으로 보이고 그로 인해 사이트 속도도 좋지 못하기 때문입니다.

초보자가 반드시 주의해야 할 사항


이미지용량최적화:

메인 슬라이더에 고해상도 원본 사진(수 MB 단위)을 그대로 올리면 웹사이트 초기 로딩 속도가 급격히 느려집니다. 업로드 전 용량을 장당 200~300KB 이하로 압축해 올리는 것이 좋습니다

슬라이드개수최소화:

슬라이드 수가 많아질수록 사이트 속도와 모바일 사용자 경험에 악영향을 줍니다. 시각적 주목도와 성능을 모두 잡으려면 핵심 메시지를 담은 2~3장 내외로 구성하는 것이 이상적입니다.

자동재생속도조절:

텍스트가 많은 슬라이드가 너무 빠르게 넘어가면 방문자가 내용을 읽기 전에 지나쳐버립니다. 자동 재생(Autoplay)을 사용할 경우 노출 시간을 최소 4~6초 이상으로 여유 있게 설정하고, 마우스를 올렸을 때 재생이 멈추는 'Pause on Hover' 옵션을 활성화해 두는 것을 권장합니다.

스마트 슬라이더 3 플러그인(Smart Slider 3) 마무리 하며

제작을 하다보면 특히 비개발자나 초보자 입장에서 사이트 방문자에게 가치있는 사이트로 보이게끔 더 좋은 인상을 주고 싶다는 생각을 하다면 이렇게 고급 템플릿을 제공하는 플러그인을 찾아보게 됩니다. 하지만 문제는 위에 간단하게 언급했듯이 굉장히 다양한 슬라이드 디자인을 제공하는데 컨텐츠와 연계해서 사용하면 내가 본 디자인의 가치가 떨어지거나 마음에 들지 않는 경우가 많이 있습니다. 그리고 또한 사이트 속도를 저하 시킬 수 있다는 문제점이 있음에도 잘 만들어지면 사이트 가치를 올릴 수 있기 때문에 사용하는 플러그인입니다. 지드래그의 강의가 Brizy빌더를 선택한 이유는 이런 부분도 있습니다. 다양한 레이아웃 디자인을 제공해주는 템플릿으로 초보자 역시 퀄리티를 높힐 수 있는 방법이 있기 때문입니다.

주요 ELEMENTS

캐로셀 요소(Carousel...
캐로셀 요소는 여러 개 컨텐츠를 한 영역에서 슬라이드 형태로 보여주는 방식의 구...
카운터,프로그래스 요소(Co...
카운터나 프로그래스 요소는 데이터를 동적으로 전달해 사이트 방문자에게 데이터에...
차트 요소(Chart)
Brizy 챠트 요소는 사용방법이 매우 간단하고 쉽게 제작이 가능합니다. 챠트...

참고 사이트 소개

SVG Repo
웹사이트를 제작할 때 메뉴 아이콘, 버튼 심볼, 서비스 특징을 설명하는 일러스트는 방...
리무브비지(Remove BG...
웹사이트를 제작할 때 상품 사진, 인물 프로필, 브랜드 로고를 깔끔하게 배치하려면 불...
캔바(Canva)
웹사이트를 만들 때 가장 큰 난관 중 하나는 로고, 메인 비주얼 배너, 블로그 썸네일...