TAS 스타일 메뉴 – 기사

다음은 제공되는 모듈과 해당 스타일 옵션을 표시하는 데 사용되는 규칙의 예입니다. 그런 다음 게시할 기사를 디자인할 때 선택할 수 있도록 특정 모듈과 해당 옵션이 제공됩니다. 각 모듈 옵션 설명 뒤에는 기본/일반 구성을 사용하는 해당 모듈의 예가 나와 있습니다.

페이지 수준 설정에는 다음이 포함됩니다.

바닥글 목록 숨기기 - "We're Your Advocate(우리는 귀하의 옹호자입니다)"라는 제목이 있는 아래쪽 세 가지 요소를 숨깁니다. 이는 일반적으로 기사 페이지에 표시되지(숨겨져) 있으며 도움말 보기 및 알림 페이지에만 표시됩니다. 이 페이지에서는 해당 기능이 켜져(숨겨져 있지만) 다음에서 볼 수 있습니다. 이 페이지.
추천 이미지 – 홈페이지의 뉴스 블록이나 기타 랜딩 페이지 등 종합 콘텐츠 목록에 대한 이미지를 포함하는 데 사용됩니다. 그래픽은 일반적으로 헤더 이미지의 다른 변형(해상도/크기)입니다.

추가 리소스를 사용할 수 있습니다:

모듈 이름

사용 가능한 옵션 :

옵션 이름 - 옵션 설명 및 표시 방법

선택 사항, 필수 매개변수 또는 콘텐츠 유형

1. 헤더 모듈

사용 가능한 옵션 :

탐색경로 숨기기 – 홈 > {기사 유형} > {기사 이름 – 링크되지 않음}에 대해 각 수준에 대한 링크와 함께 탐색 모음 바로 아래에 텍스트를 표시하지 않습니다.
```
예 | 아니
```
배경색 – #F7F6F4(“White Smoke”)의 배경색을 포함합니다.
```
예 | 아니
```
콘텐츠 – 유연한 HTML 본문 콘텐츠입니다. 여기에는 제목에 대한 H1 제목과 선택적으로 자막에 대한 H2 제목이 포함되어야 합니다. 글꼴 크기 조정 옵션은 다음에서 찾을 수 있습니다. https://www.taxpayeradvocate.irs.gov/text-styles/
```
오픈 텍스트
```
이미지 정렬 – 일반은 7/5 분할(12열 레이아웃)에서 왼쪽에 텍스트, 오른쪽에 이미지로 표시됩니다. 중앙 하단에는 위의 텍스트와 아래의 이미지가 각각 12열 행에 쌓여 표시됩니다.
```
일반 | 중앙 하단
```
이미지 – 크기/해상도에 관한 텍스트가 필요합니다.. 이미지가 사용되지 않으면 이미지 정렬이 무시되고 텍스트가 전체 너비(12열) 레이아웃으로 표시됩니다.
CTA 링크 – 다른 곳으로 연결되는 버튼입니다(기본값은 청록색 #50ACB1 배경 및 흰색 #FFFFFF 텍스트). 또한 버튼의 맨 오른쪽에 흰색 화살표가 표시되며 :hover 시 약간 이동합니다.
```
URL 및 표시 텍스트
```
게시 날짜 표시 - 기사가 게시된 날짜를 표시합니다.
```
예 | 아니
```
날짜 표시 – 기사가 수정/재게시된 날짜를 표시합니다.
```
예 | 아니
```

다음은 권장/일반 설정(탐색경로 = 예, 배경 = 아니요, 제목 및 텍스트 예시, 이미지 유형 = 일반, 자리 표시자 이미지 선택, Google에 대한 CTA 링크, 게시 날짜 표시 = 예, 날짜 표시 = 예).

게시 : 2024 년 5 월 2 일 | 최종 업데이트: 3년 2024월 XNUMX일

헤더 모듈 예

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean의 두더지 sagittis sem sit amet fermentum. Nullam tortor nulla, fringilla vitae feugiat eu, elementum vitae dui.

구글

2. 복사 모듈

사용 가능한 옵션 :

수직 여백 – 모듈 앞 및/또는 뒤에 더 많은/보통/더 적은 공간을 포함합니다.
상단 및 하단 | 탑 | 하단 | 없음 | 상단 및 하단 네거티브 | 탑 네거티브 | 하단 네거티브
제목 – 모듈 상단에 H2 제목("섹션 제목" 클래스 포함)으로 포함할 텍스트입니다.
```
본문
```
헤드라인 스타일 – 헤드라인의 표시 스타일입니다. 줄 중심은 제목 텍스트 옆에 수평선을 삽입하여 컨테이너 너비의 나머지 부분을 확장합니다. 노멀은 수평선 없이 동일합니다. 밑줄은 제목을 더 작게 만들고(26px 대 40px) 컨테이너의 전체 너비 아래에 선을 삽입합니다.
```
라인센터 | 일반 | 밑줄
```
배경 텍스처 – 모듈의 상단, 하단 또는 둘 다에 점으로 표시된 "텍스처"를 추가합니다. 배치가 확실합니다. (이것은 일반적으로 공백이나 수평선이 전달하는 범위를 넘어 콘텐츠에 "강한" 중단을 만드는 데만 사용됩니다.)
```
탑 | 하단 | 상단 및 하단 | 장애가 있는
```
배경색 – 모듈의 배경색을 설정합니다. 흰색이 기본값이며 배경색을 설정하지 않습니다(상위 컨테이너의 #FFFFFF 색상이 표시되도록 허용). White Smoke는 배경색을 #F7F6F4로 설정하고, 위쪽과 아래쪽에 20px(기본값) 패딩을 추가합니다. 앨리스 블루와 플래티넘 블루는 모두 80px의 상단과 하단에 패딩을 추가합니다. Alice blue는 배경을 #EDF7F7로 설정합니다. 플래티넘 블루는 배경을 #E1E8EC로 설정합니다.
```
앨리스 블루 | 흰 연기 | 화이트 | 플래티넘 블루
```
본문 복사 정렬 – 본문 복사 텍스트의 정렬을 설정합니다. Left는 컨테이너의 최대 너비를 650px로 설정합니다. 전체 너비는 텍스트가 포함된 컨테이너 요소의 너비를 나타냅니다. 센터는 컨테이너를 정렬합니다. 상위 컨테이너의 중앙에 배치되지만 텍스트는 여전히 왼쪽 정렬됩니다.
```
왼쪽 | 센터 | 전체 넓이
```
본문 문구 – 선택적 제목과 스타일이 포함된 일반 단락 수준 텍스트입니다. 모듈의 주요 내용입니다.
```
오픈 텍스트
```
배경색 – (본문 기본 섹션 내부에 있음) 투명은 본문 문구 부분의 배경색을 설정하지 않습니다. 하늘색 청록색과 앨리스 파란색 모두 "전체 너비" 또는 "상자"를 추가로 선택할 수 있습니다. 전체 너비는 배경색을 전체 페이지 너비로 확장합니다. 상자는 컨테이너 너비에만 걸쳐 있습니다. 하늘색 청록색은 배경을 #E1E8EC로 설정합니다. Alice blue는 배경을 #EDF7F7로 설정합니다.
```
하늘색 청록색 | 앨리스 블루 | 투명한
```
본문 복사 열 – 이 버튼을 사용하면 자체 헤드라인과 콘텐츠 열이 포함된 콘텐츠의 하위 섹션을 만들 수 있습니다. 각각은 상위 너비의 절반인 컨테이너에 표시됩니다. 본문 복사 열 섹션 아래에 "배경 파란색"으로 식별되는 추가 확인란을 사용할 수 있습니다.
- 헤드라인 – H3 헤더의 콘텐츠를 표시하는 한 줄 텍스트 필드입니다.
```
본문
```
- 본문 사본 – 콘텐츠를 표시하는 개방형 텍스트 필드입니다. 요소. 헤드라인과 본문 문구가 모두 함께 표시됩니다.
```
오픈 텍스트
```
- 파란색 배경 - 본문 복사 열 섹션이 하나 이상 추가된 경우 한 번 나타나며 ALL에 적용됩니다. 본문 복사 열 섹션 아래에 추가된 확인란입니다. 이를 선택하면 모든 열의 컨테이너 배경색이 #EDF7F7로 설정됩니다.
```
예 | 아니
```
Boxed Copy – 이 버튼을 사용하면 자체 헤드라인과 콘텐츠 주위에 상자가 있는 콘텐츠의 하위 섹션을 만들 수 있습니다. 각각은 상위 카드 너비의 절반인 약간 올라간 카드(백 셰이딩 포함)처럼 나타납니다.
- 헤드라인 – H3 헤더의 콘텐츠를 표시하는 한 줄 텍스트 필드입니다.
```
본문
```
- 본문 사본 – 콘텐츠를 표시하는 개방형 텍스트 필드입니다. 요소. 헤드라인과 본문 문구가 모두 '카드'에 함께 표시됩니다.
```
오픈 텍스트
```

다음은 권장/일반 설정(세로 여백 = "상단 및 하단", 제목 및 텍스트 예시, 헤드라인 스타일 = 일반, 배경 질감 = 비활성화, 배경 색상 = 흰색, 본문 본문의 제목 및 텍스트 예시, 배경색(본문 메인) = 투명, 본문 사본 열의 제목 및 텍스트 예시 – 시연을 위해 2번).

본문 문구 열

이는 본문 사본 열이 아닌 본문 사본(전폭으로 정렬 설정)입니다. 이는 완전히 유연하며 모든 HTML 콘텐츠를 표시할 수 있습니다. 모든 기사의 기본 콘텐츠 "컨테이너"입니다. 열과 상자(아래 설명)는 선택적 대안이지만 시각적 균형을 위해 쌍으로 표시되어야 합니다.

Etiam diam metus, pulvinar id leo vehicula, egestas auctor nulla. mi vitae commodo의 Praesent rhoncus. 정지 가능성. Donec eu metus condimentum, condimentum dui id, ultricies mi. Phasellus mollistincidunt nisl non ullamcorper. Donec vulputate non magna ut pellentesque.

열 제목

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean의 두더지 sagittis sem sit amet fermentum. Nullam tortor nulla, fringilla vitae feugiat eu, elementum vitae dui. Proin nec tempor odio. Quisque finibus ullamcorper 템퍼스. Vivamus blandit enim dolor, vitae egestas ipsum Malesuada pharetra. Proin eu semper eros. Etiam quis Massa bibendum, mattis lectus id, blandit ipsum. Etiam ac venenatis ex, ut commodo tortor. Morbi vel egestas dolor. Aenean blandit sem arcu, sed euismod nunc hendrerit sit amet. Donec nec imperdiet lorem.

모듈 이름

1. 헤더 모듈

2. 복사 모듈

본문 문구 열

열 제목

열 제목 2