블로그운영 (3) 썸네일형 리스트형 티스토리 태그 클라우드 CSS 수정하기 와이프랑 같이 운영하고 있는 홈페이지인데 이전부터 무한정으로 나열되어있는 태그가 마음에 들지 않았다. 중요도도 맞지 않고 빈도도 반영되지 않은 이 디자인... 어떡할까 고민하다가 그냥 잊고 있었는데, 오늘 티스토리 치환자를 공부하다 보니 수정방향이 떠올라서 뜯어고치게 되었다. 그 기록을 글로 남긴다. 태그 클라우드의 주소는 "/tag" 티스토리에는 url domain에 "/tag"를 달아주면 태그 모음창으로 가게 되어있다. 그리고 그 태그 치환자는 다음과 같다. 치환자도 처음에 봤을때는 너무 낯설었는데, 이제 보다보니 많이 익숙해졌다. 아래 구조에 의해서 계속 출력되게 되는 것이었다. 태그 [누적] FORHAPPYWOMEN.COM 홈페이지 성장 기록 - 발전 2019년 9월 성장 정체기를 맞이하다 2019년 10월 폭풍 성장을 했다 통계수치를 완전히 믿을 수 없고 봇이 일정 수준 작동하는 것 같지만 이용하기 편하니깐 워드프레스 통계를 그냥 이용한다. 워드프레스 앱에 의하면 10월 31일 기준으로 34000명 정도가 방문했는데, DAU가 1000이라 볼 수 있겠다. 사실 KPI로의 conversion은 측정치 않고 있다. 현재 이 웹사이트의 KPI가 명확치 않기 때문이다. GA와 GTM을 이용해서 스크롤 뎁스 정도와 버튼 클릭 정도만 추출하고 있다. 이번에 효자노릇을 하고 있는 콘텐츠는 임신 주수 계산기와 칸디다 질염이다. 네이버 블로그와 달리 오래된 콘텐츠도 힘을 발휘하는게 매력이다. 이번 달 유입의 핵심은 임신테스트기인데, 맘스홀릭에 누가 링크를 올려줘서 .. 티스토리에 Flex로 가로 스크롤 삽입하기 내가 사용하고 있는 스킨은 Portfolio라는 것인데, 현재 그곳에다가 조금씩 수정을 가하면서 사용하고 있다. 예전부터 배우고 싶었던 기능이 있는데, 개인적인 능력이 되지 않아서 넣지 못했던 기능이 있다. 바로 가로 스크롤 기능이었다. 기존에 짜여져있던 워드프레스를 건들다보니 쉽지 않았다. 하지만 티스토리에서는 쉽게 성공하였다!! Flex의 기본적인 것 flex는 container(부모)와 item 자식요소로 구성되는데, 이 곳에 들어가는 속성을 잘 구별해서 넣어야한다. 일단 Container CSS에 display:flex; 를 넣는 것으로 시작한다. 그리고 원하는 속성에 따라서 이제 추가적인 설정을 하면 되는데, 그 활용법은 네이버 D2에 아주 잘 나와있다. display:flex를 해버리면, 카드.. 이전 1 다음 이 블로그 인기글
