냐울당 햄버거 메뉴

목차

    반응형

    안녕하세요. 플입니다.

    오늘은 서브 페이지 디자인을 해볼게요.

     


    1. 메뉴 만들기

    서브 메뉴는 버튼을 만들 거예요.

    바닥글 메뉴를 만들었던 것처럼 드래그해서 추가해주세요.

     

    텍스트 변경디자인을 이용해서 버튼을 꾸며주세요.

     

    저는 버튼이 3개가 필요해서 복사해서 만들고 그룹으로 만들어줬어요.

    버튼 설명은 바닥글 메뉴 제작과 동일해서 생략하고 링크를 남겨둘게요.

     

    > 바닥글 메뉴 바로가기

     

    메뉴에 맞게 기본 색상을 변경해주면 좋아요.(필수는 아니에요.)

     


    2. 서브 제목

    서브 페이지의 제목을 우선 고쳐줄게요.

    클릭하고 텍스트 편집으로 수정해주세요.

     

    글을 수정하고 영역 지정 후 디자인을 수정해주세요.

     


    3. 내용 입력

    불필요한 부분은 지우고 텍스트에서 단락 텍스트를 추가해줬어요.

     

    크기는 도구 바에서 직접 입력해줘서 바꿔줬어요.


    4. 배경 추가

     

    글씨가 잘 안 보이는 것 같아서 배경을 넣어줄게요.

    추가 > 상자에서 원하는 모양을 추가해주세요.

     

    가이드라인을 참고해서 중앙에 맞춰주세요.

     

    디자인 변경 > 디자인 사용자 지정을 눌러서 디자인을 변경해줄게요.

     

    저는 흰색에 살짝 투명하게 해 줬어요.

     

    오른쪽 도구에서 배열을 눌러서 글자 뒤로 보내줄게요.

     

    뒤로 이동을 눌러주세요.

     


    이렇게 서브 페이지를 완성했어요~

     

     

    그럼 이만.

    총총.

    .

    반응형

    'web' 카테고리의 다른 글

    [wix] 구글 지도 넣기  (2) 2019.07.24
    [wix] 드롭다운 디자인  (2) 2019.07.23
    [wix] 배경이미지 흐릴 때 해결 방법  (0) 2019.07.19
    [wix] 바닥글 메뉴 만들기  (0) 2019.07.18
    [wix] 바닥글 디자인하기  (0) 2019.07.16
    댓글
    위쪽 화살표
    도움이 되었다면 공감(하트)과 댓글을 부탁드려요.
    로딩바