시차 효과는 무엇입니까? WordPress 사이트에서 사용하는 이유와 방법

시차 효과는 무엇입니까? WordPress 사이트에서 사용하는 이유와 방법

시차 효과는 WordPress 웹 사이트에서 일반적으로 사용되는 매우 인기있는 디자인 기능입니다. 이 특수 효과는 수년간 게임 세계에서 등장했지만 최근에는 웹 디자인으로 넘어갔습니다. 그리고 지금까지이 주요 트렌드는 어느 곳에서나 널리 사용되고있는 것이라면 어느 곳으로도 가고 있지 않은 것 같습니다. 시차 효과는 무엇이며 왜 WordPress 웹 사이트에서 사용해야합니까??


이 기사에서는 시차 효과가 무엇이며 사이트와 비즈니스에 미칠 수있는 이점을 고려할 것입니다. 그런 다음 무료 플러그인 Parallax Scroll을 사용하여 WordPress 웹 사이트, 페이지 또는 게시물에 시차 효과를 빠르고 쉽게 추가하는 방법에 대해 설명합니다..

시차 효과는 무엇인가?

스물 일곱

시차 효과는 웹 페이지의 전경보다 느린 속도로 움직이는 배경. 이렇게하면 페이지 깊이 감이 생겨 시청자가 아래로 스크롤 할 때 콘텐츠에 3D 효과가 나타납니다..

프리미엄 WordPress 테마의 대부분은 이제 홈페이지에 내장 된 시차 효과를 제공합니다. 무료 WordPress 기본 테마 인 Twenty Seventeen에서도 시차 기능이 제공됩니다. 대부분의 페이지 빌더에는 시차 효과 도구가 통합되어있어 웹 페이지의 게시물이나 페이지에 효과를 추가 할 수 있습니다. 물론 웹 사이트에 시차 효과 요소를 추가하기 위해 설치할 수있는 수많은 WordPress 플러그인이 있습니다..

시차 효과를 사용하면 어떤 이점이 있습니까??

WordPress 웹 사이트에서 시차 효과를 사용하면 여러 가지 이점이 있습니다. 첫 번째로 가장 명백한 것은 시차 효과의 시각적 측면입니다. 시차 효과는 심미적으로 기쁘다, 웹 사이트에 신선하고 세련되며 현대적인 모양과 느낌을줍니다. 이 와우 효과 콘텐츠를 실제로 대중화하고 흥미롭고 흥미로운 브라우저 환경을 만들 수 있습니다..

사이트에서 시차 효과를 사용하는 또 다른 주요 이유는 페이지를 나누다, 특히 읽을 수있는 청크로 된 홈페이지. 이 효과를 사용하여 보여줄 다양한 섹션과 유형의 컨텐츠를 강조하십시오. 이를 통해 웹 사이트의 다양한 측면을 홍보하고 중요한 정보를 밝히며 사용자가 원하는 방식으로 사이트를 탐색하고 콘텐츠에 액세스하도록 독려 할 수 있습니다.

시차 효과는 웹 사이트의 모든 페이지 또는 게시물에 사용할 수 있지만 특히 홈페이지, 방문 페이지 또는 한 페이지 사이트에서 볼 수 있습니다. 놀라운 시차가 만들어 내고 사용자 경험에 긍정적 인 영향을 미치면 방문자가 사이트에 더 오래 머무를 수 있으며 목표에 비해 사이트의 전환율을 향상시킬 수 있습니다.

모바일 시차

시차는 시각적 관심을 추가하는 데 유용하지만 모바일 장치에서 항상 잘 작동하지는 않습니다. 휴대 전화와 태블릿은 일반적으로 데스크톱과 같은 스크롤 대신 스 와이프 탐색을 사용하므로 시차 효과가 올바르게 렌더링되지 않을 수 있습니다. 물론 이것은 자신의 시차 섹션에 사용하는 방법과 애니메이션에 따라 달라 지지만, 유용성을 높이려면 장치에서 시차를 비활성화하는 것이 좋습니다.

시차 효과가있는 테마 선택

합계

새 프로젝트를 시작하는 사람들은 시차 효과 기능이 포함 된 프리미엄 테마를 선택해야합니다. 홈페이지뿐만 아니라 다양한 웹 사이트 페이지에서 시차 효과를 사용하려면 고급 페이지 작성기와 함께 제공되는 다목적 테마를 고려할 수 있습니다. Elegant Themes의 Divi, Themify의 Parallax 및 자체 테마 Total과 같은 테마에는 모두 시차 효과 도구를 제공하는 페이지 빌더가 포함됩니다..

슬라이더 혁명 워드 프레스 플러그인으로 시차 슬라이더 추가

슬라이더 혁명 시차

시차 효과가있는 추천 슬라이더를 원한다면 가장 많이 선택되는 것은 슬라이더 혁명 플러그인입니다. 이 프리미엄 플러그인에는 글꼴, 레이어, 슬라이더 효과, 레이아웃 및 시차를위한 수백 가지 내장 옵션 및 기능이 포함되어 있습니다..

슬라이더 혁명 시차 활성화

먼저 플러그인을 설치 한 다음 슬라이더 템플릿을 가져 오거나 처음부터 자신 만의 슬라이더 만들기를 시작하십시오 (자세한 내용은 슬라이더 혁명 가이드를 참조하십시오).

슬라이더 혁명 시차 설정

그런 다음 슬라이드를 편집하십시오. 주요 배경 추가 출처 배경 이미지를 선택하고 시차 / 3D 시차 레벨을 지정합니다. 그런 다음 레이어를 추가 할 때 시차 / 3D 텍스트, 이미지, 버튼 및 기타 레이어에 움직임을 추가하기위한 시차 심도에 대한 레이어 옵션. 그렇게 쉽습니다!

완료되면 슬라이더를 저장하고 단축 코드를 사용하여 게시물이나 페이지에 삽입하십시오. 또는 Visual Composer와 같은 페이지 빌더를 사용하는 경우 페이지 빌더 슬라이더 혁명 요소를 사용하여 슬라이더를 빠르게 선택하고 삽입 할 수 있습니다..

시차 스크롤 WordPress 플러그인으로 시차 섹션 추가

시차 스크롤

이미 테마가 있고 내장 된 시차 효과 옵션이 포함되어 있지 않은 경우 WordPress 플러그인을 사용하여 작업을 수행하는 것이 좋습니다. 시차 스크롤 는 웹 사이트의 페이지 나 게시물의 시차 스크롤 배경 이미지를 다른 요소에 추가 할 수있는 인기있는 무료 옵션입니다. 간단한 단축 코드를 사용하여 스크롤하는 배경을 단일 요소, ​​헤더 텍스트 또는 내용이 포함 된 전체 섹션에 추가.

이제 시차 스크롤을 설치하고 사용하는 방법을 살펴 보겠습니다.

시차 스크롤 설치

시차 스크롤을 설치하려면 관리자로 WordPress 대시 보드에 로그인하고 플러그인> 새로 추가 메뉴에서.

새로운 플러그인 추가

검색 시차 스크롤, 그런 다음 선택 지금 설치> 활성화.

시차 스크롤 활성화

이제 WordPress 메뉴에 시차 스크롤 탭이 추가되었습니다..

시차 스크롤 섹션 추가

시차 스크롤을 시작하려면 먼저 새로운 시차 섹션을 만들어야합니다. 그렇게하려면 시차 스크롤> 새로 추가 워드 프레스 메뉴에서.

시차 스크롤 추가

이제 새 시차 섹션을 만들 수 있습니다…

새로운 시차 추가

스크롤 시차 배경 이미지 설정

먼저 스크롤 시차 배경에 이미지를 설정해야합니다. 그렇게하려면 클릭 추천 이미지 설정 추천 이미지 섹션에 이미지를 추가.

나타난 그림

각 배경 섹션에 사용하는 이미지에 대해 신중하게 생각하십시오. 이들이 사이트와 관련이 있는지 확인하고 브랜딩과 동기화하십시오. 이 배경 이미지 위에 머리글 또는 추가 내용을 표시하려는 경우 사진이나주의를 끄는 그래픽 대신 블록 색상이나 미묘한 패턴을 사용하는 것이 좋습니다. 이렇게하면 이미지가 산만 해지지 않고 이미지와 함께 작동하고 홍보 할 수 있습니다..

사진을 사용하도록 선택하면 이미지의 품질이 좋아야합니다. 눈길을 끄는 아름다운 이미지는 사이트를 전문적이고 독특한 모양으로 만들 수 있습니다. 이러한 시각 자료는 잠재 고객에게 강한 인상을 줄 수 있으며,이를 통해 사람들은 귀하의 사이트를 기억하고 다시 방문하게됩니다. 최고 품질의 이미지를 다운로드 할 수있는 다양한 웹 사이트가 있습니다. 시차 배경에 대한 멋진 사진을 빠르게 찾을 수있는 무료 및 프리미엄 포토 웹 사이트 모음을 확인하십시오..

시차 배경 위에 헤더 텍스트 만들기

헤더 추가

시차 배경으로 머리글 텍스트를 만들려면 다음으로 게시물 제목을 입력해야합니다. 이 제목은 선택한 시차 배경 이미지 상단에 헤더 제목으로 나타납니다..

시차 섹션에 헤더를 원하지 않을 수 있습니다. 이 경우에도 각 시차에 게시물 제목을 지정해야하므로 생성 한 각 섹션을 쉽게 식별 할 수 있습니다. 그런 다음 제목을 숨기도록 선택해야합니다. 시차 스크롤 옵션 (이 기사에서 더 자세히 설명) 사이트 앞면에 헤더가 표시되지 않습니다..

시차 스크롤 배경이있는 모든 컨텐츠 표시

시차 섹션이 배경 이미지 위에 다른 내용을 표시하도록 할 수 있습니다. 여기에는 텍스트 및 이미지에서 단축 코드에 이르기까지 사이트에 필요한 모든 것이 포함될 수 있습니다. 표시 할 내용을 결정한 다음이 내용을 포스트 박스에 입력하십시오..

시차 스크롤 설정 사용자 정의

컨텐츠에 만족하면 시차 섹션의 설정을 페이지에 맞게 사용자 정의해야합니다..

시차 스크롤 옵션

아래로 스크롤 시차 스크롤 옵션. 스타일에서 시차 높이와 이미지 크기를 변경하고 전체 너비를 선택하여 테마가 화면의 전체 너비에 걸쳐 배경 이미지를 표시하지 않도록 할 수 있습니다..

시차 배경에서 머리글의 가로 및 세로 위치를 변경할 수도 있습니다. 게시물 제목을 숨기려면 다음을 입력하여 입력하십시오. 디스플레이 : 없음;헤더 스타일.

시차 설정 시차 스크롤의 동작 방식을 사용자 지정할 수 있습니다. 여기에는 시차 배경의 속도 변경이 포함됩니다. 웹 사이트 및 잠재 고객에게 어떤 효과가 있는지 알아 보려면 다양한 속도를 사용해보십시오..

또 한있다 모바일 설정 옵션을 사용하면 시차 섹션 이미지가 모바일 장치에서 제대로 작동하지 않는다고 생각되면 모바일에서 시차 배경 이미지 및 / 또는 콘텐츠를 비활성화 할 수 있습니다.

설정을 조정하고 시차 섹션 만들기를 마치면 게시를 클릭하십시오..

시차 섹션을 게시물 또는 페이지에 삽입

다음으로 시차 섹션을 웹 사이트의 게시물이나 페이지에 삽입해야합니다. 워드 프레스 메뉴에서 시차 스크롤을 선택하십시오.

시차 스크롤 단축

제시된 표에 방금 생성 한 시차 섹션의 단축 코드가 표시됩니다. 코드를 복사 한 다음 적절한 페이지 나 게시물을 엽니 다. 적절한 위치에서 코드를 페이지의 콘텐츠에 붙여 넣기.

단축 번호 삽입

변경 사항을 미리보고 새 시차 섹션에 만족하면 공개를 클릭하십시오. 이제 추가 섹션을 만들어 페이지를 제공하거나 전체 시차 효과를 게시 할 수 있습니다. 변경이 필요한 경우 시차 섹션 페이지를 다시 열고 필요한 변경을 수행하면됩니다..

마지막 생각들

테마에 시차 효과 기능이 내장되어 있지 않거나 홈페이지 이상으로 효과를 추가하려는 경우 시차 스크롤을 사용하면 시차 섹션을 빠르게 만들어 페이지 나 게시물에 추가 할 수 있습니다.

보시다시피 웹 사이트에 시차 효과를 추가하는 것은 매우 가치가 있습니다. 그것은 당신의 웹 사이트의 시각을 크게 향상시킬 수있을뿐만 아니라, 청중에게 호소하고, 그들이 쉽게 사이트를 탐색하고 컨텐츠에 액세스 할 수있게하며, 사이트에서 보내는 시간을 증가시키는 데 도움이 될 것입니다. 이렇게 개선 된 사용자 환경은 궁극적으로 재 방문자 증가, 리드 수집 또는 제품 또는 서비스 판매 여부에 관계없이 사이트가 목표를 달성 할 수 있도록 도와줍니다.

홈페이지, 방문 페이지, 게시물 또는 다른 곳에 시차 효과를 추가 하시겠습니까? 아래 의견에 의견을 공유하십시오…

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map