이 블로그에는 현재 최근 공개된 Book Club이라는 티스토리 스킨이 적용되어 있습니다. 이번에 스킨을 변경하면서 수정을 최소화하기 위해 노력했습니다. 몇 가지 수정 사항 중에 하나로 티스토리 검색 아이콘을 제거하고 대신 구글 맞춤 검색 기능을 추가했습니다. Book Club 스킨을 적용하면 오른쪽 상단에 검색 아이콘이 표시되고, 아이콘을 클릭하면 그림과 같이 검색 내용을 입력할 수 있는 상자가 나타납니다. 티스토리 검색 기능보다는 구글 검색 기능을 추가하면 사용자가 검색하는 검색어에 대하여 보다 관련성 있는 검색 결과를 제공할 수 있습니다. 간단한 수정으로 쉽게 구글 맞춤 검색 기능을 추가할 수 있습니다. 구글 맞춤 검색으로 대체한 후의 스크린샷입니다. 검색할 내용을 입력한 후에 검색 아이콘을 누르면..

블로그나 커뮤니티 사이트를 운영하면서 수익을 얻을 수 있는 방법 중 하나가 구글 애드센스 광고일 것입니다. 하지만 사실 애드센스와 같은 배너 광고는 수익률이 낮은 모델입니다. 높은 수익을 내고 싶다면 애드센스는 비추입니다. 월 100만 원을 목표로 하는 분들도 있지만, 애드센스로 월 100만 원을 벌 수 있다면 그 노력과 열정으로 다른 일을 해도 더 큰 성공을 성취할 수 있을 것이라 생각됩니다. 워드프레스와 티스토리 블로그로 돈 버는 방법 - 네이티브 광고 최근 카페24 쇼핑몰에 애드센스 광고 코드를 추가하는 방법에 대한 질문을 접한 적이 있습니다. (출처: 네이버 지식iN) 우선 알아두어야 할 점은 애드센스 광고를 사이트에 게재하면 사이트에서 애드센스 광고 스크립트를 로드하면서 사이트 속도가 느려집니다..

워드프레스로 작성된 글의 URL을 클릭했을 때 다음 그림과 같이 '죄송하지만, 임시 글 미리보기를 할 권한이 없습니다' 메시지가 표시되는 경우가 있습니다. 이 오류는 메시지의 의미대로 글이 임시 글 상태이고, 링크를 클릭한 사용자가 임시 글을 볼 수 있는 권한이 없음을 의미합니다. 보통 관리자 권한으로 글을 작성하고 임시 글로 저장하면 관리자는 임시 글의 링크를 클릭해도 글을 정상적으로 볼 수 있습니다. 하지만 이 링크를 (권한이 없는) 다른 사용자에게 보내면 위와 같은 오류 메시지가 표시됩니다. '임시 글 미리보기를 할 권한이 없습니다' 메시지가 표시되면 해당 글의 편집 화면에서 "공개"를 클릭하여 글을 공개하면 방문자도 글을 볼 수 있게 됩니다. 글 목록 화면에서 곧바로 임시 글을 공개하는 것도 가능..

Genox라는 크리에이티브 & 디지털 웹 에이전시 다목적 HTML 템플릿(Creative & Digital Web Agency Multipurpose HTML Template)이 50% 할인된 9달러에 판매되고 있습니다. 이 HTML 템플릿은 올해 6월에 릴리즈되어 아직 판매량이 얼마 되지 않지만(사실, 워드프레스 테마 외의 다른 웹사이트 템플릿은 판매량이 저조한 편입니다), 사용자 평가는 괜찮은 편입니다. 제가 취미로 홈페이지를 만들 초창기에는 나모 웹에디터나 드림위버 같은 HTML 에디터를 사용하여 홈페이지를 만든 기억이 납니다. CSS, 자바스크립트 등에 대한 이해도가 낮았기 때문에 아무리 열심히 해도 퀄리티가 마음에 들지 않았습니다.ㅠㅠ 요즘은 HTML로 직접 사이트를 만들기보다 워드프레스 같은 ..

워드프레스에서 글을 작성하면서 이미지를 미디어 라이브러리에 업로드하여 추가했을 때 이미지가 너무 작게 표시되는 경우가 있습니다. 워드프레스에서 업로드하여 글/페이지에 삽입한 이미지가 작게 표시되는 문제를 해결하기 이와 같은 문제가 발생하는 경우 이미지를 삽입한 후에 이미지 크기를 설정하면 문제가 해결될 것입니다. 위의 그림과 같이 이미지를 삽입한 후에 이미지를 클릭하면 오른쪽에 이미지 속성을 설정할 수 있는 패널이 표시됩니다. 이미지 설정 섹션의 이미지 크기 부분에서 드롭다운 메뉴를 사용하여 이미지 크기를 선택하도록 합니다. "전체 크기"를 선택하면 이미지의 전체 크기가 표시됩니다. 이 설정이 "섬네일"로 지정되면 크기가 작은 썸네일 이미지로 표시될 것입니다. 그리고 Alt Text(대체 텍스트) 부분에..

이 티스토리 블로그의 스킨을 최근 공개된 북클럽(Book Club)으로 변경했습니다. 티스토리에서 자주 새로운 스킨을 공개하고 있습니다. 새 스킨으로 바꾸기 전까지 Magazine이라는 스킨을 사용했습니다. Magazine 스킨을 약 4개월 정도 이용했습니다. 기록용으로 여기에 스크린샷을 올려봅니다.티스토리 북클럽(Book Club) 스킨으로 변경 Poster, #1, Magazine 스킨을 사용하면서 스킨 소스 파일에 많은 수정을 가했습니다. 이번에 변경한 Book Club에서는 이전 스킨과는 달리 약간의 수정만 했습니다. 이 스킨이 제가 선호하는 스타일과 어느 정도 일치하는 것 같습니다. Book Club 스킨 편집 화면에서 '최신글'로 설정하고 '목록'을 선택하면 첫 화면과 카테고리 페이지에 글 목..

이 블로그에는 현재 지난주에 공개된 Book Club이라는 스킨이 적용되어 있습니다. Book Club 스킨에서 사이드바에 '최근 댓글' 위젯을 표시하면 댓글들이 리스트 불릿(List Bullet) 없이 표시되어 댓글들을 구분하는 것이 조금 불편하게 되어 있습니다. 댓글들을 쉽게 구분할 수 있도록 리스트 불릿(리스트 마커)를 CSS로 추가해보았습니다. 하지마 크롬에서는 리스크 불릿이 정상적으로 표시되었지만 IE에서는 불릿 뒤에 줄바꿈(line-break)이 추가되어 엉성하게 보였습니다. 이 문제에 대해 리서치해보니 문제의 원인이 댓글에 적용된 링크(hyperlink) 때문이라는 것을 알게 되었습니다. 다음과 같이 anchor 요소에 display: inline;을 적용하니 문제가 해결되었습니다.ul li..

지난 주에 티스토리에서 새롭게 선보인 Book Club 스킨에서 댓글에 표시되는 아바타가 약간 어색하게 표시됩니다. 그림과 같이 댓글에 답변을 달면 답글 작성자의 아바타가 찌그러져서 보입니다. 자꾸 보다 보면 익숙해지겠지만, 처음 스킨을 변경한 후에 댓글 섹션의 일부 아바타가 타원형으로 표시되어 매우 어색하게 느껴졌습니다.티스토리 북클럽(Book Club) 스킨에서 댓글 아바타 크기 조정하는 방법 댓글 내의 아바타가 일정한 크기로 표시되도록 하고 싶은 경우 다음 CSS 코드를 추가하면 됩니다./* Book Club 스킨 - 댓글 아바타 크기 */ .comment-list ul li .author-meta .avatar { width: 48px !important; height: 48Px; } 위와 같이 ..

카페24에서 아무런 이유 없이 갑자기 워드프레스 사이트가 장애를 일으키는 경우가 있을 수 있습니다. 그러면 카페24에서 제공하는 복원 기능을 사용하여 문제가 발생하기 전의 날짜로 복원하는 것이 가장 간단하게 문제를 해결하는 방법입니다. 카페24에서 사이트를 복원하는 방법은 다음 글을 참고해보세요: 카페24에서 사이트 복원하는 방법 경우에 따라 복원을 수행해도 문제가 지속될 수 있습니다. 그런 경우 웹서버 공간이 충분한지 확인해보도록 합니다. 저가형 상품을 사용하는 경우 생각보다 빨리 디스크 공간이 소진될 수 있습니다. 디스크 공간이 부족하면 다양한 문제가 발생할 수 있습니다. 공간이 부족한 경우 상품을 업그레이드하거나 디스크 용량을 추가한 후에 다시 복구를 시도해볼 수 있습니다. ※ 디스크 공간과 트래픽..

오늘 8월 28일 일본 정부가 예고대로 한국을 백색국가(수출심사 우대국)에서 제외하는 조치를 시행한 것을 두고 김현종 청와대 국가안보실 2차장이 오늘 오후 브리핑을 열어 “역사를 바꿔 쓰고 있는 것은 바로 일본”이라고 지적했습니다. 어제 고노 다로(河野太郞) 일본 외상이 “한국이 역사를 바꿔 쓰려고 한다면 그것은 불가능하다”고 말한 것을 반박한 것인데요. 청와대 발표문에 속이 다 시원하네요. 미국은 돈만 밝히고 ('동맹'이 아니라 '돈맹'이라고 어느 만평에서 표현했더군요), 일본은 적반하장식으로 생떼를 쓰면서 뒤에서 칼을 겨누고, 북한은 미사일을 계속 쏘아대고 있는 지금의 이 상황을 '百尺竿頭(백척간두)'라는 말로 표현할 수 있을 것 같습니다. 무엇보다 국내에서 일본편을 드는 무리들이 이렇게 많은 줄 몰..