레이아웃 템플릿 및 디자인 비디오

레이아웃 템플릿 및 디자인 비디오
레이아웃 템플릿과 카드를 사용하여 모바일 앱의 느낌을 디자인합니다. (8분)
Adobe

레이아웃, 카드 및 검색 페이지 이해

레이아웃 템플릿검색 페이지에서 컬렉션이 표시되는 방식을 결정합니다. 컬렉션의 항목은 검색 페이지 레이아웃에 카드로 표시됩니다. 레이아웃 템플릿을 제작할 때 다음 작업을 수행하십시오.

  • 열의 수, 여백 및 간격, 셀 모양 등의 레이아웃 속성을 설정합니다.
  • 카드를 만들고 카드 모양을 정의합니다.
  • 메타 데이터를 기준으로 매핑 규칙을 설정하여 카드와 연계되는 콘텐츠를 결정합니다.

검색 페이지의 모양은 레이아웃 디자인, 카드 디자인 및 컬렉션 항목의 메타데이터 설정에 의해 결정됩니다.

검색 페이지 3열 레이아웃
이 검색 페이지는 3열 레이아웃을 사용합니다. 레이아웃에는 배너, 아티클 및 기타 컬렉션을 표시하는 전체 너비, 2x1 및 1x1 카드가 포함되어 있습니다.

카드는 검색 페이지에 표시되는 콘텐츠의 모양을 결정합니다. 썸네일 이미지는 레이아웃 설정에 따라 크기가 서로 다른 카드에서 다르게 표시될 수 있습니다. 예를 들어 3x1 카드에 맞춰진 썸네일 이미지가 메타데이터 업데이트로 인해 1x1 카드로 바뀔 수 있습니다.

카드 레이아웃
노란색 영역은 셀 종횡비(오른쪽)가 다른 3열 레이아웃(왼쪽)과 5열 레이아웃으로 표시된 동일한 2x2 카드를 나타냅니다.

다음 사항을 참고하십시오.

  • 레이아웃 템플릿 내에서 태블릿, 휴대폰, 웹에 대해 서로 다른 레이아웃(“변환”이라고도 함)을 정의할 수 있습니다.
  • 격자의 특정 위치에 대한 카드 핀 고정은 아직 지원되지 않습니다.
  • 콘텐츠 순서 결정을 위한 매핑 규칙 사용은 아직 지원되지 않습니다. 매핑 규칙으로 카드에 적용되는 콘텐츠를 정할 수 있습니다.

레이아웃 템플릿을 사용한 카드 및 레이아웃 제작

검색 페이지 제작 도구는 카드 및 레이아웃을 제작하기 위한 새로운 방법입니다. 당분간은 검색 페이지를 디자인하는 데 새로운 검색 페이지 제작 도구와 기존의 카드 및 레이아웃 탭을 모두 사용할 수 있습니다.

검색 페이지 제작 도구를 통해 레이아웃을 제작하고 카드를 디자인하고 콘텐츠에 카드를 매핑하기 위한 동일한 인터페이스를 사용할 수 있습니다. 제작 과정에서 기존의 컬렉션을 지정하여 검색 페이지 설정을 조정하는 동안 이를 볼 수 있습니다. 대상 디바이스의 크기를 변경하고, 격자를 켜거나 끄고, 카드 영역을 클릭하여 해당 텍스트나 이미지 영역에 대한 설정을 편집할 수 있습니다. 가져온 컬렉션에서 항목의 순서를 변경할 수도 있습니다.

이미 제작한 레이아웃을 가져와 기존의 레이아웃 설정을 기반으로 새로운 버전을 제작할 수 있습니다.

레이아웃 템플릿은 릴리스 2015.8(2015년 12월) 이상 버전을 사용하여 빌드한 앱을 필요로 합니다.

 

  1. 컬렉션을 제작하고 콘텐츠를 추가합니다.

  2. 온디맨드 포털(https://aemmobile.adobe.com)에서 콘텐츠 및 레이아웃 > 레이아웃 템플릿을 클릭합니다.

  3. 레이아웃 템플릿을 처음 단계에서부터 정의하려면 [만들기]를 클릭합니다.

  4. 레이아웃 속성을 정의합니다.

    레이아웃 속성 정의

    검색 페이지 레이아웃 도구의 오른쪽에서 레이아웃 이름을 지정하고 열의 개수, 여백, 간격과 같은 레이아웃 속성을 지정합니다.

    컬렉션 가져오기

    [컬렉션 가져오기]를 클릭하고 내 컬렉션 중 하나를 가져와 변경 내용이 대상 콘텐츠에 어떻게 영향을 주는지 확인할 수 있습니다. 레이아웃을 저장할 때 컬렉션에 레이아웃을 적용하도록 선택할 수 있습니다. 컬렉션 내에서 항목의 순서를 재배치할 수도 있습니다. 컬렉션에 적용된 이러한 변경 내용은 레이아웃 템플릿을 저장할 때 그대로 유지됩니다.

    미리보기 메뉴

    미리보기 메뉴를 사용하여 가로 또는 세로 방향을 선택할 수 있습니다. 대상 디바이스 크기를 선택합니다. 레이아웃을 변경할 때 미리보기에 대해 서로 다른 디바이스 크기를 선택하여 해당 디자인이 모든 대상 디바이스에서 제대로 표시되는지 확인하십시오.

  5. 카드를 제작합니다.

    카드 제작

    플러스 기호를 클릭하여 카드를 제작합니다. 패널의 오른쪽 끝에서 카드 이름을 지정하고 설정을 변경합니다. 패널의 오른쪽 끝에 있는 옵션은 선택하는 카드 영역에 따라 달라집니다.

    텍스트 영역을 편집하려면 왼쪽의 카드 속성을 펼치고 이미지나 텍스트 영역 등의 작업하려는 항목을 선택합니다. 카드 메타데이터가 표시되지 않도록 하려면 해당 메타데이터 옆에 있는 [숨기기] 아이콘을 클릭합니다.

    미리보기 영역의 가운데를 클릭하여 해당 영역에 대한 설정을 편집할 수도 있습니다. 미리보기 영역에서 설정 기능을 사용해 확대하거나 축소하고, 레이아웃이나 카드를 표시하고, 콘텐츠를 표시하거나 숨기는 등 다양하게 실험해 보십시오.

  6. 카드에 대한 매핑 규칙을 정의합니다.

    카드에 대한 매핑 규칙 정의

    [매핑]을 클릭한 다음 선택한 카드 옆의 [규칙 추가]를 클릭합니다.

    매핑 속성을 정의합니다. 예를 들어 중요도가 높은 배너에 대한 규칙을 설정할 수 있습니다. 매핑 규칙을 설정할 때 컬렉션의 어떤 콘텐츠가 해당 카드에 할당되는지 미리 볼 수 있습니다.

    컬렉션의 항목을 드래그하여 해당 순서를 변경합니다. 레이아웃 템플릿을 저장할 때 이러한 변경 내용이 적용됩니다.

  7. (선택 사항) 추가 레이아웃(“변환”이라 칭함)을 제작하여 이 문서의 후반부에 기재된 설명에 따라 태블릿, 휴대폰, 웹에 대해 서로 다른 모양 설정을 정의할 수 있습니다.

  8. 레이아웃 템플릿을 저장하고 닫습니다.

    레이아웃 템플릿을 저장할 때 해당 레이아웃이 컬렉션에 할당되지 않은 경우 가져온 컬렉션에 레이아웃 템플릿을 적용할 수 있도록 알림이 표시됩니다.

  9. 레이아웃 템플릿을 컬렉션에 할당합니다.

    레이아웃 템플릿을 편집하거나 컬렉션 속성을 편집할 때 해당 레이아웃 템플릿을 컬렉션에 할당할 수 있습니다.

    레이아웃을 컬렉션에 할당

레이아웃 설정

레이아웃으로 컬렉션 검색 페이지의 모양을 결정할 수 있습니다.

휴대폰과 태블릿에 대해 서로 다른 레이아웃을 사용하려면 이 문서의 후반부에 기재된 설명에 따라 레이아웃 템플릿 내에서 여러 레이아웃(“레이아웃 변환”이라 칭함)을 정의하십시오. 

아래의 레이아웃 설정을 지정합니다.

셀 종횡비

이 옵션을 사용하여 폭:높이 비율로 표시되는 셀 모양을 변경할 수 있습니다. 예를 들어 1:1 셀은 정사각형이고, 4:3 셀은 높이보다 폭이 넓고, 3:4 셀은 폭보다 높이가 높습니다. 3.5와 같이 양수가 지정되면 3.5:1의 종횡비를 만들 수 있습니다.

열의 수 지정 카드는 레이아웃보다 많은 열을 가질 수 없다는 점을 참고하십시오.

간격 및 여백 단위

간격 및 여백 값을 지정하는 데 디바이스 독립적 픽셀(DIP)을 사용할지 또는 백분율을 사용할지를 표시하십시오. 간격으로 카드 사이의 공백을 결정할 수 있습니다. 여백으로 카드의 외부 가장 자리와 보기 영역 사이의 공백을 결정할 수 있습니다.

레이아웃 배경색

검색 페이지 배경색을 지정하십시오. 이 색상이 여백 및 간격에 표시되므로 카드의 투명도를 통해 확인할 수 있습니다.

배경 이미지

이 옵션을 선택하면 컬렉션 배경 이미지로 지정된 이미지가 검색 페이지가 표시됩니다. 배경 이미지와 레이아웃 배경색이 둘 다 지정되면 배경 이미지가 우선시됩니다. 배경 이미지에 투명한 부분이 있으면 배경색이 표시됩니다. 배경 이미지는 전체 화면으로 크기가 조절되고 채워집니다. 이는 또한 정적인 이미지이며, 카드는 컬렉션 배경 앞에서 스크롤됩니다.

카드 설정

카드 제작 시 디자인 특성을 지정하고 표시된 레이아웃 셀의 수를 정의하고 기타 속성을 지정하십시오. 단, 카드와 연계되는 콘텐츠는 지정하지 않으며, 이는 매핑 규칙을 설정할 때 지정하게 됩니다.

카드의 실제 모양과 크기는 카드가 적용되는 레이아웃에 의해 결정됩니다. 예를 들어 3열 레이아웃에 적용되는 3x2 카드는 12열 레이아웃에 적용되는 3x2 카드와는 모양이 완전히 다릅니다.

설정을 지정할 때 미리보기 영역에 가져온 컬렉션의 콘텐츠를 사용하여 카드의 대략적인 모양이 표시됩니다.

카드 설정을 지정할 때 카드의 다양한 항목이 어떻게 상호 작용하는지에 대한 개념을 이해하는 것이 중요합니다.

순서 또는 계층 구조

카드 배경은 레이아웃 상단에 있습니다. 카드 이미지 영역은 카드 배경 상단에 있습니다. 카드 텍스트 영역은 카드 이미지 영역 상단에 있습니다.

카드 이미지

컬렉션, 아티클, 배너 및 컬렉션 배경의 이미지는 가운데에 표시되고 크기가 조절되며 필요에 따라 카드 이미지 영역에 맞게 잘립니다.

컬렉션 검색 페이지에 카드를 식별할 수 있습니다. 카드에는 반투명하고 컬렉션의 배경색 또는 이미지를 드러내는 특정한 속성이 있을 수 있습니다. 카드의 특정 부분이 반투명하여 텍스트의 가독성이 높아지고 카드 이미지에 색상을 넣을 수도 있지만 카드 이미지는 불투명합니다.

카드 형식

“이미지 왼쪽” 카드 형식 또는 “이미지 오른쪽” 카드 형식을 지정하면 카드가 표시되는 레이아웃에 충분한 공간이 생겨 이미지 영역과 텍스트 영역이 나란히 표시될 수 있습니다. 텍스트 영역이 잘리지 않도록 하려면 레이아웃의 셀 종횡비를 변경하거나 카드 폭을 넓혀야 합니다.

배경, 테두리 및 여백

카드에는 하나의 색상이 있으면 투명도가 있을 수 있습니다. 카드 색상은 카드 이미지와 텍스트 영역의 배경 역할을 합니다.

카드 배경은 이미지, 텍스트 영역 및 테두리로 표시될 수 있습니다. 이미지와 텍스트 영역은 카드 배경 전면에 있습니다. 이미지와 텍스트 영역에는 둘 다 여백이 있습니다.

여백으로 이미지와 텍스트 영역이 카드의 가장자리에서 벗어나 이동합니다. 여백을 지정하면 반투명 카드 배경이 드러날 수 있습니다. 이미지에 있는 투명한 색상 오버레이로 이미지에 색상을 넣을 수 있습니다. 또한 텍스트 영역에는 패딩이 있어 라벨(메타데이터)이 텍스트 영역의 가장자리에서 벗어나 이동합니다.

또한 텍스트 영역에는 투명도를 지원하는 색상 배경이 있습니다. 색상 배경을 사용하여 대비를 추가하거나 텍스트를 좀 더 쉽게 읽을 수 있습니다.

테두리는 불투명하며 카드의 가장자리에서 안으로 모든 것을 밀어 넣습니다. 카드에 반투명하고 레이아웃 배경과 잘 어울리는 가장자리를 추가할 경우 이미지 또는 텍스트 영역에 여백이 사용됩니다. 카드 사이에 공간이 필요한 경우 레이아웃의 간격이 사용됩니다.

카드 설정 옵션
카드 이미지 영역은 카드 배경 위에 있습니다. 카드 텍스트 영역은 카드 이미지 영역 위에 있습니다.

디바이스 독립적 픽셀(DIP)

디바이스 독립적 픽셀(DIP)은 앱에서 사용하기 위해 기본 시스템이 물리적 픽셀로 변환하여 추출한 픽셀입니다. 예를 들어 10 DIP 테두리 지정으로 테두리가 1024x768 SD iPad와 2048x1536 HD iPad에 표시되면 상대적으로 동일한 크기를 가지게 됩니다.

메타데이터 필드

메타데이터 필드를 정의하면 동일한 필드 안에 텍스트와 두 개의 메타데이터 항목을 포함할 수 있습니다. 예를 들어 메타데이터 필드를 {{title}}, {{author}}로 정의하면 카드는 “아르헨티나에서 낚시, Jane Doe”와 같이 아티클 메타데이터를 표시합니다. 또는 {{title}}{{author}}에 대해 개별 필드를 만들면 메타데이터가 카드의 여러 줄에 표시됩니다.

카드에 매핑된 콘텐츠가 지정된 필드에 대한 메타데이터를 포함하지 않는 경우 필드가 추가적인 텍스트(예: , {{author}}에서 “,”)를 포함하지 않는 한 해당 필드는 무시됩니다. 기본적으로 카드는 세 개의 메타데이터 필드를 포함합니다. 왼쪽 끝에 있는 창에서 “눈” 모양의 아이콘을 클릭하여 각각의 메타데이터 필드를 숨기거나 표시할 수 있습니다.

{{Published Date (Default)}} 메타데이터 항목을 선택하면 해당 형식을 결정하는 데 디바이스 로케일 및 언어가 사용됩니다. 예를 들어 날짜 형식은 영어(미국)의 경우 MM/DD/YYYY, 독일의 경우 DD/MM/YYYY로 표시됩니다.

포털의 글꼴 및 앱 맞춤화 섹션을 사용하여 이전에 업로드한 모든 맞춤형 글꼴을 선택할 수 있습니다. AEM Mobile 앱 맞춤화: 맞춤형 글꼴 사용을 참조하십시오.

카드로 콘텐츠 매핑

매핑 규칙을 설정하여 메타데이터를 기반으로 하는 콘텐츠에 적용되는 카드를 결정합니다. 예를 들어 우선 순위가 “높음”에 설정된 특정 아티클에 대형 카드를 적용하는 매핑 규칙을 만들 수 있으며, 우선 순위가 “표준”에 설정된 특정 아티클에 소형 카드를 적용하는 두 번째 매핑 규칙을 만들 수 있습니다.

각 콘텐츠의 경우 매핑 규칙은 차례로 평가됩니다. 콘텐츠 메타데이터와 일치하는 첫 번째 매핑 규칙이 적용됩니다. 콘텐츠는 지정된 모든 규칙 설정을 준수해야 합니다. 예를 들어 매핑 규칙의 유형이 배너로 설정되어 있고 중요도가 높음으로 설정되어 있으면 콘텐츠는 규칙을 적용할 수 있는 중요도가 높은 배너가 됩니다.

예를 들어 3x1 카드와 1x1 카드를 만들었다고 가정해 봅시다. [유형=아티클/중요도=높음]으로 설정하는 첫 번째 매핑 규칙을 만듭니다. 1x1 카드의 경우에는 메타데이터를 지정하지 않고 두 번째 매핑 규칙을 만듭니다. 이 예제에서 3x1 규칙은 1x1 규칙보다 중요도가 높아야 합니다. 그렇지 않으면 중요도가 높은 아티클이 1x1 카드에 할당됩니다.

규칙 설정에 사용되는 메타데이터는 대/소문자를 구분합니다. “파란색” 내부 키워드로 규칙을 만들면 “파란색” 내부 키워드를 가진 콘텐츠는 적용되지 않습니다. 콘텐츠에 여러 키워드가 포함되어 있는 경우 해당 설정을 따르려면 매핑 규칙은 이 키워드 중 하나와만 일치해야 합니다.

카드 매핑으로 검색 페이지에서 콘텐츠의 순서를 정할 수는 없습니다. 카드 매핑은 카드에 매핑되는 콘텐츠만 정할 수 있습니다.

규칙 활성화

“규칙 활성화” 옵션을 사용하여 카드를 기준과 일치하는 지정된 번호의 항목에만 적용합니다. 예를 들어 와이드 카드를 컬렉션의 첫 번째 아이템에만 적용하는 매핑 규칙을 제작할 수 있습니다. 규칙을 편집할 때 [규칙 활성화] > [가끔]을 선택한 다음 이 규칙을 적용하고자 하는 항목의 번호를 지정합니다.

이 경우 규칙의 대형 카드가 컬렉션의 첫 번째 아이템에만 적용됩니다.

요소 매핑

“요소 매핑” 옵션을 사용하여 기준과 일치하는 모든 n 번째 카드에 대해 적용합니다. 예를 들어 대체 카드를 만들고자 하는 경우 규칙과 일치하는 첫 번째 항목부터 시작하여 모든 두 번째 카드에 규칙을 적용되는 카드를 제작합니다. 이 경우 두 번째 항목으로 시작하는 모든 다른 항목은 기준과 일치하는 다음 규칙에 따라 포맷될 수 있습니다.

이 규칙으로 카드가 모든 다른 항목에 적용됩니다. 다음 유효 규칙이 다른 대체 항목에 적용됩니다.

태블릿과 휴대폰에 대한 레이아웃 변환

 

디자인에 유연성을 제공하는 레이아웃 변환 기능을 통해 동일한 컬렉션을 태블릿, 휴대폰, 데스크탑 웹 뷰어에서 각각 서로 다르게 표현할 수 있습니다. 이 새로운 기능을 사용하여 이제 디자인의 본래 의도를 유지하며 지원되는 모든 종류의 플랫폼에 동일한 콘텐츠를 제공하는 것이 가능해졌습니다. 레이아웃 템플릿을 제작할 때 태블릿, 휴대폰, 웹에 대해 서로 다른 레이아웃 및 카드 설정을 정의할 수 있습니다. 각각의 대상 디바이스에 대해 변환 설정을 하면 디바이스의 종류에 따라 검색 페이지의 모양이 결정됩니다.

레이아웃 변환 기능은 특히 1개의 최상위 수준 컬렉션을 갖는 프로젝트에 유용하지만, 휴대폰과 태블릿 모두에 대해 동일한 컬렉션을 사용하기 위한 2개의 최상위 수준 컬렉션을 가진 프로젝트에도 효과적입니다.

다음의 예에서 이 레이아웃 템플릿의 카드는 태블릿과 휴대폰에서 각각 다르게 표시됩니다.

레이아웃 템플릿을 만들 때 처음엔 태블릿 변환만 생성됩니다. 휴대폰이나 웹 레이아웃이 새로 추가되지 않는 한 이는 태블릿, 휴대폰, 웹에 적용되는 기본 변환입니다. 휴대폰이나 웹용 레이아웃을 추가(이 또한 “변환”이라 칭함)할 때 새로운 변환은 기본 태블릿 변환의 설정을 상속받습니다. 이후 카드나 레이아웃 설정에 취해지는 모든 변경 사항은 이 변환에만 적용됩니다. (카드 매핑 규칙은 모든 변환에 적용됩니다.)

참고:

이전 과정에서 너무 이른 시점에 레이아웃을 제작하여 이를 수정할 필요가 있다고 판단되는 경우에는 해당 변환을 삭제하고 모든 변환에 적용되는 설정을 변경한 다음 변환을 다시 만들 수 있습니다.

  1. 레이아웃 템플릿을 제작합니다. 카드를 만들고 매핑 규칙을 적용합니다. 모든 대상 디바이스에 적용할 설정을 지정합니다.

    최선의 결과를 위해 태블릿 레이아웃부터 시작하고 카드와 매핑 규칙을 추가한 다음 모든 디바이스에 적용되는 카드 및 레이아웃 설정을 변경하는 것이 좋습니다. 그런 다음 휴대폰 레이아웃을 제작하고 휴대폰에만 적용되는 설정을 변경합니다(이후 필요 시 웹에 대해서도 수행). 이러한 방법으로 각각의 변환에 대해 동일한 설정을 지정하는 오류를 방지할 수 있습니다.

  2. 휴대폰 변환을 만들려면 [휴대폰] > [레이아웃 추가]를 클릭한 다음 [레이아웃 제작]을 클릭합니다. 휴대폰을 선택한 다음 해당 휴대폰에 대한 카드 및 레이아웃 설정을 지정합니다.

  3. 데스크탑 웹 뷰어에 대한 변환을 만들려면 [웹] > [레이아웃 추가]를 클릭한 다음 [레이아웃 제작]을 클릭합니다. 웹을 선택한 다음 해당 데스크탑 웹 뷰어에 대한 카드 및 레이아웃 설정을 지정합니다.

  4. 레이아웃 템플릿을 저장하고 이를 컬렉션에 적용합니다. 결과를 테스트합니다.

    레이아웃 변환은 릴리스 2015.8(2015년 12월) 이상 버전을 사용하여 빌드한 앱을 필요로 합니다.

레이아웃을 제거하려면 레이아웃 풀다운 메뉴를 클릭하여 표시한 다음 휴지통 아이콘을 클릭합니다. 기본 레이아웃은 제거할 수 없습니다.

대상 미리보기 크기를 변경하려면 디바이스 메뉴에서 다른 크기를 선택합니다.

기본 레이아웃을 변경하려면 레이아웃 풀다운 메뉴를 클릭하여 표시한 다음 [기본값으로 설정]을 선택합니다. 이렇게 하면 기본 레이아웃을 지정되지 않은 모든 유형의 디바이스에 사용할 수 있습니다. 예를 들어 휴대폰과 태블릿 레이아웃만 가지고 있는 경우 휴대폰을 기본값으로 설정하면 휴대폰 레이아웃이 웹에 적용됩니다.

메뉴를 사용하여 미리보기 옵션을 변경하거나 기본값을 설정하거나 레이아웃을 제거할 수 있습니다.

카드 순서

일반적으로 컬렉션에 있는 콘텐츠의 순서는 레이아웃에 있는 콘텐츠의 순서를 결정합니다. 단, 카드 배열로 인해 가장 자리를 따라 레이아웃에 간격이 생기면 가장 자리 간격이 낮은 순서의 소형 카드로 채워질 수 있으므로 콘텐츠의 순서가 변경될 수 있습니다. 예를 들어 3열 격자의 첫 번째 아티클이 2x1 카드이고 두 번째 항목이 3x1 카드로, 세 번째 항목이 1x1 카드로 매핑되었다고 가정해 봅시다. 이러한 경우 1x1 카드는 두 번째 항목 위에 있는 상단 줄의 간격에 표시됩니다.

카드 순서 설정
세 번째 항목이 두 번째 항목 앞으로 이동하여 간격을 채웁니다.

카드 및 레이아웃 삭제

레이아웃이나 레이아웃 템플릿을 삭제하려면 우선 컬렉션에서 이와 연계된 모든 참조를 제거해야 합니다. 특히, 다른 레이아웃을 할당하려면 컬렉션을 편집하십시오. 컬렉션에 다른 레이아웃을 적용하고 나면 이들 컬렉션이 게시된 경우 이를 다시 게시해야 합니다. 그런 다음 레이아웃 또는 레이아웃 템플릿을 게시 취소하고 삭제할 수 있습니다.

레이아웃 템플릿의 일부가 아닌 카드를 삭제하려면 우선 이와 연계된 모든 참조를 제거해야 합니다. 특히, 카드를 참조하는 레이아웃을 편집하여 제거하거나 모든 매핑 규칙을 편집하십시오. 레이아웃 매핑 규칙을 제거하거나 편집하고 나면 이들 레이아웃이 게시된 경우 이를 다시 게시해야 합니다. 이후 카드를 게시 취소하고 삭제할 수 있습니다. (카드가 레이아웃 템플릿의 일부인 경우에는 언제든지 이를 삭제할 수 있습니다.)

기본 카드나 기본 레이아웃은 삭제할 수 없습니다.

다른 프로젝트로 레이아웃 복사

동일한 계정 내에서 하나의 프로젝트로부터 다른 프로젝트로 레이아웃 템플릿을 복사할 수 있습니다. 대상 프로젝트에 동일한 이름의 레이아웃 템플릿이 있는 경우에는 기존 레이아웃을 덮어쓸지 또는 레이아웃을 새로 복사할지 결정할 수 있습니다.

  1. 복사하려는 레이아웃 템플릿을 선택하고 다른 프로젝트에 레이아웃 복사를 선택합니다.

  2. 계정에서 사용할 수 있는 프로젝트 목록에서 레이아웃을 복사할 프로젝트를 선택합니다.

  3. 대상 프로젝트에 있는 동일한 이름의 레이아웃을 복사한 레이아웃으로 대체하려면 존재하는 경우 덮어쓰기를 선택하십시오.

    이 옵션을 선택하지 않으면 대상 프로젝트에 복사한 레이아웃과 동일한 이름의 레이아웃이 있는 경우 오류 메시지가 표시됩니다.

  4. 대상에 복사를 클릭합니다.

이 작업에는 Creative Commons Attribution-Noncommercial-Share Alike 3.0 Unported License의 라이센스가 부여되었습니다.  Twitter™ 및 Facebook 게시물은 Creative Commons 약관을 적용받지 않습니다.

법적 고지 사항   |   온라인 개인 정보 보호 정책