모바일N 프리미엄 반응형 노코딩 테마

업데이트 소식

제목버전 3.15 릴리즈노트2022-02-26 14:54
작성자 Level 10

다중 행 헤더

헤더는 로고, 메뉴 및 소셜 아이콘에 대한 링크뿐만 아니라 다양한 정보를 표시하기 위해 여러 탐색 라인이 필요합니다. 따라서 웹사이트 방문자에게 필요한 모든 요소를 ​​배치할 수 있는 다중 행 헤더 지원을 추가했습니다.

multi-row-header.png

블록 컨텍스트 도구 모음에서 아이콘을 클릭하여 헤더에 새 행을 추가할 수 있습니다. 상황에 맞는 도구 모음과 측면 패널의 목록에서 옵션을 선택할 수도 있습니다. 

adding-a-new-header-row.png

사용자 정의 소셜 아이콘 추가

소셜 아이콘 요소에 대한 선물에서 다루지 않은 소셜 네트워크가 많기 때문에 사용자 정의 소셜 아이콘 추가 지원을 추가했습니다.

adding-custom-social-icons.png
 

컨테이너의 패딩 줄이기

컨테이너에 요소를 배치하는 동안 동작을 변경했습니다. 이전에는 Elements를 이동하는 동안 Padding이 겹칠 수 있어 Responsive에서 문제가 발생했습니다. 이제 요소를 컨테이너 테두리 쪽으로 드래그하면 드롭 후 패딩이 자동으로 줄어듭니다.

reducing-paddings-button.gif
컨테이너에 요소를 추가하는 동안에도 동일하게 작동합니다.

reducing-paddings.gif 

이미지를 갤러리 또는 그리드 리피터로 변환

우리의 주요 목표 중 하나는 디자인 프로세스의 속도를 높이는 것입니다. 즉, 그리드와 그리드 리피터를 사용하여 반응형 모드를 자동으로 만드는 것입니다. 우리의 사용성 테스트는 많은 사용자가 그리드 리피터를 사용하지 않고 그것들 없이 요소를 배치한다는 것을 보여줍니다. 따라서 모바일 보기에서 최상의 결과를 얻는 데 도움이 되는 사례를 소개합니다.

이번 업데이트에서는 한 행에 배치된 이미지를 갤러리 또는 그리드 리피터 요소로 변환하는 모범 사례를 추가했습니다. 향후 업데이트에서 다른 요소에 대한 지원을 추가할 예정입니다.

images-in-row-to-gallery.gif

다중 선택: 열로 변환

이전 업데이트에서 다중 선택을 그리드 리피터로 변환하는 아이콘을 추가했습니다. 이제 다중 선택 컨텍스트 도구 모음에 열 목록을 추가하여 변환된 그리드 리피터의 열 수를 한 번에 선택할 수 있습니다.

selection-to-columns.png