테이블로 텍스트 정보, 포스팅 확 돋보이기

표는 테이블입니다, 이제 구구 팔팔백세 시대는 특히 고령자를 중심으로 좌식 식단이 아닌 테이블이 인기입니다. 이러한 테이블은 텍스트 중심의 글에서도 시인성 향상에 크게 기여합니다.

텍스트를 테이블로 표현하면서 한 걸음 더 나아가 열과 행에 색상을 넣으면 훨씬 글이 살아납니다. 보기 좋아 정보 절달이 좋아지기 때문입니다.

오늘 포스팅은 텍스트 위주의 글에 입체감을 넣을 수 있는 표와 이 표에 살아있는 색깔을 디자인하는 방법에 관한 경험을 공유하고자 합니다.

---

I. 텍스트를 테이블로 표현, 글 확 보이기

블로그 포스팅에서 정보를 전달할 때, 일반 텍스트보다는 테이블을 활용하는 것이 훨씬 효과적입니다.

예를 들어, 고령자를 위한 식단 정보를 나열할 때, 각 음식의 영양 정보를 표로 정리하면 독자는 시각적으로 더 쉽게 이해할 수 있습니다.

음식	칼로리 (kcal)	단백질 (g)	지방 (g)	탄수화물 (g)	섬유소 (g)
닭가슴살	165	31	3.6	0	0
브로콜리	55	4	0.6	11.2	5.1
고구마	86	1.6	0.1	20.1	3
연어	206	22	13	0	0
귀리	68	2.5	1.4	12	1.7

테이블은 정보의 구조를 명확하게 하고, 독자가 필요한 정보를 한눈에 파악할 수 있도록 돕습니다. 또한, 강조하고 싶은 내용을 색상으로 구분하면 더욱 효과적입니다. 실제로 많은 블로거들이 테이블을 활용해 글의 품질을 높이고 있습니다. 따라서, 정보 전달의 효율성을 고려할 때 테이블 활용은 필수적입니다.

II. 엑셀에서 한줄 건너 색상 자동 입력하기

엑셀은 데이터 작업에 매우 유용한 도구입니다. 특히, 테이블을 만들 때 색상을 자동으로 입력하는 기능을 활용하면 작업이 훨씬 수월해집니다. 예를 들어, 고령자 식단 테이블을 만들 때, 각 행에 색상을 번갈아 가며 넣으면 가독성이 크게 향상됩니다. 이를 위해 엑셀의 조건부 서식 기능을 사용할 수 있습니다. 행의 색상을 설정할 때, “홀수 행”과 “짝수 행”에 서로 다른 색상을 지정하면 자동으로 색상이 적용됩니다. 이렇게 하면 긴 데이터 목록도 한 눈에 들어오고, 독자들은 필요한 정보를 더 쉽게 찾을 수 있습니다. 천천히 실제 실행해 보면 글이 달라져 보입니다.

II-1 셀범위 선택

먼저 엑셀 시트에서 색상을 적용할 셀범위를 선택합니다. 예를 들어, B2에서 G7 셀까지의 데이터를 선택합니다.

II-2. 조건부 서식 사용

엑셀에서 조건부 서식 사용을 전체 작업 순서도 입니다.

1. 엑셀 “홈”의 검색 탭에서 조건부서식 입력하거나, [스타일] > 조건부 > 새 규칙 경로 탭을 클릭합니다.
2. “새 규칙” 선택 메뉴을 선택하여 [새 서식 규칙]탭 다음 화면을 확인 합니다.

II-3. [새 서식 규칙] 탭에서 수식 사용

위에서 확인한 [ 새 서식 규칙] 탭 화면에서 다음 순서로 실행합니다.

①[새 서식 규칙] > ②[수식을 사용하여 서식을 지정할 셀 결정] 선택합니다.

③ [규칙 설명 편집] 탭에서 아래의 수식을 입력합니다.

=MOD(ROW(),2)=0

이 수식은 짝수 행에 색상을 적용하려는 수식입니다

위 수식을 입력한 후, ④[서식]을 클립하여 다음 서식 결정 화면이 표시되는 확인합니다.

 

II-4. 서식 설정

“서식” 버튼 클릭: 원하는 서식을 설정하기 위해 “서식” 버튼을 클릭하여 [셀 서식] 화면을 확인합니다.

①채우기 색상 선택: “채우기” 탭에서 원하는 배경 색상을 ②[보기]에서 체크한 후 ③[확인] 클릭하여 창을 닫습니다.

II-5. 적용 완료

이제 선택한 범위의 짝수 행에 선택한 색상이 자동으로 적용됩니다. 홀수 행에도 색상을 추가하고 싶다면 위의 과정을 반복하여 `=MOD(ROW(),2)=1` 수식을 사용하면 됩니다.

이미지; 표에 색상 완료된 모습.

이 방법을 통해 데이터를 쉽게 구분할 수 있어, 특히 긴 목록이나 표에서 유용하게 사용할 수 있습니다.

III. 워드프레스 표에 색상넣기 꾸미는 팁

워드프레스에서 테이블을 꾸미는 것은 생각보다 간단합니다. 기본적으로 제공되는 테이블 블록을 사용하거나, “TablePress”와 같은 플러그인을 사용하면 테이블의 색상, 폰트, 셀 간격 등을 쉽게 조정할 수 있습니다. 또한, CSS를 활용해 고유한 디자인을 적용할 수 있어 블로그의 개성을 살릴 수 있습니다. 그러나 블로그 포스팅은 표가 포함된 한글 등 워드에서 작성한 문서에 복붙하는 경우가 많을 수 있습니다. 이때 표의 디자인은 간단한 html 한 두 줄로 처리했던 경험을 공유하고자 합니다.

워드프레스에서 HTML로 표를 작성하는 방법은 간단합니다. 아래의 단계를 따라 표를 만들 수 있습니다.

III-1. 워드프레스 글쓰기 화면 열기

워드프레스[워프] 대시보드에서 ‘글’ 또는 ‘페이지’를 작성하기 위해 ‘글쓰기’ 또는 ‘페이지 추가’를 클릭합니다.

III-2. 워프의 HTML 모드로 전환

워프의 클래식 에디터의 경우, 비주얼과 텍스트 모드에서 [텍스트] 모드 선택

III-3. HTML 코드 입력

<table>

<tbody>

<tr bgcolor=”lightcyan”>

<th>인물</th>

<th>관계</th>

<th>갈등의 원인</th>

<th>갈등의 결과</th>

</tr>

<tr bgcolor=”aqua”>

<td>영혜</td>

<td>주인공</td>

<td>채식주의 선택</td>

<td>가족과의 단절 및 고립감</td>

</tr>

</table>

</tbody>

III-4. 결과 확인

HTML 코드를 입력한 후 [비주얼]이나 [미리보기] 버튼을 클릭하여 표가 제대로 표시되는지 확인합니다. 문제가 없다면 ‘게시’ 또는 ‘업데이트’ 버튼을 클릭하여 글을 저장합니다. 이렇게 하면 워드프레스에서 HTML을 사용하여 표를 작성할 수 있습니다.

워드프레스에서 표 색상, 확인한 결과

인물	관계	갈등의 원인	갈등의 결과
영혜	주인공	채식주의 선택	가족과의 단절 및 고립감

IV. 더 나은 문서의 시인성

문서의 시인성은 독자의 이해도를 높이는 데 중요한 요소입니다. 테이블을 적절히 활용하면 정보가 정리되고, 독자는 더 쉽게 내용을 파악할 수 있습니다. 특히, 고령자나 시력이 좋지 않은 독자들을 위해서는 큰 글씨와 뚜렷한 색상 대비가 필요합니다. 예를 들어, 주요 정보를 강조하기 위해 색상이 뚜렷한 테이블을 사용하면 독자가 빠르게 정보를 찾아볼 수 있습니다. 따라서, 더 나은 문서의 시인성을 위해 테이블 활용은 필수적이며, 이는 결국 독자 경험을 향상시키는 길입니다.

—–

이번 포스팅에서는 효과적인 블로그 포스팅을 위한 테이블 활용법과 디자인 팁을 살펴보았습니다. 테이블은 정보 전달의 효율성을 높이고, 독자에게 더 나은 경험을 제공하는 중요한 도구입니다. 테이블을 통해 블로그 글에 생동감을 더해보세요!

 

이상 가치보자  경제적자유 [ 소리세 sonise ] 입니다