오늘 티스토리 스킨을 기본 스킨 중 하나인 #1으로 바꾸고 사이드바를 억지로 추가했습니다. 티스토리 스킨을 기본 스킨 중 하나인 #1으로 다시 변경했습니다 그리고 '최근 댓글' 위젯을 만들어서 사이드바에 배치했습니다. 하지만 이상하게 IE에서 불릿과 텍스트 사이에 줄바꿈이 삽입되는 현상이 나타났습니다. 구글 크롬이나 Opera 등 다른 브라우저에서는 이상이 없었습니다. 이와 같이 예상치 않게 불릿 뒤에 줄바꿈이 삽입되는 경우 먼저 li 태그 내에 display:block 같은 속성이 적용되고 있지 않은지 확인해보면 좋을 것 같습니다. 이 문제를 해결하느라 시간을 조금 허비했습니다. 알고 보니 댓글 리스트에 링크되는 태그 내에 display:block 속성이 추가되어 이런 문제가 발생했습니다.ㅠㅠ 이와 관..

이틀 전에 이 블로그의 스킨을 최근 공개된 Poster로 변경했습니다. 레이아웃이 깔끔하고 기능도 괜찮은 것 같아서 비교적 만족스러웠지만 네이버 웹마스터도구에서 글 수집 요청 시 오류가 발생했습니다. 가급적 Poster 스킨으로 정착하고 싶었지만 네이버에서 글 수집에 문제가 있는 것 같아서 기본 스킨 중 하나인 #1으로 바꾸었습니다. Poster 스킨에는 사이드바가 없어서 억지로 사이드바를 추가했습니다. 방금 새로 바꾼 #1 스킨에서도 비슷한 방법으로 사이드바를 추가했습니다. 비슷한 CSS를 적용했기 때문에 레이아웃은 비슷합니다.ㅎㅎ 사이드바는 flexbox를 사용하여 추가했습니다. IE10 이하에서는 레이아웃이 엉망으로 나올 것 같습니다. 하지만 저는 IE10을 사용하지 않기 때문에 확인할 길이 없네요..

어제 잠시 시간을 내어 블로그의 스킨을 티스토리에서 최근 공개한 Poster로 변경해보았습니다. 티스토리 블로그 스킨을 Poster 스킨으로 변경 사이드바가 있는 스킨이 공개되기를 기다렸지만 11월 29일 어제 공개된 Portfolio라는 스킨도 사이드바가 없는 전체 폭(Full-width)으로 표시되어서 Poster 스킨에 사이드바를 추가했습니다. 본래는 다음과 같이 사이드바가 없이 표시됩니다. 사이드바를 추가하고 썸네일을 오른쪽에서 왼쪽으로 이동시켰습니다. 제 컴에서는 자꾸 "어떻게 살 것인가" 광고가 표시되네요.ㅎㅎ 개별 포스트 화면은 다음과 같이 표시됩니다. 개인적으로는 수정한 스킨이 마음에 들지만 네이버 웹마스터도구에서 글 수집 요청을 하면 '서버 오류'가 발생하네요. 이 때문에 이 스킨을 사용..

티스토리에서 다음 치환자를 사용하여 댓글 개수를 표시할 수 있었습니다. 하지만 최근에 공개된 티스토리 스킨 중 하나인 Poster에서 위의 치환자를 사용하니 제대로 작동하지 않네요. 티스토리 스킨 가이드(참고)를 찾아보니 다음 치환자를 사용하여 댓글 개수를 표시할 수 있도록 바뀐 것 같습니다. 댓글 개가 달렸습니다. 가이드에서 안내하는 치환자를 사용하니 댓글 개수가 정상적으로 표시되네요. 이 티스토리 블로그의 스킨을 최근에 공개된 Poster 스킨으로 바꾸었습니다. 약간 시간을 투자하여 대강 수정을 하고 있습니다. 댓글 개수를 표시하려고 기존 코드를 복사해서 넣었지만 제대로 작동하지 않아서 조금 당황했습니다. 새로운 스킨 가이드는 구글에서 검색이 되지 않는 것 같습니다. 대신 티스토리 관리자 화면의 맨 ..

이 티스토리 블로그를 운영한지 1년 보름 만에 글개수가 1000개를 넘었습니다. 하루 평균 2.6개 정도로서 비교적 많은 글이 작성되었네요. 티스토리 블로그 글작성 1000개 달성 하지만 글 개수에 비해 방문자 수는 크게 부족한 편입니다.ㅠㅠ 위의 그래프는 지난 6월 이후의 방문수(Visits = Sessions) 추이를 보여줍니다. 7월 10일을 기점으로 네이버 유입자가 반토막이 나서 상승세였던 방문자 수가 타격을 받았습니다. 그러다가 9월 24일 추석을 전후하여 네이버 유입이 사실상 제로가 되면서 방문자가 다시 급감했습니다. 블로그의 네이버 유입이 제로(0)가 되었습니다 다행히 구글 유입이 조금씩 늘어나고 있습니다. 하지만 최근 구글 웹사이트 번역기 스크립트를 추가한 후에 SEO에 문제가 발생하여 상..

워드프레스를 처음 시작할 때 Hueman이라는 무료 테마를 이용한 적이 있습니다. 이 Hueman은 flexbox를 이용하여 매우 효율적으로 코드가 작성되어 있습니다. 개인 블로그 운영에 적합한 워드프레스 테마 - Hueman, Simple Life, OceanWP, Newspaper 등 이 분야의 전문가가 "float를 아직 배우지 않았다면 배우지 말고 flexbox를 배우라"고 하네요. 구글을 검색하면 flexbox에 대한 다양한 글이 검색됩니다. CSS Flexbox - https://www.w3schools.com/css/css3_flexbox.asp A Complete Guide to Flexbox - https://css-tricks.com/snippets/css/a-guide-to-flexb..

컴퓨터에서 화면 캡처하는 용도로 재작년에 Snagit을 구입하여 사용하고 있습니다. Snagit은 1년간 업데이트가 가능한 것 같습니다. 작년부터인가 2018 버전으로 업그레이드하라는 팝업이 가끔 표시되었지만 업그레이드하지 않고 있다가 올해 블랙프라이데이 & 사이버먼데이 기간에 25% 할인 행사를 진행하여 2019 버전으로 업그레이드했습니다. 할인율이 30%~50% 사이였으면 좋겠지만, TechSmith의 Snagit과 Camtasia(동영상 캡처 & 편집 프로그램)는 좀처럼 할인을 하지 않네요. 고민하다가 Stamps(스탬프)도 함께 구입했습니다. 세금이 3.38달러가 추가되어 총 37.04달러를 페이팔로 결제했습니다. 새 버전을 설치하여 살펴보니 몇 가지 기능이 추가된 것이 눈에 띄지만 이전 버전과 ..

화면 캡처 프로그램 Snagit과 동영상 캡처 및 편집기 Camtasia가 2018년 11월 27일 오후 11시 59분(PST 기준)까지 사이버 먼데이 세일을 진행하고 있습니다. Snagit/Camtasia 사이트로 이동하기 저는 화면 캡처용으로 픽픽이라는 무료 프로그램을 사용하다가 재작년에 유료 프로그램인 Snagit을 구입하여 이용해오고 있습니다. 화면을 캡처한 후에 곧바로 간단한 편집이 가능하므로 시간을 절감할 수 있어서 개인적으로는 만족하고 있습니다. (물론 복잡한 편집은 포토샵을 이용해야 하지만 포토샵은 익숙하지 않고 시간이 많이 걸려서 거의 사용을 안 하게 되네요.) 강력한 편집 기능을 제공하는 화면 캡처 프로그램 Snagit 간편한 동영상 편집기를 찾는다면 Camtasia도 괜찮은 옵션 같습..

2000년대 초에 개인 홈페이지 제작 열풍이 불었었고, 이때 다양한 웹 게시판 시스템들이 개발되었습니다. 제로보드는 그 중에서 가장 큰 인기를 누렸던 게시판 시스템이었습니다. 제로보드 사이트가 워드프레스로 바뀌다? 제로보드는 개발이 중단되었고 이후 XpressEngine에 의해 계승되었습니다. 하지만 많은 보안 문제에도 불구하고 아직도 제로보드를 사용하는 사이트가 제법 있다고 하네요. 최근 제로보드 도메인 이름이 만료되어 다른 사람이 도메인을 취득한 것 같습니다. 사이트를 방문하면 워드프레스를 처음 설치했을 때의 화면이 표시되네요. 도메인 등록정보를 확인해보니 9월 19일에 등록되었네요. 자세한 내용은 알 수 없지만 제로보드 도메인 소유주가 도메인 등록 연장을 하지 않은 것 같은 느낌이 드네요. 제로보드..

다양한 기계 부품을 제작하는 한 업체가 홈페이지를 만들었지만 네이버에 검색이 되지 않는다는 질문을 네이버 지식인에 반복적으로 올린 것이 눈에 띄었습니다. 네이버 고객센터에 사이트가 노출되지 않는다는 질문을 하면 지식인에 물어보라는 답변을 주는 것 같습니다. 그래서 질문하신 분은 네이버 지식인에 질문을 올리면 네이버 고객센터 담당자가 답변을 해줄 것으로 기대한 것으로 보이네요. 문제의 사이트를 방문하여 살펴보니 메뉴에서 본문 텍스트 등 모든 요소가 이미지로 되어 있는 것이 아닌가요? 그리고 소스를 살펴보니 타이틀 태그만 있고 SEO 관련 메타 태그(예: 오픈 그라프 태그)가 전혀 없네요.ㅠㅠ 콘텐츠를 모두 이미지로 만들어 버리면 검색엔진에서 색인을 생성할 수 있는 콘텐츠가 없게 되므로 당연히 검색엔진에 노..