<ph type="x-smartling-placeholder"></ph>
현재 Apigee Edge 문서를 보고 있습니다.
Apigee X 문서. 정보
테마는 사이트의 디자인과 분위기를 정의하는 파일 모음입니다. 이 개발자 서비스 포털은 처음에 기본 테마로 정의되며 맞춤설정할 수 있습니다. 이렇게 하면 포털의 디자인과 분위기에 대한 기본 설정을 선택할 수 있습니다. 더보기 구체적으로 링크, 배경, 텍스트 및 기타 테마 요소의 색상을 변경할 수 있습니다. 나 개발자 포털의 메인 페이지에 표시되는 환영 메시지를 변경할 수도 있습니다.
개발자 포털 UI를 통해 또는 커스텀 테마 파일을 사용하여 기본 테마 파일을 재정의합니다.
<ph type="x-smartling-placeholder">개발자 포털 버전에 따라 선택할 수 있는 몇 가지 테마가 있습니다. 보낸 사람:
| 테마 | 설명 |
|---|---|
|
Apigee 반응형 테마 |
부트스트랩 3에 기반하는 기본 테마는 최신 버전이 포함되어 있습니다 이 테마는 너비가 768픽셀에서 1400픽셀 모든 Bootstrap 3 기능을 이 테마에서 사용할 수 있습니다. 참고: Apigee 반응형 테마를 사용하려면 부트스트랩이 7.x-3.0 테마가 사용 설정되었습니다. |
|
Apigee DevConnect 테마 |
Apigee 반응형 테마 이전의 기본 포털 테마입니다. 기존 포털을 새로운 Apigee 반응형 테마로 업그레이드할 수 있지만 먼저 업그레이드해야 합니다. 모든 블록, 템플릿 및 기타 콘텐츠가 부트스트랩 3과 호환되는지 확인 부트스트랩 7.x-3.0 테마가 사용 설정되어 있습니다. |
|
Apigee Base 테마 |
Apigee DevConnect 테마의 상위 테마이며 있습니다. |
기본 테마 설정
포털에서 여전히 이전 Apigee DevConnect 테마를 사용하는 경우 경고가 표시될 수 있습니다. 다음 형식으로 입력합니다.
"Apigee DevConnect theme" is out of date
다음 절차에 따라 포털의 기본 테마를 설정할 수 있습니다. 해야 할 일 테마를 배포하기 전에 항상 비프로덕션 시스템에서 새 테마를 먼저 테스트하세요. 있습니다
<ph type="x-smartling-placeholder">기본 테마를 설정하려면 다음 단계를 따르세요.
- 관리자 또는 콘텐츠 생성 권한이 있는 사용자로 포털에 로그인합니다.
- Drupal 관리 메뉴에서 모양을 선택합니다. 사용 설정된 테마가 나타납니다.
- 기본값으로 사용하려는 테마에서 기본값 설정을 선택합니다.
Apigee 반응형 테마를 사용하려면 Bootstrap 7.x-3.0 테마가 다음과 같아야 합니다. 해당 페이지에도 표시됩니다. - 구성을 저장합니다.
Apigee 반응형 테마 맞춤설정
이 섹션에서는 다음을 포함하여 Apigee 반응형 테마를 구성하는 방법을 설명합니다.
- 모달 양식 맞춤설정
- 일반 설정 맞춤설정
모달 양식 지원을 맞춤설정하려면 다음 단계를 따르세요.
포털은 Drupal 부트스트랩을 사용함 Drupal 양식을 모달로 표시하는 모달 양식 샌드박스 모듈 로그인 및 등록 양식은 기본 함수를 모달로 사용합니다. 이 기능을 사용 중지하면 해당 양식이 개별 페이지를 사용하세요.
- 관리자 권한이 있는 사용자로 개발자 포털에 로그인합니다.
- 구성 > 사용자 인터페이스 > 부트스트랩 모달 양식은 Drupal 관리 메뉴
- 양식에 대한 모달 지원을 사용 설정 또는 사용 중지합니다.
- Save configuration을 선택합니다.
Apigee 반응형 테마의 일반 설정을 맞춤설정하려면 다음 안내를 따르세요.
- 관리자 또는 콘텐츠 생성 권한이 있는 사용자로 포털에 로그인합니다.
- Drupal 관리 메뉴에서 모양을 선택합니다. 사용 설정된 테마 목록 표시됩니다.
- 페이지의 Apigee 반응형 (기본 테마) 영역에서 다음을 선택합니다. 설정 (페이지 상단의 설정 버튼을 선택하지 마세요.)
- Apigee 반응형 테마의 설정 페이지가 표시됩니다.
- 다음 표에서는 해당 페이지에서
있습니다. 이러한 설정을 변경하는 경우 '구성 저장'을 선택합니다.
지역 섹션 설명 부트스트랩 설정
구성요소
탐색경로 표시, 즉 기본 메뉴( Navbar) 및 지역 우물 표시는 다음과 같습니다.
- 탐색경로: 현재 위치 숨기기/표시, 홈 링크 사용/사용 중지 찾을 수 있습니다
- Navbar: Navbar (기본 메뉴)의 위치를 고정/정적/일반 위치에 배치하여 레이아웃을 더욱 동적으로 만듭니다.
- 지역 웰스: 사이트의 원하는 지역에 우물 클래스를 추가하여 해당 영역에 어두운 배경을 추가합니다.
자바스크립트
앵커 광고, 팝오버 및 도움말 표시 조정:
- 앵커: 앵커 위치를 고정하고 매끄러운 사용할 수 있습니다.
- 팝오버: 팝오버는 원하는 위치에 작은 콘텐츠 오버레이를 추가합니다. 요소가 포함됩니다. 팝오버를 사용 설정/사용 중지하고 팝오버 사용 방법을 구성합니다.
- 도움말: 도움말이 사용되는 방식을 구성합니다. 각 포드가 각 양식 요소의 오른쪽, 왼쪽, 상단 또는 하단에 도움말을 표시하고 기타 표시 옵션이 있습니다.
고급
포털에서 BootstrapCDN을 사용하는 방법을 제어합니다. 부트스트랩 테마 파일을 업데이트합니다. 다음에서 포털의 의존성을 사용 중지할 수 있습니다. 하지만 부트스트랩의 자체 구현을 제공해야 합니다. 프레임워크입니다
DevConnect 설정
환영 메시지, 기본 색상, 표시되는 로고 크기 설정 찾을 수 있습니다.
전체 설정 재정의
디스플레이 전환
포털의 여러 영역을 표시 및 사용 중지합니다.
로고 이미지 설정
기본 메뉴에 표시되는 이미지를 지정합니다.
바로가기 아이콘 설정
브라우저의 주소 표시줄이나 북마크에 표시되는 이미지를 지정합니다. 확인할 수 있습니다
Apigee DevConnect 테마 맞춤설정
Apigee DevConnect 테마는 포털의 이전 출시 버전에 대한 기본 포털 테마입니다. 새로운 Apigee 반응형 테마로 업그레이드할 수 있습니다 하지만 먼저 모든 구성 파일이 블록, 템플릿, 기타 콘텐츠가 부트스트랩 3과 호환되는지 여부를 확인합니다. 업그레이드하지 않아도 됩니다.
Apigee DevConnect의 일반 설정 맞춤설정 테마:
- 관리자 또는 콘텐츠 생성 권한이 있는 사용자로 포털에 로그인합니다.
- 모양 > 모양 > Apigee DevConnect 테마 > Drupal의 설정
관리 메뉴 그러면 테마의 초기 설정이 표시됩니다. 색상 설정:
16진수 값으로 지정됩니다.
- 원하는 대로 설정을 변경합니다.
예를 들어 환영 메시지를 추가 또는 변경하거나 헤더 배경 색상을 변경할 수 있습니다. 이 처음에는 헤더 배경색이 주황색 (#FF4300)에 가깝게 설정됩니다. 변경할 수 있습니다. 파란색과 같은 다른 색으로 변경합니다 (#0000FF). - 설정 변경을 완료하면 저장을 클릭합니다.
하위 테마를 만들어 테마 맞춤설정
포털과 함께 제공된 기본 테마를 정의하는 모든 파일과 애셋은 profiles/apigee/themes 디렉터리 찾을 수 있습니다 필요한 경우 이 디렉토리의 위치는 /var/www/html/profiles/apigee/themes입니다. 기본 위치에 포털을 설치했습니다.
테마를 수정하여 사이트의 디자인과 분위기를 수정하려면 profiles/Apigee/themes를 직접 사용할 수 있습니다. 삭제하면 다음에 포털을 업그레이드할 때 변경사항이 덮어쓰기됩니다.
대신 기본 테마를 복사하여 수정할 테마의 하위 테마를 만듭니다. 파일을 /sites/all/themes에 추가하세요. 디렉터리 하위 테마에 관한 안내는 Drupal을 참고하세요. https://www.drupal.org/node/225125에서 문서를 참조하세요.
- profiles/apigee/themes/apigee_responsive/apigee_responsive_starterkit 폴더를 복사합니다. /sites/all/themes로 이동 있습니다.
- apigee_responsive_starterkit 폴더의 이름을 바꿉니다. YOUR_THEME_NAME에게 전송합니다.
- apigee_responsive_starterkit.info 파일의 이름을 YOUR_THEME_NAME.info로 변경합니다.
- css/apigee_responsive_starterkit.css의 이름을 css/YOUR_THEME_NAME.css로 이동합니다.
- js/apigee_responsive_starterkit.js의 이름을 YOUR_THEME_NAME.js를 사용합니다.
- YOUR_THEME_NAME.info 파일을 수정하고 다음 줄을 바꿉니다.
스타일시트[all][] = css/apigee_responsive_starterkit.css
스크립트[] = js/apigee_ 제한 스타터키트.js
다음 코드로 대체:
스타일시트[all][] = css/YOUR_THEME_NAME.css
스크립트[] = js/YOUR_THEME_NAME.js - YOUR_THEME_NAME.info 파일의 테마 이름을 Apigee 반응형 스타터 키트에서 '내 테마'로 변경합니다. NAME님입니다.
- 테마에 새로운 스크린샷을 추가하려면 기존 screenshot.png 파일을 교체합니다.
- 테마에 새 로고를 추가하려면 기존 logo.png 파일을 바꿉니다.
- 테마에 새 파비콘을 추가하려면 기존 favicon.ico 파일을 교체합니다.