web 59
[wix] 페이지 비밀번호 설정
안녕하세요. 플입니다. 오늘은 윅스 페이지의 비밀번호를 설정해보겠습니다. 1. 메뉴 및 페이지 들어가기 윅스의 편집 화면에 들어가시면 좌측에 메뉴가 있습니다. 마우스를 올리면 메뉴의 이름을 볼 수 있습니다. 그중 가장 위에 있는 메뉴인 메뉴 및 페이지를 선택합니다. 2. 설정 사이트 메뉴를 열면 메뉴들을 볼 수 있습니다. 그 중 비밀번호를 걸고 싶은 페이지의 우측에서 ···으로 표시된 더보기 메뉴를 클릭해주세요. 더보기 메뉴를 불러오면 가장 위에 설정 메뉴가 있습니다. 설정 메뉴를 클릭합니다. 3. 공개 설정 페이지 설정중 세 번째 메뉴인 공개 설정을 클릭합니다. 기본 설정은 모든 방문자로 되어있습니다. 두 번째에 있는 비밀번호 소지자를 클릭합니다. 비밀번호 소지자는 비밀번호를 알고 있는 사람만 페이지를..
![[wix] 페이지 비밀번호 설정](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/DRDFf/btqxXKFGP9r/JfXRsUIokPIKk622TcwDUK/img.jpg)
[wix] 머리글 스크롤 설정
안녕하세요. 플입니다. 오늘은 윅스에서 머리글 스크롤 설정을 해보겠습니다. ▷머리글 스크롤 설정 우선 머리글의 위치는 헤더 부분입니다. 홈페이지의 로고와 메뉴가 있는 위치죠. 스크롤 설정이란 마우스 스크롤을 내리거나 올릴 때 어떤 효과를 줄지 설정하는 것입니다. 합쳐보면 홈페이지의 로고가 있는 머리글 부분이 마우스 스크롤을 움직였을 때 어떻게 하면 좋은지 설정하는 것입니다. 1. 머리글 선택 제일 먼저 머리글을 선택합니다. 이미지는 로고와 메뉴를 가려두었는데 로고와 메뉴가 들어가는 상단 부분 아무 곳이나 클릭해주세요. 화면상 가장 위에 있는 부분이니 찾기 쉬우실 겁니다. 클릭했을 때 머리글 디자인 변경이라는 버튼과 설정 버튼들이 나온다면 성공입니다. 2. 설정 선택 클릭해 설정 버튼이 나오게 했다면 머리..
![[wix] 머리글 스크롤 설정](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/MknGh/btqxYW6dgmT/4BYI06w6fX29Dw5k9bVuYk/img.jpg)
[wix] 애니메이션 넣기
안녕하세요. 플입니다. 오늘은 윅스에서 애니메이션을 활용해보겠습니다. 1. 애니메이션 창 열기 이미지에 애니메이션을 넣어보겠습니다. 이미지를 클릭하면 나오는 메뉴 중 사각형이 여러 개 겹친듯한 아이콘이 있습니다. 마우스를 올려보면 애니메이션이라는 메뉴가 나타나실 겁니다. 이 애니메이션 메뉴를 클릭합니다. 2. 애니메이션 고르기 이렇게 애니메이션 효과가 나열된 창이 뜹니다. 이 중에서 원하는 효과를 선택하시면 됩니다. 마우스를 올려보면 어떤 효과인지 미리 볼 수 있으니 참고해가면서 고르시면 됩니다. 저는 글라이드인을 골라보겠습니다. 3. 설정하기 세부 설정도 가능합니다. 아래에 사용자 지정 버튼을 눌러줍니다. 간단한 수치들을 변경할 수 있습니다. 정해진 수치는 없고 각각 조정해보면서 마음에 들게 변경해주시..
![[wix] 애니메이션 넣기](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/X6gOG/btqxQTH4ICa/2tS5qUA7iIKRfbkIPPMgck/img.jpg)
[wix] 앵커 포인트 색상 자동 맞춤
안녕하세요. 플입니다. 오늘은 앵커 포인트의 색상을 자동 맞춤으로 바꿔보겠습니다. 1. 앵커 포인트 추가 앵커 포인트를 추가해줍니다. 앵커 포인트는 추가 > 메뉴 > 앵커 메뉴에서 추가 가능합니다. 원하는 디자인으로 선택해 추가해줍니다. 디자인은 나중에도 변경 가능하니 편하게 선택해주세요. 2. 설정 추가된 앵커 포인트를 클릭하면 설정을 변경할 수 있습니다. 클릭하면 바로 색상 자동 맞춤을 설정할 수 있습니다. 아래 설명과 같이 색상 자동 맞춤이란 메뉴 색상이 자동으로 변경되는 것을 말합니다. 각각 설정할 수 없는 건 조금 아쉽지만 자동으로 잘 바뀌는 것 같아서 괜찮습니다. 그럼 이만. 총총.
![[wix] 앵커 포인트 색상 자동 맞춤](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/btff7t/btqxGjOtRk9/P5fzvqkr5QxHQsMoSrr4W1/img.jpg)
[wix] 요소 위치 고정 하기
안녕하세요. 플입니다. 오늘은 윅스에서 요소의 위치를 고정해보겠습니다. 위치 고정은 스크롤을 내려도 그 요소가 계속 화면의 같은 자리에 위치하게 됩니다. 코딩으로는 position:fixed;와 같은 효과를 줍니다. 주로 로고, 메뉴 등에 사용하거나 연락처 등을 계속 보이게 하고 싶을 때 사용합니다. 1. 오른쪽 클릭 위치 고정은 간편하게 할 수 있습니다. 고정하고자 하는 요소에서 오른쪽 클릭을 하면 아래쪽에 위치 고정이라는 항목이 바로 보입니다. 위치 고정을 클릭해줍니다. 2. 위치 설정 위치 고정을 클릭하면 바로 설정창이 뜹니다. 위치를 설정할 수 있는데 마우스를 올리면 어디쯤 위치할지 미리 보기로 보여줍니다. 이미지는 이미 위치한 곳에는 미리보기 영역이 뜨지 않아서 오른쪽 위를 마우스 오버해본 것이..
![[wix] 요소 위치 고정 하기](https://i1.daumcdn.net/thumb/C100x100/?fname=https://blog.kakaocdn.net/dn/EMbLS/btqxxKMAGgI/iSfidOZffrNK0pRk0pZAkk/img.jpg)