Red Hat Summit12장. 기본 제공 페이지 변경
이 섹션이 끝나면 시스템 생성 페이지의 모든 요소의 가시성을 수정하고 구성할 수 있습니다.
시스템에서 생성한 일부 요소는 Signup, Dashboard, Account 페이지와 같은 개발자 포털에서 수정할 수 없습니다. 이 가이드에서는 이러한 페이지의 내용을 CSS 및 JavaScript로 사용자 정의하는 방법을 보여줍니다.
시스템 생성 페이지는 액세스 및 가시성을 위해 백엔드 규칙을 따르므로 URL은 구체적이고 하드 코딩된 값을 사용해야 합니다. 고객 포털의 기술 자료 문서는 시스템 생성 페이지 및 해당 URL 목록을 제공합니다.
3scale 시스템 생성 페이지는 자주 변경되지만 변경될 수 있습니다. 이러한 변경으로 인해 이 가이드에 따라 구현하는 사용자 정의가 손상될 수 있습니다. 이러한 해킹을 피할 수 있다면 그렇게하십시오. 계속하기 전에 중단된 변경 사항을 모니터링하고 포털을 유지하기 위해 필요한 유지 관리 작업을 수행할 수 있는지 확인하십시오.
12.1. 요소 식별
가장 먼저 해야 할 것은 숨기고 싶은 것을 파악하는 것입니다. 이를 위해 4.6.1bug (또는 Chrome 개발자 도구 또는 Opera Dragonfly와 같은 다른 개발자 도구)를 사용합니다. 원하는 요소를 선택하고 콘솔에서 마우스 오른쪽 버튼으로 클릭하고 CSS 경로 복사를 선택합니다. 이렇게 하면 쉽게 조작할 수 있도록 정확한 CSS 경로를 저장할 수 있습니다. 요소가 사이드바 탐색 위젯의 일부인 경우 목록의 위치를 지정해야 합니다. 이를 위해 "+" 선택기를 사용할 수 있습니다(예: 3rd 리더 요소 선택: ul + l + L + L) 또는 :nth-child(n) CSS3 pseudoclass.
'%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}