블로그디자인4 워드프레스 CSS, functions.php 없이도 테마 바꾸는 현실 방법 6가지 워드프레스 테마를 처음 바꾸려고 할 때 검색하면 제일 먼저 나오는 게 functions.php 수정이다. 그 파일을 열었다가 PHP 코드가 가득한 걸 보고 바로 닫았다. 잘못 건드렸다가 흰 화면이 떴다는 경험담을 너무 많이 읽어서 손이 안 갔다. 시계를 처음 뜯어보는 사람한테 태엽부터 분해하라고 하는 것 같은 느낌이었다.그런데 돌아보면 functions.php를 맨 처음 알려주는 글들이 좀 무책임하다는 생각도 든다. 진입장벽이 낮은 방법이 분명히 존재하는데, 왜 가장 위험한 방법을 먼저 알려주는 걸까. 워드프레스 안에는 코드의 깊은 곳까지 들어가지 않아도 원하는 결과를 낼 수 있는 방법이 생각보다 많이 준비되어 있다. 내가 실제로 써본 방법들을 현실적인 순서로 정리했다.추가 CSS 입력창, 제일 먼저 써.. 2026. 5. 3. 순위 번호를 손으로 고치다가 같은 번호가 두 개 생긴 날 CSS Counter - counter-reset, 자동번호, 가상요소 솔직히 저는 꽤 오랫동안 순위 번호를 HTML에 직접 손으로 입력했습니다. 번호 하나 바꾸려고 태그를 하나씩 열고 닫는 게 당연한 줄 알았거든요. CSS Counter를 알게 된 건 실수를 반복하고 나서였는데, 알고 보니 이미 CSS 안에 자동 번호 기능이 내장되어 있었습니다.이 글을 쓰면서 드는 생각이 있습니다. CSS Counter가 존재한다는 것을 늦게 알았다는 사실 자체보다, 그걸 몰랐던 이유가 더 흥미롭습니다. 저는 CSS를 "스타일을 입히는 도구"로만 인식하고 있었고, 번호 매기기는 당연히 HTML이나 JavaScript의 영역이라고 생각했습니다. 그 선입견이 학습의 범위를 좁혀놓고 있었던 겁니다.하드코딩 번호가 무너지던 날TOP 10 추천 글을 처음 발행했을 때 저는 모든 순위 번호를 HTM.. 2026. 4. 17. CSS 변수 - 커스텀 프로퍼티, 유지보수, 다크 모드 색상 코드를 Ctrl+F로 하나씩 뒤지며 교체하다가 결국 배포 후에 버그를 발견한 적 있으신지요. 저는 있습니다. 그것도 클라이언트 블로그에서요. 그 사건 이후 CSS 변수를 모든 스킨 작업에 기본으로 도입하기 시작했습니다. 써보기 전과 후의 체감 차이가 생각보다 컸습니다.그런데 사실 이 이야기를 하기 전에 먼저 짚고 싶은 게 있습니다. 그 버그는 단순히 색상 코드를 놓쳐서 생긴 문제가 아니었습니다. 근본적으로는 같은 값이 코드 곳곳에 흩어져 있던 구조 자체가 문제였습니다. CSS 변수는 그 구조적 문제를 해결하는 도구입니다. 색상 관리 편의성만으로 설명하면 반쪽짜리 이해가 됩니다. 저는 이 구분을 제대로 하는 데도 꽤 시간이 걸렸습니다.커스텀 프로퍼티, 실제로 어떻게 동작하는가CSS 변수는 공식 명칭으.. 2026. 4. 16. float 수십 줄 버리고 CSS Grid 다섯 줄로 끝낸 날 float 코드 수십 줄을 다 버리고 CSS 다섯 줄로 끝낸 날, 솔직히 허탈했습니다. 그 전날 밤을 새웠거든요. 그리고 동시에 약간 화가 났습니다. 왜 아무도 처음부터 이걸 알려주지 않았을까 싶었습니다. 티스토리에 카드형 레이아웃을 넣고 싶다면 CSS Grid가 거의 유일한 정답에 가깝습니다. 단, 코드를 복붙하기 전에 반드시 확인해야 할 게 있습니다.반응형 카드 그리드, 코드보다 스킨 구조가 먼저입니다CSS Grid를 처음 제대로 써본 건 티스토리 리스트형 스킨을 카드형으로 바꾸려고 했을 때였습니다. float로 2열 레이아웃을 만들었는데, 카드 높이가 조금만 달라지면 레이아웃 전체가 어긋났습니다. clearfix를 추가하고, 음수 마진도 써보고, 온갖 방법을 시도했는데 결국 근본적인 해결이 안 됐습.. 2026. 4. 16. 이전 1 다음
