윅스 20
[wix] 머리글 스크롤 설정
안녕하세요. 플입니다. 오늘은 윅스에서 머리글 스크롤 설정을 해보겠습니다. ▷머리글 스크롤 설정 우선 머리글의 위치는 헤더 부분입니다. 홈페이지의 로고와 메뉴가 있는 위치죠. 스크롤 설정이란 마우스 스크롤을 내리거나 올릴 때 어떤 효과를 줄지 설정하는 것입니다. 합쳐보면 홈페이지의 로고가 있는 머리글 부분이 마우스 스크롤을 움직였을 때 어떻게 하면 좋은지 설정하는 것입니다. 1. 머리글 선택 제일 먼저 머리글을 선택합니다. 이미지는 로고와 메뉴를 가려두었는데 로고와 메뉴가 들어가는 상단 부분 아무 곳이나 클릭해주세요. 화면상 가장 위에 있는 부분이니 찾기 쉬우실 겁니다. 클릭했을 때 머리글 디자인 변경이라는 버튼과 설정 버튼들이 나온다면 성공입니다. 2. 설정 선택 클릭해 설정 버튼이 나오게 했다면 머리..
[wix] 애니메이션 넣기
안녕하세요. 플입니다. 오늘은 윅스에서 애니메이션을 활용해보겠습니다. 1. 애니메이션 창 열기 이미지에 애니메이션을 넣어보겠습니다. 이미지를 클릭하면 나오는 메뉴 중 사각형이 여러 개 겹친듯한 아이콘이 있습니다. 마우스를 올려보면 애니메이션이라는 메뉴가 나타나실 겁니다. 이 애니메이션 메뉴를 클릭합니다. 2. 애니메이션 고르기 이렇게 애니메이션 효과가 나열된 창이 뜹니다. 이 중에서 원하는 효과를 선택하시면 됩니다. 마우스를 올려보면 어떤 효과인지 미리 볼 수 있으니 참고해가면서 고르시면 됩니다. 저는 글라이드인을 골라보겠습니다. 3. 설정하기 세부 설정도 가능합니다. 아래에 사용자 지정 버튼을 눌러줍니다. 간단한 수치들을 변경할 수 있습니다. 정해진 수치는 없고 각각 조정해보면서 마음에 들게 변경해주시..
[wix] 앵커 포인트 색상 자동 맞춤
안녕하세요. 플입니다. 오늘은 앵커 포인트의 색상을 자동 맞춤으로 바꿔보겠습니다. 1. 앵커 포인트 추가 앵커 포인트를 추가해줍니다. 앵커 포인트는 추가 > 메뉴 > 앵커 메뉴에서 추가 가능합니다. 원하는 디자인으로 선택해 추가해줍니다. 디자인은 나중에도 변경 가능하니 편하게 선택해주세요. 2. 설정 추가된 앵커 포인트를 클릭하면 설정을 변경할 수 있습니다. 클릭하면 바로 색상 자동 맞춤을 설정할 수 있습니다. 아래 설명과 같이 색상 자동 맞춤이란 메뉴 색상이 자동으로 변경되는 것을 말합니다. 각각 설정할 수 없는 건 조금 아쉽지만 자동으로 잘 바뀌는 것 같아서 괜찮습니다. 그럼 이만. 총총.
[wix] 요소 위치 고정 하기
안녕하세요. 플입니다. 오늘은 윅스에서 요소의 위치를 고정해보겠습니다. 위치 고정은 스크롤을 내려도 그 요소가 계속 화면의 같은 자리에 위치하게 됩니다. 코딩으로는 position:fixed;와 같은 효과를 줍니다. 주로 로고, 메뉴 등에 사용하거나 연락처 등을 계속 보이게 하고 싶을 때 사용합니다. 1. 오른쪽 클릭 위치 고정은 간편하게 할 수 있습니다. 고정하고자 하는 요소에서 오른쪽 클릭을 하면 아래쪽에 위치 고정이라는 항목이 바로 보입니다. 위치 고정을 클릭해줍니다. 2. 위치 설정 위치 고정을 클릭하면 바로 설정창이 뜹니다. 위치를 설정할 수 있는데 마우스를 올리면 어디쯤 위치할지 미리 보기로 보여줍니다. 이미지는 이미 위치한 곳에는 미리보기 영역이 뜨지 않아서 오른쪽 위를 마우스 오버해본 것이..
[wix] 인트로 만들기
안녕하세요. 플입니다. 오늘은 윅스에서 인트로를 제작해보겠습니다. 1. 새 페이지 만들기 페이지 추가로 새 페이지를 추가해줍니다. 이때 페이지는 비공개 페이지 즉, 눈이 감긴 모습으로 설정해줍니다. 더보기 버튼을 누르면 설정할 수 있습니다. 2. 배경 설정 배경 탭에 들어가서 적당한 배경을 골라줍니다. 설정에 들어가 스크롤 효과를 고정으로 바꿔줍니다. 없음이 되면 이미지가 너무 크게 들어가 흐릿하게 보일 수도 있습니다. 3. 불필요한 부분 삭제 불필요한 요소들은 삭제해줍니다. 요소를 클릭하고 오른쪽 도구에서 삭제 버튼을 눌러주거나 Delete 키로 쉽게 삭제할 수 있습니다. 다만 메뉴 같은 경우에는 모든 페이지에 표시를 체크 해제하고 삭제해야 합니다. 이럴 경우 메인 페이지를 제외하고 메뉴가 없어지는데요..