Red Hat Summit12장. 기본 제공 페이지 변경
이 섹션을 완료하면 시스템 생성 페이지에 있는 모든 요소의 가시성을 수정하고 구성할 수 있습니다.
시스템에서 생성한 일부 요소는 Signup, Dashboard 및 Account 페이지와 같은 개발자 포털에서 수정할 수 없습니다. 이 가이드에서는 CSS 및 JavaScript로 이러한 페이지의 콘텐츠를 사용자 지정하는 방법을 보여줍니다.
시스템이 생성한 페이지는 백엔드 규칙에 따라 액세스 및 가시성을 따르므로 URL은 특정되고 하드 코드된 값이어야 합니다. 고객 포털 의 기술 자료 문서는 시스템 생성 페이지 및 해당 URL 목록을 제공합니다.
3scale 시스템 생성 페이지는 변경될 수 있지만 자주 발생하지는 않습니다. 이러한 변경으로 인해 이 가이드에 따라 구현하는 사용자 지정이 손상될 수 있습니다. 이러한 해킹을 사용하지 않을 수 있다면 그렇게하십시오. 계속하기 전에 중단되는 변경 사항을 모니터링하고 포털을 올바르게 작동하는 데 필요한 유지 관리 작업을 수행할 수 있는지 확인하십시오.
12.1. 요소 확인
가장 먼저해야 할 중요한 것은 숨기고 싶은 것을 파악하는 것입니다. 이를 위해 firebug (또는 Chrome 개발자 도구 또는 Opera Dragonfly와 같은 다른 개발자 도구)를 사용하십시오. 원하는 요소를 선택하고 콘솔에서 마우스 오른쪽 버튼을 클릭하고 Copy CSS path를 선택합니다. 이렇게 하면 정확한 CSS 경로를 저장하여 쉽게 조작할 수 있습니다. 요소가 사이드바 탐색 위젯의 일부이면 목록에서 위치를 지정해야 합니다. 이를 위해 "+" 선택기(예: 3rd li 요소: ul + li + li + li) 또는 :nth-child(n) CSS3 의사 클래스를 선택할 수 있습니다.
'%20d='M201.5%20305.5c-13.8%200-24.9-11.1-24.9-24.6%200-13.8%2011.1-24.9%2024.9-24.9%2013.6%200%2024.6%2011.1%2024.6%2024.9%200%2013.6-11.1%2024.6-24.6%2024.6zM504%20256c0%20137-111%20248-248%20248S8%20393%208%20256%20119%208%20256%208s248%20111%20248%20248zm-132.3-41.2c-9.4%200-17.7%203.9-23.8%2010-22.4-15.5-52.6-25.5-86.1-26.6l17.4-78.3%2055.4%2012.5c0%2013.6%2011.1%2024.6%2024.6%2024.6%2013.8%200%2024.9-11.3%2024.9-24.9s-11.1-24.9-24.9-24.9c-9.7%200-18%205.8-22.1%2013.8l-61.2-13.6c-3-.8-6.1%201.4-6.9%204.4l-19.1%2086.4c-33.2%201.4-63.1%2011.3-85.5%2026.8-6.1-6.4-14.7-10.2-24.1-10.2-34.9%200-46.3%2046.9-14.4%2062.8-1.1%205-1.7%2010.2-1.7%2015.5%200%2052.6%2059.2%2095.2%20132%2095.2%2073.1%200%20132.3-42.6%20132.3-95.2%200-5.3-.6-10.8-1.9-15.8%2031.3-16%2019.8-62.5-14.9-62.5zM302.8%20331c-18.2%2018.2-76.1%2017.9-93.6%200-2.2-2.2-6.1-2.2-8.3%200-2.5%202.5-2.5%206.4%200%208.6%2022.8%2022.8%2087.3%2022.8%20110.2%200%202.5-2.2%202.5-6.1%200-8.6-2.2-2.2-6.1-2.2-8.3%200zm7.7-75c-13.6%200-24.6%2011.1-24.6%2024.9%200%2013.6%2011.1%2024.6%2024.6%2024.6%2013.8%200%2024.9-11.1%2024.9-24.6%200-13.8-11-24.9-24.9-24.9z'/%3e%3c/svg%3e){kind=small}