워드프레스 일기의 IT & 기타 778

워드프레스 테마와 플러그인, HTML 템플릿 및 각종 템플릿과 코드, 그래픽, 동영상 템플릿, 음악 파일 등을 판매하는 Envato Market에서 매월 유료 항목을 지정하여 한 달 동안 무료로 다운로드하도록 제공하고 있습니다. ☞ MailChimp, Mailster용 이메일 템플릿 무료 다운로드 (2020년 10월) ☞ 포트폴리오 HTML 템플릿 무료 다운로드 (2020년 9월) 2019년 11월에는 HTML 템플릿과 HTML 차트 및 그래프, 동영상 템플릿, 그래픽 및 음악 파일들을 무료로 다운로드할 수 있습니다. 여기를 클릭하여 매월 무료로 다운로드할 수 있는 항목들을 살펴볼 수 있습니다. Responsive Ready to Use Charts - Finecharts (곧바로 사용 가능한 반응형 차..

페이지 RPM이란 1,000회 노출당 페이지 수익을 나타낸 값으로 예상 수입을 페이지 조회수로 나눈 후에 1000을 곱한 값입니다. 페이지 RPM = (예상 수입 / 페이지 조회수) * 1000 RPM이 평균 어느 정도 되어야 하는지 궁금하여 검색해보니 "애드센스 커뮤니티에서는 평균적으로 $1~2정도가 나온다"고 하는 것 같습니다. 해외의 경우 어떤 글에서는 5~10달러 정도라고 하네요. 우리나라 광고 단가가 미국 등의 국가에 비해 낮다는 것은 잘 알려져 있습니다. 이 블로그의 경우 페이지 RPM이 1달러에도 못 미치고 있습니다. RPM이 낮아도 너무 낮아서 조회수에 비해 수익이 너무 저조한 편입니다. 그래서 광고를 모두 제거하고 하단의 '일치하는 광고'만 남겨두었습니다.ㅠ 워드프레스로 된 메인 블로그는..

제가 가끔 방문하는 개발자 커뮤니티의 유머란에 올라온 방법입니다. 매우 유용한 것 같아 공유합니다. 아래의 방법으로 특수문자를 입력하는 방식은 숫자 키패드가 없는 텐키리스 키보드에서는 작동하지 않습니다. 가성비 텐키리스 키보드 콕스 CK87 구입 후기 오랫동안 저렴한 마이크로소프트 키보드와 로지텍 키보드를 사용하다 1개월 전에 가성비가 좋은 것으로 평가되는 콕스 CK87 텐키리스 키보드를 구입했습니다. 텐키리스 키보드 중에서는 가격이 avada.tistory.com 쉽게 특수문자를 입력하는 방법 한글 자음 'ㅁ'을 입력한 다음 곧바로 키보드의 '한자' 키를 누르고 탭(Tab) 키를 누르면 특수문자를 선택할 수 있는 리스트가 표시됩니다. ">>"를 클릭하면 특수문자 리스트 화면이 펼쳐지면서 다음과 같이 다..

제목이나 인용구의 모든 글자가 대문자로 표시되는 경우가 있습니다. 그런 경우 CSS의 text-transform 속성을 사용하여 소문자로 변환할 수 있습니다. text-transform 속성을 이용하여 대문자 또는 소문자로 변환하더라도 본래의 텍스트는 그대로 유지됩니다. (즉, 브라우저상에서만 대문자 또는 소문자로 변환되어 표시됩니다.) text-transform 속성 정의 및 사용법 text-transform 속성은 텍스트의 대소문자 표시 형식을 제어합니다. 기본 값: none 상속: Yes 버전: CSS1 JavaScript 문법: object.style.textTransform="uppercase" 한글에서는 대소문자가 없으므로 이 속성은 한글에는 영향을 미치지 않습니다. 브라우저 호환성 CSS 문..

인용구(Blockquote) 내의 태그에 여백(margin)이 적용되지 않는 문제가 종종 발생합니다. 예를 들어, 워드프레스 Newspaper 테마의 인용구(blockquote)에서 태그에 margin-top이나 margin-bottom을 적용해보아도 먹히지 않았습니다. p 태그에 마진(margin) 여백이 적용되지 않는 경우 이 문제에 대하여 검색해보니 stackoverflow의 Margin-top not working for and tag? ( 태그와 태그에서 Margin-top이 작동하지 않는 문제) 글에서 이 문제를 다루고 있습니다. Margin Collapsing이라는 문제와 관련이 있는 것 같습니다. Margin Collapsing은 "여백 상쇄", "마진 겹침" 등으로 번역되어 있네요. Ma..

이달 초에 DB 크기가 500MB에 달하는 워드프레스 사이트의 이전을 완료한 적이 있습니다. 그런데 이전을 완료한 사이트에서 글을 생성, 저장, 발행할 수 없는 문제가 발생한다고 하여 어제 살펴보았습니다. 특이하게 워드프레스 데이터베이스에서 Duplicate entry '0' for key 'PRIMARY' 오류가 발생하고 있었습니다. 혹시나 싶어 DB를 삭제하고 클라이언트로부터 받은 DB를 사용하여 다시 Import해보아도 동일한 오류가 발생했습니다. 결국 클라로부터 받은 DB에 문제가 있어 DB를 임포트했을 때 PRIMARY 키가 모두 제거되어 있었습니다.ㅠㅠ 이 경우 DB를 임포트한 직후에 일일이 PRIMARY 키를 설정해주면 문제가 해결됩니다. 이 오류가 발생하면 그림과 같이 "Current se..

제 애드센스 계정에서는 수익 정산 시간대가 미국 로스앤젤레스 (UTC-08:00)로 설정되어 오후 4시(서머타임이 적용되지 않는 경우 오후 5시)를 기준으로 수익 정산이 이루어지고 있었습니다. 예를 들어, 10월 9월 수익은 10월 9일 오후 4시부터 10월 10일 오후 3:59분 사이의 기간에 대하여 산정됩니다. 올해 미국 서머타임제는 11월 3일 일요일 오전 2시(Eastern Time 기준)에 종료된다고 하네요. 이렇게 미국 LA 시간대로 수익이 정산되다 보니 조금 불편한 점이 있었지만, 나름 익숙해져서 시간대를 변경해야지 하면서 잊고 있다가 오늘 변경했습니다.ㅎㅎ 애드센스 수익 정산 시간대가 우리나라 시간대로 설정되어 있지 않다면 애드센스 계정 페이지에 로그인한 후에 계정 > 계정 정보 페이지에서..

유튜브에 밀리고 있는 네이버가 인플루언서 검색을 신설하여 변화를 모색하는 것 같습니다. 네이버 한성숙 대표는 8일 "네이버는 좋은 정보 빠르게 찾는 곳"이라며 네이버가 잘할 수 있는 것을 할 것이라고 밝혔습니다. 네이버가 좋은 정보를 빠르게 찾는 곳이라니, 지나가던 개가 웃을 소리네요. 네이버에서 정보를 검색해보면 광고로 도배되어 있을 뿐만 아니라 네이버 블로그, 카페, 지식인 등의 콘텐츠가 우선적으로 검색되고 있어 검색의 품질의 갈수록 떨어지고 있습니다. 이 점은 누구나 공감하는 바일 것입니다. 네이버가 네이버 종속 콘텐츠를 우선적으로 노출시킬 수밖에 없는 이유는 네이버 검색 품질이 구글에 비해 현저히 떨어지기 때문입니다. 작년부터 많은 티스토리 블로그 글이 네이버에서 검색에서 밀려났습니다. 이 블로그..

티스토리 스킨 중 하나인 Poster (포스터)를 적용하고 최신 글을 표시하도록 설정하면 첫 페이지(홈페이지)에서 썸네일이 오른쪽에 표시되고 요약글이 왼쪽에 표시됩니다. 썸네일 위치를 오른쪽에서 왼쪽으로 변경하고 싶은 경우, 꾸미기 > 스킨 변경 > HTML 편집 > CSS 탭에 다음과 같은 CSS 코드를 추가하면 됩니다./* Poster 스킨에서 썸네일 위치 바꾸기 */ .post-item .thum { float: left !important; margin-right: 80px; margin-left: 0 !important; } 위의 코드를 CSS 탭의 맨 아래에 추가하도록 합니다. 저장한 후에 블로그를 살펴보면 썸네일 위치가 오른쪽에서 왼쪽으로 변경되어 있는 것을 확인할 수 있을 것입니다. 이 블..

몇 년 전에 마우스를 왼손잡이로 바꾸었다가 며칠 만에 포기하고 익숙한 오른손잡이 마우스를 사용하고 있습니다. 오른손을 과도하게 사용하는 것 같아서 마우스를 다시 왼손잡이로 바꾸었습니다. 조금 오래 일하면 오른쪽 손목이 아파오기 때문에 왼손잡이로 바꾸면 손목터널증후군이 완화되지 않을까 기대됩니다. 그리고 자세도 조금 교정되는 효과가 있을 것 같습니다. 하지만 왼손잡이로 바꾸니 작업 속도가 느리게 되고 오른손잡이일 때보다 빨리 피로해지는 것 같습니다. 마우스 정확도 및 빠르기 테스트 게임 사이트 조금 사용하다 보면 왼손잡이 마우스에 익숙해질 것입니다. 좀 더 빠르게 익숙해지는 방법이 없을까 찾아보다가 마우스 정확도와 민첩성을 테스트하는 게임을 발견했습니다. Mouse Accuracy (마우스 정확도)라는 사..