Wix 23
[wix] 애니메이션 넣기
안녕하세요. 플입니다. 오늘은 윅스에서 애니메이션을 활용해보겠습니다. 1. 애니메이션 창 열기 이미지에 애니메이션을 넣어보겠습니다. 이미지를 클릭하면 나오는 메뉴 중 사각형이 여러 개 겹친듯한 아이콘이 있습니다. 마우스를 올려보면 애니메이션이라는 메뉴가 나타나실 겁니다. 이 애니메이션 메뉴를 클릭합니다. 2. 애니메이션 고르기 이렇게 애니메이션 효과가 나열된 창이 뜹니다. 이 중에서 원하는 효과를 선택하시면 됩니다. 마우스를 올려보면 어떤 효과인지 미리 볼 수 있으니 참고해가면서 고르시면 됩니다. 저는 글라이드인을 골라보겠습니다. 3. 설정하기 세부 설정도 가능합니다. 아래에 사용자 지정 버튼을 눌러줍니다. 간단한 수치들을 변경할 수 있습니다. 정해진 수치는 없고 각각 조정해보면서 마음에 들게 변경해주시..
[wix] 앵커 포인트 색상 자동 맞춤
안녕하세요. 플입니다. 오늘은 앵커 포인트의 색상을 자동 맞춤으로 바꿔보겠습니다. 1. 앵커 포인트 추가 앵커 포인트를 추가해줍니다. 앵커 포인트는 추가 > 메뉴 > 앵커 메뉴에서 추가 가능합니다. 원하는 디자인으로 선택해 추가해줍니다. 디자인은 나중에도 변경 가능하니 편하게 선택해주세요. 2. 설정 추가된 앵커 포인트를 클릭하면 설정을 변경할 수 있습니다. 클릭하면 바로 색상 자동 맞춤을 설정할 수 있습니다. 아래 설명과 같이 색상 자동 맞춤이란 메뉴 색상이 자동으로 변경되는 것을 말합니다. 각각 설정할 수 없는 건 조금 아쉽지만 자동으로 잘 바뀌는 것 같아서 괜찮습니다. 그럼 이만. 총총.
[wix] 요소 위치 고정 하기
안녕하세요. 플입니다. 오늘은 윅스에서 요소의 위치를 고정해보겠습니다. 위치 고정은 스크롤을 내려도 그 요소가 계속 화면의 같은 자리에 위치하게 됩니다. 코딩으로는 position:fixed;와 같은 효과를 줍니다. 주로 로고, 메뉴 등에 사용하거나 연락처 등을 계속 보이게 하고 싶을 때 사용합니다. 1. 오른쪽 클릭 위치 고정은 간편하게 할 수 있습니다. 고정하고자 하는 요소에서 오른쪽 클릭을 하면 아래쪽에 위치 고정이라는 항목이 바로 보입니다. 위치 고정을 클릭해줍니다. 2. 위치 설정 위치 고정을 클릭하면 바로 설정창이 뜹니다. 위치를 설정할 수 있는데 마우스를 올리면 어디쯤 위치할지 미리 보기로 보여줍니다. 이미지는 이미 위치한 곳에는 미리보기 영역이 뜨지 않아서 오른쪽 위를 마우스 오버해본 것이..
[wix] 인트로 만들기
안녕하세요. 플입니다. 오늘은 윅스에서 인트로를 제작해보겠습니다. 1. 새 페이지 만들기 페이지 추가로 새 페이지를 추가해줍니다. 이때 페이지는 비공개 페이지 즉, 눈이 감긴 모습으로 설정해줍니다. 더보기 버튼을 누르면 설정할 수 있습니다. 2. 배경 설정 배경 탭에 들어가서 적당한 배경을 골라줍니다. 설정에 들어가 스크롤 효과를 고정으로 바꿔줍니다. 없음이 되면 이미지가 너무 크게 들어가 흐릿하게 보일 수도 있습니다. 3. 불필요한 부분 삭제 불필요한 요소들은 삭제해줍니다. 요소를 클릭하고 오른쪽 도구에서 삭제 버튼을 눌러주거나 Delete 키로 쉽게 삭제할 수 있습니다. 다만 메뉴 같은 경우에는 모든 페이지에 표시를 체크 해제하고 삭제해야 합니다. 이럴 경우 메인 페이지를 제외하고 메뉴가 없어지는데요..
[반응형] 스터디카페
안녕하세요. 플입니다. 오늘은 wix로 작업한 반응형홈페이지가 완성되어서 가져왔습니다. wix로 작업하니까 작업시간이 코딩할 때보다 빠르네요.(당연) 모바일 작업까지 마친 상태입니다. wix 작업은 포토샵이나 코딩을 몰라도 홈페이지 작업이 가능해서 전문가가 아니어도 손쉽게 홈페이지를 만들 수 있습니다. 물론 조금 타협해야 하는 부분도 있습니다. 전체 가로사이즈가 고정돼있는 점이라거나, 드롭다운(하위 메뉴)의 디자인이 자유롭지 못한 점은 아쉽지만 무료로 홈페이지를 제작해 띄울 수 있다는 점을 생각한다면 괜찮다고 생각합니다. 호스팅이나 도메인 비용이 따로 들지 않는다는 점도 장점이죠. 다만 wix의 광고를 없애고 싶으시다면 도메인을 따로 구매해서 연결해야 합니다. 도메인 구매는 별도로 하셔야 하고, 윅스에 ..