디자인 맞춤설정

현재 Apigee Edge 문서가 표시되고 있습니다.
Apigee X 문서로 이동
정보

회사 테마에 맞게 개발자 서비스 포털의 모양을 맞춤설정하여 포털에 새 콘텐츠 영역을 추가하거나 포털에서 페이지의 레이아웃을 변경할 수 있습니다. 이 구성의 대부분에는 Drupal 실용 지식이 필요합니다. 그러나 이 페이지에서는 포털을 맞춤설정하기 위해 수행할 수 있는 몇 가지 기본 작업을 설명합니다.

사이트 제목 및 슬로건 맞춤설정

사이트의 제목과 사이트 슬로건을 설정할 수 있습니다. 홈페이지에 제목과 슬로건이 다음과 같이 표시됩니다.

'제목 | 슬로건'

제목은 필수 항목이며 기본적으로 '새 Apigee 사이트'로 설정되어 있습니다. 슬로건은 필수가 아니며 기본적으로 비어 있습니다.

제목과 슬로건을 설정하려면 다음 단계를 따르세요.

  1. 관리자 또는 콘텐츠 생성 권한이 있는 사용자로 포털에 로그인합니다.
  2. Drupal 관리 메뉴에서 구성 > 시스템 > 사이트 정보를 선택합니다.
  3. 사이트 정보 페이지에서 사이트 이름 및 필요에 따라 슬로건을 설정합니다.
  4. 구성을 저장합니다.
    캐싱으로 인해 카드와 슬로건이 변경되더라도 바로 표시되지 않을 수 있습니다. 선택적으로 캐시를 플러시하여 이러한 변경사항이 표시되도록 할 수 있습니다. 캐시를 플러시하려면 Drupal 관리 메뉴의 맨 왼쪽에 있는 Drupal 아이콘을 선택한 다음 모든 캐시 삭제를 선택합니다.

홈페이지의 레이아웃 맞춤설정

다음 그림은 홈페이지의 레이아웃을 보여줍니다.

Drupal은 이 페이지의 표시를 제어하는 광범위한 메커니즘을 제공합니다. 이 섹션에서는 기본 기본 페이지의 레이아웃 요소와 이러한 요소를 수정하는 방법을 설명합니다. 페이지를 완전히 다시 디자인하려면 Drupal 문서를 참고하세요.

홈페이지는 다음과 같은 섹션으로 나뉩니다.

  • 기본 메뉴: Apigee 로고와 블로그 및 포럼 메뉴 항목이 포함됩니다. 아래 섹션에서는 기본 메뉴를 구성하는 방법을 설명합니다.
  • 환영 메시지: 기본 메뉴 아래에서 'Welcome to the ...' 텍스트로 시작하는 문자열입니다. 테마 맞춤설정은 환영 메시지를 구성하는 방법을 설명합니다.
  • 상단 영역: 기본 메뉴 아래에 환영 메시지가 포함된 영역, 문서 및 액세스 키가 있는 빌드에 대한 링크가 있는 상자 2개, 큰 아이콘이 포함됩니다. 이 영역은 Drupal 블록에 의해 정의됩니다. 블록은 Drupal 페이지의 직사각형 콘텐츠 영역입니다. 상단 영역을 구성하려면 아래에 설명된 대로 해당 영역의 콘텐츠를 정의하는 Drupal 블록을 수정합니다.
  • 하단 영역: 최근 블로그 게시물, 포럼 토론, 인기 주제 영역을 포함하는 영역입니다. 이 세 영역은 Drupal 뷰로 구현됩니다. 블로그 및 포럼 게시물 추가에는 이러한 뷰를 수정하는 방법이 설명되어 있습니다.
  • 바닥글: 개인정보처리방침, 이용약관 및 이용약관, 문의 링크가 포함됩니다. 바닥글 페이지 수정을 참고하세요.

홈페이지의 상단 영역을 정의하는 블록 맞춤설정

  1. 관리자 권한이 있는 사용자로 포털에 로그인합니다.
  2. Drupal 관리 메뉴에서 Structure > Blocks를 선택합니다.
  3. 블록 페이지에서 홈페이지 헤더라는 이름의 블록에 configure 링크를 선택합니다.
    홈페이지 헤더 블록의 본문은 블록의 모양을 정의하는 HTML 코드입니다.
  4. 필요에 따라 블록을 수정합니다.
  5. 블록 저장을 선택합니다.
  6. 홈페이지로 이동하여 변경사항을 확인합니다.

기본 메뉴 맞춤설정하기

기본 메뉴는 개발자 포털의 각 페이지 상단에 표시됩니다. 기본적으로 Apigee 로고와 블로그 및 포럼의 2가지 메뉴 항목이 표시됩니다. 기본 메뉴를 수정하여 로고로 변경되고 자체 메뉴 항목을 설정할 수 있습니다.

로고를 변경하려면 다음 단계를 따르세요.

  1. 관리자 또는 콘텐츠 생성 권한이 있는 사용자로 포털에 로그인합니다.
  2. 기본 테마가 Apigee 반응형 테마인 경우:
    1. 디자인 > 설정을 선택합니다.
  3. 기본 테마가 Apigee DevConnect 테마인 경우:
    1. Appearance > Settings > Apigee DevConnect Theme을 선택합니다.
  4. 로고 이미지 설정에서 기본 로고 사용을 선택 해제합니다.
    이미지 파일을 찾아 업로드할 수 있도록 페이지가 변경됩니다.
  5. 로고 이미지 업로드 아래에서 파일 선택 버튼을 선택하고 이미지 파일로 이동합니다.
  6. 열기를 선택하여 파일을 업로드합니다.
  7. Save Configuration을 클릭합니다.

메뉴 항목을 수정하려면 다음 단계를 따르세요.

  1. 관리자 또는 콘텐츠 생성 권한이 있는 사용자로 포털에 로그인합니다.
  2. Drupal 관리 메뉴에서 Structure > Menus > Main menu를 선택합니다.
    이 페이지에서 메뉴 항목을 추가, 삭제, 재정렬할 수 있습니다.
  3. 링크 추가를 클릭하여 새 메뉴 항목을 추가합니다.
  4. 필수 정보를 추가하고 저장을 선택합니다.
  5. 기본 메뉴 페이지에서 구성 저장을 클릭합니다.

내 앱 페이지의 이름을 내 API로 변경

기본적으로 모든 포털 개발자에게는 앱 및 앱과 관련된 API 키를 추가, 수정, 삭제하는 데 사용하는 '내 앱'이라는 페이지가 있습니다. 예를 들어 개발자는 '내 앱' 페이지에서 여러 앱을 보유할 수 있고, 앱을 수정하여 API 제품을 추가 또는 삭제하며, 앱 사용에 대한 분석 정보를 볼 수 있습니다.

그러나 일부 API 제공업체는 포털의 정보 표시를 단순화하고 개발자와 포털의 상호작용을 단순화하려고 합니다. 예를 들어 개발자가 포털에 등록할 때 기본 앱 및 API 키를 만들도록 포털을 구성할 수 있습니다. 이 앱도 개발자가 액세스하는 유일한 앱일 수도 있으며 사이트에서 사용자의 앱 수정을 허용하지 않습니다. 기본 앱을 만드는 방법에 관한 자세한 내용은 사용자 계정 추가 및 관리를 참고하세요.

'앱'이라는 용어를 아예 사용하지 않는 사이트도 있습니다. 이러한 사이트는 대신 API 및 API 키를 참조합니다. 이러한 경우 '앱'이라는 용어를 'API'로 대체하도록 포털을 구성하여 이제 개발자가 '내 API'라는 페이지를 사용할 수 있도록 합니다. 하지만 페이지에 표시되는 정보는 아래와 같이 페이지가 '내 앱'으로 불렸을 때의 정보와 동일합니다.

이 변경사항은 My API 페이지의 제목뿐만 아니라 다른 영역에도 영향을 미칩니다. 예를 들어 위 그림에서는 지금 오른쪽에 있는 버튼이 'Add a new API'로 표시되어 있고, 그 아래 텍스트는 앱이 아닌 API를 나타냅니다.

My API를 표시하도록 포털을 구성하려면 다음 단계를 따르세요.

  1. 관리자 또는 콘텐츠 생성 권한이 있는 사용자로 포털에 로그인합니다.
  2. Drupal 관리 메뉴에서 Configuration > Dev Portal > Application Settings를 선택합니다.
  3. 페이지의 애플리케이션 UI 설정 영역을 펼칩니다.
  4. 고소할 텍스트에 해당하는 라디오 버튼을 선택합니다.
  5. 변경사항 저장을 클릭합니다.
  6. Drupal 관리 메뉴에서 Structure > Menus > Main 메뉴를 선택합니다.
  7. My Apps(내 앱) 항목의 Edit(수정) 링크를 클릭합니다.
  8. 메뉴 링크 제목My API로 수정합니다.
  9. 저장을 클릭합니다.
  10. 기본 메뉴 페이지에서 구성 저장을 클릭합니다.

휴대기기에 Drupal 관리 메뉴 사용 설정

기본 Drupal 관리 메뉴는 소형 화면 크기의 휴대기기와 호환되지 않습니다. 휴대기기에서 포털을 관리하려면 화면 너비가 767픽셀 이상인 휴대기기를 지원하는 새 관리 메뉴를 사용 설정할 수 있습니다.

모바일 호환 관리자 메뉴를 사용 설정하려면 다음 단계를 따르세요.

  1. 관리자 또는 콘텐츠 생성 권한이 있는 사용자로 포털에 로그인합니다.
  2. Drupal 관리 메뉴에서 Modules를 선택합니다. 설치된 모든 Drupal 모듈의 목록이 표시됩니다.
  3. Navbar 모듈을 다운로드하여 설치합니다.
  4. 사용 설정된 경우 관리 메뉴 툴바 스타일 모듈을 사용 중지합니다.
  5. 구성 저장을 클릭합니다.
  6. Administration 메뉴 모듈을 사용 중지합니다.
  7. Navbar 모듈을 사용 설정합니다.
  8. 구성 저장을 클릭합니다.

이제 모바일 호환 Drupal 관리 메뉴가 표시됩니다.