눈속임이라고 부를 수도 있고, 눈으로 볼 수 있는 캔디라고 부를 수도 있지만 웹 디자인의 시차 효과는 그대로 유지됩니다. 사이트에 "WOW" 요소를 제공하는 요소 중 하나입니다. 이 효과는 한동안 존재해 왔으며 디자인에 구현한 사이트가 많이 있지만 여전히 멋집니다.
운동에 참여하고 WordPress 사이트에 효과를 추가할 준비가 되었다면 계속 지켜봐 주십시오.
시차란 무엇입니까?
용어에 익숙하지 않은 사람들을 위해 사전에서는 "시차"라는 단어를 "다른 위치에서 볼 때 물체의 위치나 방향이 다르게 나타나는 효과로 정의합니다. "
웹사이트 디자인 세계에서 시차는 배경 이미지가 일반적으로 전경 이미지보다 느린 속도로 움직이는 기술입니다. 목적은 2D 환경에서 깊이의 환상(인조 3D 효과)을 만드는 것입니다.
게임 세계에서 시차의 적용은 1980년대부터 있었지만 웹 디자이너는 HTML5와 CSS3를 사용하여 2011년에 막 이 효과를 광범위하게 통합하기 시작했습니다.
첫 번째 경로:WordPress 테마
WordPress 사용자인 경우 사이트에 시차 효과를 적용하는 가장 쉬운 방법은 효과가 내장된 WordPress 테마를 사용하는 것입니다. 테마를 전환하면 완료됩니다.
무료 및 유료로 시차를 지원하는 수많은 WP 테마가 있습니다. Google 및 WordPress 테마 저장소에서 빠르게 검색하면 처리할 수 있는 더 많은 옵션이 제공됩니다.
일부 테마를 테스트하려면 저장소에서 가져온 몇 가지 예를 참조하세요. 사용 가능한 모든 시차 지원 테마를 테스트 및 비교하고 가장 좋은 것만 보여주는 것은 불가능하기 때문에 전적으로 개인적인 시각적 취향의 주관적인 기준으로 선택되었습니다.
1. 시차 프레임
2. 마비
3. SimpleShift
4. 엘레간토
5. 통합
6. 열정
7. 주니퍼
8. WordPress의 최신 공식 테마인 Twenty Seventeen도 시차 헤더를 지원한다는 점을 잊지 마세요.
이러한 테마에는 일반적으로 시차 효과를 위한 하나 또는 몇 개의 특정 자리 표시자가 있으며, 이러한 위치에 배경 이미지를 업로드하기만 하면 됩니다. 그러나 이 단순함은 즉흥적으로 할 공간이 거의 없기 때문에 단점이기도 합니다.
테마마다 다르지만 일반적으로 "모양 -> 사용자 정의" 메뉴를 통해 배경 시차 이미지를 사용자 정의하고 테마 설정에 따라 특정 메뉴를 선택할 수 있습니다.
두 번째 경로:WordPress 플러그인
원하는 영역에 효과를 적용하려면 플러그인을 사용해야 합니다. 숫자는 테마만큼 크지는 않지만 시도할 수 있는 WordPress 시차 플러그인이 여전히 많이 있습니다. 다음은 플러그인 저장소의 몇 가지입니다. Parallax Scroll, Easy WordPress Parallax Slider, cbParallax, ML Parallax, MG Parallax Slider, Easy WP Parallax Slider, Aesop Story Engine.
이러한 플러그인의 대부분을 사용하면 시차 요소를 생성하고 단축 코드를 사용하여 게시물, 페이지 또는 기타 지원되는 영역에 삽입할 수 있습니다. 시차를 표시하고 싶은 위치에 직접 요소를 생성하는 것도 있습니다.
예를 들어 Parallax Scroll에서 새 게시물을 만드는 것과 유사한 새 시차를 만들 수 있습니다. 편집 인터페이스도 비슷해 보입니다. 시차 배경 이미지를 추가하려면 '추천 이미지 설정' 옵션을 사용하세요. 제목 및 게시물 내용은 선택 사항입니다.
콘텐츠 상자 아래에 수정할 수 있는 많은 옵션이 있지만 선택 사항이기도 합니다.
'게시' 버튼을 누르면 단축 코드가 표시됩니다. 지원되는 모든 위치(게시물, 페이지, 위젯 등)에 이 단축 코드를 삽입하면 시차 효과가 나타납니다.
옵션에서 많은 것을 조정할 수 있더라도 시차의 최종 결과는 사용하는 테마에 따라 크게 달라집니다. 테마가 전체 너비를 지원하는 경우 시차 요소가 전체 너비 영광으로 나타날 수 있습니다. 그렇지 않다면 두 팔을 벌려 삶이 당신에게 준 것을 받아들이거나 CSS와 JavaScript를 사용하여 원하는 모양으로 해킹을 시도할 수 있습니다.
무기고에 추가할 약간의 트릭:아무도 테마와 플러그인을 결합할 수 없다고 말하지 않았습니다. 둘 이상의 플러그인을 사용하는 것도 합법입니다. 예를 들어 테마에 Twenty Seventeen을 사용하고 웹 레시피에 추가 향신료로 Aesop Story Engine과 Parallax Scroll을 설치할 수 있습니다.
이제 시차 여행을 떠나 길을 따라 방문자를 놀라게 할 수 있습니다.