Red Hat Summit11장. 개발자 포털 레이아웃 사용자 지정
자체 브랜딩과 일치하도록 전체 개발자 포털의 모양과 느낌 을 사용자 지정할 수 있습니다. 표준 CSS 스타일 관련이 있어 사용자 지정에 쉬운 시작점을 제공할 수 있습니다. 레이아웃 템플릿을 만들려면 기본 레이아웃 의 코드를 시작점으로 사용합니다.
이 튜토리얼에서는 개발자 포털에 자체 CSS 사용자 정의를 추가하고 다시 로드하여 새로운 기능 변경 사항을 라이브로 설정합니다.
11.1. 새 CSS 파일 만들기
링크 복사링크가 클립보드에 복사되었습니다!
기본 스타일인 default.css 가 있습니다. 이는 매우 크고 복잡하므로 확장하지 않고 사용자 정의 중 하나에 대해 고유한 스타일 시트를 생성하여 기본값을 덮어쓰는 것이 좋습니다. 페이지를 만드는 것과 동일한 방식으로 새 스타일 시트를 만듭니다. 고급 페이지 설정에서 적절한 MIME 콘텐츠 유형을 선택해야 합니다.
중요
선택한 레이아웃이 비어 있는지 확인합니다. 그렇지 않으면 페이지 레이아웃 HTML이 CSS 규칙을 모호하게합니다.
'%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}