12장. 기본 제공 페이지 변경

이 섹션을 마치면 시스템 생성 페이지에 있는 모든 요소의 가시성을 수정하고 구성할 수 있습니다.

시스템에서 생성한 일부 요소는 서브스크립션, 대시보드 및 계정 페이지와 같은 개발자 포털에서 수정할 수 없습니다. 이 가이드에서는 CSS 및 JavaScript로 이러한 페이지의 콘텐츠를 사용자 지정하는 방법을 보여줍니다.

시스템이 생성한 페이지는 백엔드 규칙에 따라 액세스 및 가시성을 따르므로 URL은 특정되고 하드 코드된 값이어야 합니다. 고객 포털 의 기술 자료 문서는 시스템 생성 페이지 및 해당 URL 목록을 제공합니다.

경고

3scale 시스템 생성 페이지는 변경될 수 있습니다(frequently). 이러한 변경으로 인해 이 가이드에 따라 구현한 사용자 지정이 중단될 수 있습니다. 이러한 해커 사용을 방지할 수 있는 경우 그렇게 하십시오. 계속 진행하기 전에 방해가 되는 변경 사항을 모니터링하고 포털이 올바르게 작동하도록 유지하기 위해 필요한 유지 관리 작업을 수행할 수 있는지 확인하십시오.

12.1. 요소 식별

첫 번째이자 가장 중요한 작업은 숨기려는 항목을 파악하는 것입니다. 이렇게 하려면 Firebug(또는 Chrome 개발자 도구 또는 Operakonfly와 같은 기타 개발자 도구)를 사용합니다. 원하는 요소를 선택하고 콘솔에서 마우스 오른쪽 버튼을 클릭하고 Copy CSS path를 선택합니다. 이렇게 하면 정확한 CSS 경로를 저장하여 쉽게 조작할 수 있습니다. 요소가 사이드바 탐색 위젯의 일부인 경우 목록에서 어떤 위치를 지정해야 합니다. 이를 위해 "+" 선택기(예: ul + li + li + li + li) 또는 :nth-child(n) CSS3 의사 클래스를 선택할 수 있습니다.

개발자 포털에서 기본 페이지 CSS를 수정합니다