디자인 맞춤설정

Apigee Edge 문서입니다.
Apigee X 문서로 이동
정보

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

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

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

'제목 | 슬로건'

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

제목과 슬로건을 설정하는 방법:

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

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

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

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

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

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

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

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

기본 메뉴 맞춤설정

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

로고를 변경하려면 다음 안내를 따르세요.

  1. 관리자 또는 콘텐츠 제작 권한이 있는 사용자로 포털에 로그인합니다.
  2. 기본 테마가 Apigee 반응형 테마인 경우:
    1. 모양 > 설정을 선택합니다.
  3. 기본 테마가 Apigee DevConnect 테마인 경우:
    1. 모양 > 설정 > Apigee DevConnect 테마를 선택합니다.
  4. 로고 이미지 설정에서 기본 로고 사용을 선택 해제합니다.
    이 페이지가 변경되어 이미지 파일을 찾아 업로드할 수 있습니다.
  5. '로고 이미지 업로드'에서 파일 선택 버튼을 선택하고 이미지 파일로 이동합니다.
  6. 열기를 선택하여 파일을 업로드합니다.
  7. Save Configuration(구성 저장)을 클릭합니다.

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

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

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

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

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

일부 사이트에서는 '앱'이라는 용어를 전혀 사용하지 않으려 합니다. 대신 이러한 사이트에서는 API 및 API 키를 참조합니다. 이 경우 포털을 구성하여 '앱'이라는 용어를 'API'로 대체하면 개발자에게 '내 API'라는 페이지가 표시됩니다. 하지만 페이지에 표시되는 정보는 아래와 같이 페이지가 '내 앱'이라고 불렸을 때와 동일합니다.

이 변경사항은 '내 API' 페이지의 제목뿐만 아니라 다른 영역에도 영향을 미칩니다. 예를 들어 위의 그림에서 오른쪽 버튼에 '새 API 추가'라고 표시되고 그 아래 텍스트는 앱 대신 API를 참조합니다.

포털에서 '내 API'를 표시하도록 구성하려면 다음 단계를 따르세요.

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

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

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

모바일 호환 관리 메뉴를 사용 설정하는 방법은 다음과 같습니다.

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

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