개요

2026년 6월 25일까지의 작업은 WordPress Ideography 테마를 기반으로 HOME 화면, 좌측 사이드바, 게시글 목록 카드, 단일 게시글 화면을 vana.kr에 가까운 구조와 밀도로 다듬는 방향으로 진행되었다.
핵심 플러그인인 Ideography Home Sidebar Features는 0.1.22까지 업데이트되었고, 관련 CSS와 배포용 ZIP 파일도 함께 정리되었다.

주요 수정 범위

• Ideography Home Sidebar Features 플러그인 업데이트
• HOME 상단 피처 영역 구성 개선
• 좌측 사이드바 메뉴, 검색, 태그, copyright, 위젯 영역 정리
• 게시글 목록 카드 썸네일 및 본문 미리보기 개선
• 단일 게시글 대표 이미지/제목/메타 레이아웃 재구성
• 모바일/태블릿 햄버거 메뉴와 오버레이 패널 개선
• vana.kr 스타일에 맞춘 색상, 여백, 폰트, 행간 조정
• 배포용 ZIP 파일 생성 및 갱신

플러그인 기능 변경

Ideography Home Sidebar Features 플러그인은 0.1.22 기준으로 정리되었다.

주요 기능은 다음과 같다.

• HOME 상단에 Popular tags 2개 영역과 Drawing pick 1개 영역을 배치
• Drawing pick은 기본적으로 drawings 카테고리 게시글을 사용
• HOME, archive, category, tag 목록의 기본 게시글 수를 12개로 설정
• 좌측 사이드바 전용 메뉴 위치 Ideography Home Sidebar Menu 추가
• 기존 Primary 메뉴 위치를 사이드바 메뉴 위치로 자동 이관
• Ideography Sidebar Widgets 위젯 영역 추가
• 사이드바가 비어 있을 때 기존 테마 사이드바 위젯을 fallback으로 표시
• 태그 목록은 최대 20개까지 한 줄씩 표시
• 새 글 N 배지는 하단 게시글 카드 중심으로 유지
• 커스터마이저에서 HOME 피처, 사이드바, 색상, 썸네일, 표시 옵션을 제어할 수 있도록 확장

HOME 화면 변경

HOME 화면은 상단 피처 영역과 하단 게시글 목록이 더 명확하게 구분되도록 조정되었다.

• 상단 피처는 Popular tags와 Drawing pick 중심으로 재구성
• popular tags* 문구는 Popular tags로 정규화
• 상단 피처의 레거시 문구와 장식 요소를 정리
• Drawing pick은 이미지 아래에 카드형 라벨과 제목을 표시하도록 변경
• 상단 피처와 하단 게시글 목록 사이 간격을 여러 차례 조정해 최종적으로 균형을 맞춤
• 하단 게시글 카드의 썸네일은 16:9 비율과 object-fit: cover 기준으로 통일
• 카드 내부 여백과 카드 간격을 조정해 vana.kr 스타일에 가까운 밀도로 정리
• 목록 본문 미리보기는 줄바꿈, 마크다운 기호, 불필요한 미디어를 제거한 일반 텍스트 중심으로 표시

좌측 사이드바 변경

좌측 사이드바는 메뉴, 검색, 태그, copyright, 위젯을 중심으로 정리되었다.

• 사이드바 순서를 MENU, SEARCH, TAGS, COPYRIGHT 중심으로 구성
• 메뉴 항목과 태그의 행간 및 글자 크기 조정
• 사이드바 타이틀은 흰색으로 고정
• 일반 링크 색상은 배경과 자연스럽게 어울리는 블루 그레이 톤으로 조정
• 검색창은 단일 입력창 중심으로 정리하고 돋보기 아이콘을 SVG 기반으로 변경
• copyright의 Ideography.가 줄바꿈으로 분리되지 않도록 인라인 처리
• 좌측 Ideography 타이틀 장식선을 두껍고 넓게 보강하고, 사선 패턴을 추가
• 사이드바 배경은 짙은 차콜 계열로 정리

게시글 목록 카드 변경

HOME, archive, category, tag 목록 카드에서는 중복 이미지와 불필요한 본문 미디어를 줄이는 방향으로 개선되었다.

• 플러그인 대표 썸네일 .ivf-loop-thumb만 목록 카드에 남도록 정리
• 테마 기본 대표 이미지 wrapper인 .img-box 계열이 중복 노출되지 않도록 제거/숨김 처리
• 목록 본문 미리보기에서는 본문 안의 미디어를 제거하고 텍스트만 표시
• 본문 요약이 너무 짧은 경우 공개 글 본문을 비동기로 읽어와 요약을 보강
• 미리보기 텍스트는 4줄 clamp 기준으로 정리
• 글자색은 #707070 계열로 낮춰 카드에서 과하게 튀지 않도록 조정
• 모바일에서는 제목 크기를 줄이고 본문 미리보기를 숨겨 간결하게 표시

단일 게시글 화면 변경

단일 게시글은 대표 이미지와 제목/메타 정보가 일관된 순서로 보이도록 재구성되었다.

• 단일 게시글 상단에 공통 히어로 영역 생성 로직 추가
• 대표 이미지가 있으면 상단 히어로 이미지로 사용
• 테마 대표 이미지 위치가 글마다 달라도 .img-box를 상단 히어로로 이동
• 대표 이미지 wrapper가 없는 글은 대표 이미지 또는 첫 본문 이미지를 자동 히어로로 사용
• 이미지가 없는 글은 동일 규격의 placeholder 표시
• 단일 글 표시 순서를 대표 이미지 → 제목 → 작성 일자 → 카테고리 → 본문으로 통일
• 기존 테마의 작성자/메타 영역은 단일 게시글에서 숨김
• 대표 이미지와 본문 첫 이미지가 같은 파일이면 본문 쪽 중복 이미지를 숨김
• 단일 게시글 본문 컨테이너 폭을 기존 960px 기준에서 1200px 기준으로 확장

모바일/태블릿 대응

모바일과 태블릿에서는 좌측 사이드바를 고정 컬럼이 아닌 상단 오버레이 메뉴로 다루도록 정리되었다.

• 모바일 메뉴 기준을 1180px 이하로 확장
• 태블릿/스마트폰에서 햄버거 버튼이 첫 화면 좌측 상단에 바로 보이도록 조정
• 햄버거 버튼 클릭 시 큰 상단 영역 대신 작은 메뉴 패널이 바로 열리도록 변경
• 모바일 메뉴 패널에서는 테마 로고, 브랜드, 기본 nav 영역을 숨김
• 플러그인 메뉴 리스트가 패널 안에서 먼저 보이도록 정리
• 테마 기본 햄버거/토글 버튼과 side-bar-icon 버튼이 중복 노출되지 않도록 숨김 처리

디자인 및 CSS 정리

전체 디자인은 흰 배경, 짙은 차콜 사이드바, 딥블루 포인트, 골드 계열 새 글 배지를 중심으로 정리되었다.

• 전체 폰트는 Pretendard 중심으로 설정
• 한국어 줄바꿈과 단어 분리 규칙 보강
• HOME 배경을 최종적으로 흰색 계열로 정리
• 사이드바와 placeholder는 #262c30, #20262b 계열로 조정
• 강조색은 어두운 파랑 #163b66 중심으로 통일
• 새 글 N 배지는 골드 톤 #d6a33a 중심으로 조정
• 이미지 hover 시 살짝 확대되는 효과 추가
• 상단 피처, 하단 카드, 사이드바의 여백과 행간을 여러 차례 조정해 전체 밀도를 맞춤

배포 파일

6월 25일까지 다음 배포용 압축 파일이 생성 또는 갱신되었다.

• ideography-home-sidebar-features.zip
• ideography-update-015.zip
• ideography-update-016.zip
• ideography-update-016b.zip
• ideography-update-017.zip

수정된 주요 파일

• ideography-home-sidebar-features/ideography-home-sidebar-features.php
• lueim-vana-custom-css.css
• History_modificaion_260624.md
• ideography-home-sidebar-features.zip
• ideography-update-015.zip
• ideography-update-016.zip
• ideography-update-016b.zip
• ideography-update-017.zip

최종 상태

Ideography Home Sidebar Features는 0.1.22