더쿠 글쓰기 에디터로 충분히 가능하지만
개인적으로 더 예쁘게 꾸미고 싶어서 자주하던 걸로 설명할게
1. 일단 ( https://www.tablesgenerator.com/html_tables )
주소 들어가서 File - New table... 메뉴 눌러 표 만들어줘
나는 스케줄 메뉴를 날짜, 말머리, 스케줄/떡밥 내용만 쓸 거라서
10월이 31일까지 있으니까 메뉴 포함 32x3으로 만들어야겠지?
시간도 넣고 싶은 덬은 32x4로 만들어서 하면 됨
2. 표 생성되면 date, category, contents 등등..
맨위 메뉴부터 제목을 적어놓고 굵게(B) 표시해두고,
날짜 카테고리 내용 등등 구분하기 쉽게 다 적어서 넣어줘
3. 그 다음 구분을 위해 폰트와 색을 입혀야겠지?
메뉴 적은 내용의 표를 마우스로 드래그 해주자
4. 나는 더쿠 스케줄 가이드덬들이 제일 많이 사용하는 걸로 설정했음 (Tahoma/11px)
그리고 오른쪽 보면 표 색깔과 내용 색 바꿀 수 있는데
차례대로 글씨색, 표 바탕색, 표 선색 순서임 자기가 원하는 색으로 넣으면 됨
(날짜랑 카테고리의 표 다 드래그해서 가운데 정렬, 글씨체, 글씨크기 설정해주는 것도 잊지마~)
(메뉴 포함 미리 전부 다 선 바꿔놨음)
5. 색 설정 다 했으면 밑에 Compact mode 체크해주고
(더쿠는 html 소스 먹히기에 체크해줘야함)
Result 아래 내용을 마우스 더블클릭하면 전부 드래그 되니 더블클릭 후 복사!!
6. 그리고 테스트를 위해 테스트 방에 글쓰기 누르고 HTML 체크한 뒤 내용 복붙!!
더쿠는 폰덬 이용자가 많으니까 모바일까지 깔끔하게 보이기 위해
<table style=" 옆에 width:100%; 를 넣어서 넓이를 꽉차게 고정 시켜준다!
7. Ctrl+F 눌러서 <th style=" 입력 후 각 넓이를 넣어준다!
메뉴 3개 때 10%(날짜), 15%(카테고리), 75%(내용)가
모바일에서 제일 예쁘게 보이는 넓이라서 나는 항상 이렇게 숫자 맞춤
시간(time)까지 포함해서 넣고 싶을 땐
10%(날짜), 13%(시간), 15%(카테고리), 62%(내용) 하면 됨
8. 다 맞춰놓고 html 체크 풀고 이제 내돌 스케줄이랑 떡밥 내용 쓰면 되는데
다 써서 넣고 드래그 한 뒤 URL 누르면 해당 떡밥 링크 걸 수 있음 (새 창으로 체크하는 걸 권장)
아 맞아 내용 쓸 때 복붙시 일반 텍스트로 붙여넣기 해야
글과 줄이 안 꼬임(!) 이걸 알아두세요!!!!!!
9. 근데 한 줄밖에 못 넣는다고? ㄴㄴ
더쿠 글쓰기 에디터로 테이블 표 추가할 수 있어
바로 저 가로 테이블 추가 아이콘 누르면 가능함
표 추가할 때 꼭!! 카테고리와 내용을 드래그 하자 (초록 부분)
* 시간도 포함이면 시간, 카테고리, 내용까지 드래그
10. 짠! 이렇게 두 번째 내용도 넣었음!
세 번째 내용도 넣으려면 당연 두 번째 줄 드래그 해서 추가해야해용 (초록 부분)
쉽게 말하면 추가 할 때마다 맨 아래 줄 드래그 하고 테이블 추가하라는 거
중간에 빠진 거 있어서 중간에 넣고 싶으면
그 사이 스케줄의 윗줄 내용 드래그 해서 테이블 추가하면 됨
11. 그런데 날짜가 맨 위에 있어서 좀 안 예쁘다..??
가운데로 고정하고 싶다..
12. 그러면 메모장을 열어 html 내용 전체 복붙하고
찾을 내용 : vertical-align:top;
바꿀 내용 : vertical-align:center;
해서 모두 바꾸기 눌러 바꾸고 다시 복사해서 글쓰기에 붙여넣기 하면 됨
(이걸 가운데로 고정 시키고 싶은 덬은 따라하고 아님 패스하면 됨~~ㅇㅇ)
13. 그리고 테스트 보면
이렇게 예쁘게 짠!!!!!!!!!! 완성 된 걸 볼 수 있씁니다~~~~^ㅁ^!!
모바일로 보면 이렇게 나옴 ↓↓↓
이렇게 하면 밋밋하긴 한데
알아서 상단 이미지를 포토샵으로 꾸며서 넣거나
좋아하는 움짤을 넣던지 내용을 마음껏 꾸미면 더 예쁠 거임~
(각 독방 스케줄표 보고 어떻게 꾸며서 쓰고 있는지 참고하면 좋을듯)
그럼 도움이 됐길 바라며 난 20000 👋🏻👋🏻👋🏻
(+)
스케줄표 꾸미기 : https://theqoo.net/1646899753
스케줄표 html 기본틀 : https://theqoo.net/2011755763
