작업내용

• Codex를 적극 활용해서 홈페이지 고도화 작업 진행
• 어제에 이어서 Chrome 확장 프로그램을 적극 활용함

주요 변경 내용

• Ideography Home Sidebar Features 플러그인을 0.1.15까지 업데이트했습니다.
• HOME 상단에 popular tags* 2개 영역과 Drawing pick 1개 영역으로 구성된 3열 피처 영역을 정리했습니다.
• Drawing pick은 기본적으로 drawings 카테고리 게시글을 사용하도록 했습니다.
• HOME, archive, category, tag 목록의 게시글 수를 기본 12개로 맞췄습니다.
• 좌측 사이드바에 메뉴, 검색, 태그, copyright, 위젯 표시 옵션을 추가하고 커스터마이저에서 제어할 수 있게 했습니다.
• 기존 Primary 메뉴 위치를 제거하고 Ideography Home Sidebar Menu 위치로 자동 이관되도록 정리했습니다.
• 사이드바 위젯 영역 Ideography Sidebar Widgets를 추가했습니다.
• 사이드바가 비어 있을 때 기존 테마 사이드바 위젯을 fallback으로 보여줄 수 있게 했습니다.
• 태그 목록은 최대 20개, 한 줄에 하나씩 표시되도록 정리했습니다.
• 새 글 N 배지는 홈 하단 게시글 카드에만 유지하고, 상단 피처 영역에서는 숨기도록 조정했습니다.
• 모바일/태블릿 기준을 1180px 이하로 넓혀 좌측 사이드바가 상단 오버레이 메뉴로 열리도록 수정했습니다.
• 하단 게시글 카드의 썸네일을 카드 상단과 좌우에 붙게 하고, 16:9 비율과 object-fit: cover 기준으로 정리했습니다.
• 전체 폰트는 Pretendard 중심으로 맞추고, 한국어 줄바꿈/단어 분리 규칙을 보강했습니다.
• 색상은 흰 배경, 짙은 차콜 사이드바, 딥블루 포인트, 골드 계열 N 배지 중심으로 정리했습니다.

ㅇ 특이사항

• Codex로 Chrome 확장프로그램을 써서 WordPress 수정작업을 하면 아래 사진처럼 경과가 보인다.

• Codex는 별도의 플러그인을 만들어서 WordPress에 올리는 방식으로 UI를 수정했다.
• WordPress 기본기능으로 수정작업을 하진 않아서 나중에 유지보수를 어떻게 할까 하는 우려가 좀 생기기도 했다.
• 아래 사진처럼 플러그인 편집 및 버전관리를 진행했다.

• Chrome환경에서 아래 사진처럼 에이전트가 직접 마우스로 누르면서 해당 페이지에서 수정 작업을 진행한다.

의견

• 아직 미비한 부분이 많지만 차근히 하나씩 해보면서 개선해 나가보도록 하자.