본문 바로가기
HTML 포트폴리오 템플릿 Epic 50% 할인 판매 테마포레스트(Themeforest) 마켓에서 Epic이라는 HTML 포트폴리오 템플릿을 50% 할인된 10달러에 판매 중입니다. 글을 계속 발행하는 등 콘텐츠 관리가 필요한 경우 워드프레스(WordPress) 같은 CMS가 적합할 수 있습니다. 디자이너들이 포트폴리오 사이트를 만들 때 워드프레스를 활용하는 경우를 종종 봅니다. 워드프레스 사용법을 익히면 편리하게 사이트를 만들 수 있습니다. 기본적인 워드프레스 사용법 한 번 사이트를 만든 후에 업데이트할 필요 없이 그냥 사용하는 경우에는 HTML 템플릿도 고려해볼 수 있을 것 같습니다. (요즘은 인기가 있는 워드프레스가 다른 템플릿에 비해 압도적으로 많이 판매되고 있습니다.) Epic은 크리에이티브 전문가나 업체를 위한 포트폴리오 템플릿입니다. 크로스 브.. 2019.09.12
티스토리에서 공감 및 구독하기 버튼과 저작물 사용 허가(CCL) 마크를 표시하지 않는 방법 티스토리 글 하단에 공감 버튼과 구독하기 버튼, 그리고 CCL 마크가 표시됩니다. 그림에 표시된 공감 버튼, 구독하기 버튼, CCL 마크 모두를 없애고 싶은 경우 다음과 같은 CSS 코드를 사용할 수 있습니다. /* 티스토리 공감, 구독하기, CCL 마크 숨기기 */ .container_postbtn { display: none; } CCL 표시만 숨기고 싶은 경우에는 다음과 같은 코드를 사용해보시기 바랍니다. /* 티스토리에서 CCL 마크 숨기기 */ .container_postbtn .postbtn_ccl { display: none; } 티스토리에서 CSS 코드는 꾸미기 > 스킨 편집을 클릭하고 html 편집을 선택한 후에 CSS 탭을 클릭하여 추가할 수 있습니다. 참고로 저작물 사용 허가(CCL).. 2019.09.10
티스토리 Book Club 스킨 수정: 폴더 형식의 카테고리를 사이드바에 표시하기 최근 공개된 티스토리 스킨인 Book Club의 사이드바에 "카테고리" 위젯을 표시하면 리스트 형식의 카테고리로 표시됩니다. 위의 그림과 같이 표시되는데요. 카테고리를 폴더 형식으로 표시하고 싶은 경우가 있을 수 있습니다. 이 경우 티스토리 스킨 가이드에서 '카테고리' 부분을 체크해보면 다음과 같이 카테고리 형식으로 두 가지 치환자를 지원합니다. : 폴더 형식의 카테고리 : 리스트 형식의 카테고리 따라서 티스토리 HTML 소스에서 리스트 형식의 카테고리 치환자를 폴더 형식의 카테고리 치환자로 바꾸어 주면 폴더 형식으로 카테고리가 표시됩니다. ※ 티스토리 스킨을 수정할 때에는 티스토리 스킨 가이드를 먼저 체크하는 것이 좋습니다. 티스토리에 로그인한 후에 왼쪽 메뉴에서 꾸미기 > 스킨 편집을 선택하고 "ht.. 2019.09.06
티스토리 블로그 속도 개선 - 애드센스 스크립트 지연 로드 사이트 로딩 속도가 느리면 사용자들의 이탈률을 높여 SEO에 불리해집니다. 구글에서는 글을 노출시킬 때 사이트 속도도 고려하기 때문에, 당연한 말이지만, 속도가 속도가 빠를 수록 SEO에 유리합니다. 이 티스토리 블로그에서는 크롬에서 글을 로드할 때 애드센스 광고 때문에 가끔 크롬의 타이틀 바에서 로딩 아이콘이 한참 동안 표시되는 경우가 종종 눈에 띄었습니다. 이 때문에 구글과 네이버 검색에서 불리하게 작용하는 것 같아서 콘텐츠가 로드된 후에 애드센스 광고 코드를 로드하도록 조금 바꾸어보았습니다. 이제 구글 크롬(Chrome) 브라우저의 타이틀 바에서 로딩 아이콘이 금방 사라지는 것을 확인했습니다. 내킨 김에 Pingdom Speed Test에서 사이트 속도를 측정해보았습니다. 페이지 크기(Page si.. 2019.09.05
프리미엄 크리에이티브 원페이지 PSD 템플릿 KING 할인 테마포레스트 마켓에서 크리에이티브 원페이지 PSD 템플릿인 KING이 33% 할인된 8달러에 판매되고 있네요. 약 열흘 전에 소개한 비트코인 및 암호화폐 PSD 템플릿인 Crypticoin도 아직도 할인 판매 중입니다. 비트코인 및 암호화폐 PSD 템플릿 Crypticoin 할인 KING은 기능성과 유용성을 미니멀한 완벽한 그리드 디자인과 결합한 원 페이지 테마입니다. PSD 파일은 Adobe Photoshop CC에서 제작되었지만 다른 포토샵 버전에서도 사용할 수 있습니다. 총 4개의 PSD 파일이 포함되어 있으며, 모든 파일이 레이어가 완전히 구분되어 있고 커스텀이 가능합니다. 총 4개의 PSD 파일이 포함되어 있습니다. 메인 - Main (01_main.psd) 블로그 - Blog (02_blog... 2019.09.04
네이버 웹마스터도구에서 '사이트 맵이 제출되지 않았습니다' 오류 발생 이 티스토리 블로그는 현재 네이버 유입이 거의 없는 상태입니다. 하루 10명 내외가 방문하고 있습니다. 다행히 지난 주에는 소폭 증가하여 최고 30명까지 방문한 적이 있네요.ㅎㅎ (대부분의 유입이 구글을 통해 이루어지고 있습니다.) 어제 네이버 웹마스터도구를 살펴보다가 '사이트 맵이 제출되지 않았습니다'라는 오류가 표시되는 것을 발견했습니다. 다른 사이트에서도 동일한 오류가 발생하여 모두 사이트맵을 삭제하고 다시 제출했습니다. 워드프레스의 경우 사이트맵을 다시 생성할 필요 없이 그냥 사이트맵 URL만 제출하면 됩니다. 하지만 티스토리의 경우 수동으로 사이트맵을 생성한 후에 제출해야 합니다. 물론 이전 사이트맵을 그대로 제출해도 되지만, 이전에 사이트맵을 만든 이후에 새로운 글이 많이 발행되었으므로 새로 .. 2019.09.02
티스토리 Book Club 스킨 수정: 구글 맞춤 검색 추가 이 블로그에는 현재 최근 공개된 Book Club이라는 티스토리 스킨이 적용되어 있습니다. 이번에 스킨을 변경하면서 수정을 최소화하기 위해 노력했습니다. 몇 가지 수정 사항 중에 하나로 티스토리 검색 아이콘을 제거하고 대신 구글 맞춤 검색 기능을 추가했습니다. Book Club 스킨을 적용하면 오른쪽 상단에 검색 아이콘이 표시되고, 아이콘을 클릭하면 그림과 같이 검색 내용을 입력할 수 있는 상자가 나타납니다. 티스토리 검색 기능보다는 구글 검색 기능을 추가하면 사용자가 검색하는 검색어에 대하여 보다 관련성 있는 검색 결과를 제공할 수 있습니다. 간단한 수정으로 쉽게 구글 맞춤 검색 기능을 추가할 수 있습니다. 구글 맞춤 검색으로 대체한 후의 스크린샷입니다. 검색할 내용을 입력한 후에 검색 아이콘을 누르면.. 2019.09.01
쇼핑몰과 구글 애드센스 광고 블로그나 커뮤니티 사이트를 운영하면서 수익을 얻을 수 있는 방법 중 하나가 구글 애드센스 광고일 것입니다. 하지만 사실 애드센스와 같은 배너 광고는 수익률이 낮은 모델입니다. 높은 수익을 내고 싶다면 애드센스는 비추입니다. 월 100만 원을 목표로 하는 분들도 있지만, 애드센스로 월 100만 원을 벌 수 있다면 그 노력과 열정으로 다른 일을 해도 더 큰 성공을 성취할 수 있을 것이라 생각됩니다. 워드프레스와 티스토리 블로그로 돈 버는 방법 - 네이티브 광고 최근 카페24 쇼핑몰에 애드센스 광고 코드를 추가하는 방법에 대한 질문을 접한 적이 있습니다. (출처: 네이버 지식iN) 우선 알아두어야 할 점은 애드센스 광고를 사이트에 게재하면 사이트에서 애드센스 광고 스크립트를 로드하면서 사이트 속도가 느려집니다.. 2019.08.31
디지털 웹 에이전시 다목적 HTML 템플릿 Genox 할인 판매 Genox라는 크리에이티브 & 디지털 웹 에이전시 다목적 HTML 템플릿(Creative & Digital Web Agency Multipurpose HTML Template)이 50% 할인된 9달러에 판매되고 있습니다. 이 HTML 템플릿은 올해 6월에 릴리즈되어 아직 판매량이 얼마 되지 않지만(사실, 워드프레스 테마 외의 다른 웹사이트 템플릿은 판매량이 저조한 편입니다), 사용자 평가는 괜찮은 편입니다. 제가 취미로 홈페이지를 만들 초창기에는 나모 웹에디터나 드림위버 같은 HTML 에디터를 사용하여 홈페이지를 만든 기억이 납니다. CSS, 자바스크립트 등에 대한 이해도가 낮았기 때문에 아무리 열심히 해도 퀄리티가 마음에 들지 않았습니다.ㅠㅠ 요즘은 HTML로 직접 사이트를 만들기보다 워드프레스 같은 .. 2019.08.30
티스토리 블로그의 스킨을 Book Club으로 변경했습니다 이 티스토리 블로그의 스킨을 최근 공개된 북클럽(Book Club)으로 변경했습니다. 티스토리에서 자주 새로운 스킨을 공개하고 있습니다. 새 스킨으로 바꾸기 전까지 Magazine이라는 스킨을 사용했습니다. Magazine 스킨을 약 4개월 정도 이용했습니다. 기록용으로 여기에 스크린샷을 올려봅니다. Poster, #1, Magazine 스킨을 사용하면서 스킨 소스 파일에 많은 수정을 가했습니다. 이번에 변경한 Book Club에서는 이전 스킨과는 달리 약간의 수정만 했습니다. 이 스킨이 제가 선호하는 스타일과 어느 정도 일치하는 것 같습니다. Book Club 스킨 편집 화면에서 '최신글'로 설정하고 '목록'을 선택하면 첫 화면과 카테고리 페이지에 글 목록이 표시되지 않는 버그가 있습니다. 이 때문에 .. 2019.08.29
리스트 불릿에 줄바꿈이 삽입되는 문제가 발생하는 경우 [CSS] 이 블로그에는 현재 지난주에 공개된 Book Club이라는 스킨이 적용되어 있습니다. Book Club 스킨에서 사이드바에 '최근 댓글' 위젯을 표시하면 댓글들이 리스트 불릿(List Bullet) 없이 표시되어 댓글들을 구분하는 것이 조금 불편하게 되어 있습니다. 댓글들을 쉽게 구분할 수 있도록 리스트 불릿(리스트 마커)를 CSS로 추가해보았습니다. 하지마 크롬에서는 리스크 불릿이 정상적으로 표시되었지만 IE에서는 불릿 뒤에 줄바꿈(line-break)이 추가되어 엉성하게 보였습니다. 이 문제에 대해 리서치해보니 문제의 원인이 댓글에 적용된 링크(hyperlink) 때문이라는 것을 알게 되었습니다. 다음과 같이 anchor 요소에 display: inline;을 적용하니 문제가 해결되었습니다.ul li.. 2019.08.29
티스토리 Book Club 스킨에서 댓글 아바타 크기 조정하기 지난 주에 티스토리에서 새롭게 선보인 Book Club 스킨에서 댓글에 표시되는 아바타가 약간 어색하게 표시됩니다. 그림과 같이 댓글에 답변을 달면 답글 작성자의 아바타가 찌그러져서 보입니다. 자꾸 보다 보면 익숙해지겠지만, 처음 스킨을 변경한 후에 댓글 섹션의 일부 아바타가 타원형으로 표시되어 매우 어색하게 느껴졌습니다. 댓글 내의 아바타가 일정한 크기로 표시되도록 하고 싶은 경우 다음 CSS 코드를 추가하면 됩니다./* Book Club 스킨 - 댓글 아바타 크기 */ .comment-list ul li .author-meta .avatar { width: 48px !important; height: 48Px; } 위와 같이 하면 댓글 작성자의 아바타 크기가 50x50px 크기로 표시됩니다. (실제로.. 2019.08.29