워드프레스 일기의 전체 글 3796

올해 들어 네이버 방문자 수가 늘고 구글 방문자 수가 줄었습니다

최근 코로나 사태 때문에 트래픽이 감소하고 일부 분야를 제외한 애드센스 광고량이 줄어든다는 내용의 해외 블로그 글을 본 적이 있습니다. 제 블로그 방문자 수를 체크해보니 올해 들어 네이버 방문자 수가 조금씩 늘고 있는 반면 구글 방문자 수가 5월 들어 크게 줄어든 것을 발견했습니다. 네이버 방문자 수가 늘고 구글 방문자 수가 감소하다 지난 1월 1일부터 엊그제까지의 구글 유입과 네이버 유입을 그래프로 표시해봤습니다. 구글 방문자 수는 4월까지 늘다가 5월 들어 크게 줄어들었습니다. 반면 네이버 방문자 수는 지속적으로 늘고 있습니다. 이 티스토리 블로그는 초기에 네이버 블로그 탭에 노출되다가 몇 년 전 네이버 검색 로직이 바뀌면서 모든 글이 웹사이트 탭으로 이동했습니다. 그 때문에 네이버 유입이 거의 제로..

해외 호스팅 사이트그라운드에서 새 사이트 추가하는 방법 (새로운 인터페이스)

해외 호스팅 중 하나인 사이트그라운드에 가입하면 새롭게 바뀐 인터페이스를 이용하게 됩니다. 이전에는 cPanel 기반이었지만 새 인터페이스는 사이트그라운드에서 REACT를 사용하여 단일 페이지 애플리케이션으로 구축되어 이전 인터페이스보다 훨씬 빠르고 모바일에 친화적입니다. 사이트그라운의 새 인터페이스에서 새 사이트를 추가하는 방법에 대해 살펴보겠습니다. 참고로 사이트그라운드는 속도와 안정성면에서 좋은 평가를 받고 있습니다. 저렴하게 해외 웹호스팅을 이용하려는 경우 블루호스트를 고려해볼 수 있습니다. 자세한 내용은 다음 글을 참고해보세요. (아래 글에 포함된 링크를 클릭하여 Bluehost에 가입하면 월 1달러 할인된 월 최저 2.95달러부터 서비스를 이용할 수 있습니다. 저렴한 호스팅을 원하는 경우 괜찮..

티스토리 자동 목차: 블로그의 모든 글에 자동으로 목차 표시하는 방법

티스토리 블로그에 목차를 표시하려는 경우 목차 스크립트 파일을 이용하여 목차를 추가할 수 있습니다. 보통의 경우 목차를 표시할 자리에 수동으로 HTML 코드를 추가해야 하는데, 그러면 번거로울 수밖에 없습니다. 저는 H2 태그가 2개 이상인 글에 첫 번째 H2 태그 앞에 목차를 삽입하는 코드를 만들어 사용하고 있습니다. 티스토리 블로그에서 헤딩 태그가 일정 개수 이상(예: 3개 이상)인 모든 글에 목차를 생성하고 싶은 경우 아래의 방법을 이용해보시기 바랍니다. 수동으로 목차 HTML 코드를 개별 글에 추가할 필요가 없기 때문에 편리합니다. ☞고래 스킨에 목차를 자동 생성하는 방법은 티스토리 블로그 고래 3.4 스킨에 목차 자동 생성하는 방법을 참고해보세요. 티스토리 자동 목차: 티스토리 블로그에 H2 태..

아마존 라이트세일에서 워드프레스 업로드 제한 설정 높이는 방법

아마존 라이트세일에서 비트나미 워드프레스 설치본을 사용하여 인스턴스를 설치하여 워드프레스 사이트를 운영하는 경우 기본 파일 업로드 크기가 제한되어 있습니다. 파일 업로드 크기 제한 때문에 큰 파일을 업로드하지 못하는 경우 php.ini 파일을 편집하여 업로드 제한을 변경할 수 있습니다. 목차 아마존 라이트세일에서 워드프레스 업로드 제한 설정 높이는 방법 최근 들어 아마존 라이트세일(Amazon Lightsail)에서 운영되는 워드프레스와 관련된 작업을 맡는 빈도가 잦아졌습니다. 그 때문에 이 블로그에서도 자주 아마존 라이트세일과 관련된 글을 올리고 있습니다. 아마존 라이트세일이 분명 매력적이지만 문제는 제대로 운영하기 위해서는 리눅스 서버에 대한 지식이 있어야 한다는 것입니다. 며칠 전에는 아마존 라이트..

웹호스팅/기타 2020.05.13

구글 서치 콘솔에서 사이트맵 제출 시 발견된 URL 수가 0으로 표시되는 경우

구글 서치 콘솔에서 사이트맵을 제출하면 '발견된 URL 수'가 0개로 표시되는 경우가 있습니다. 예를 들어, 다음 그림과 같이 사이트맵 상태가 '성공'으로 표시되지만 발견된 URL 수는 0으로 표시되는 경우입니다. 구글 서치 콘솔에서 사이트맵 제출 시 발견된 URL 수가 0으로 표시되는 경우 정상적인 상황에서는 시간이 지나면 발견된 URL 수가 제대로 표시될 것입니다. 사이트맵을 제출할 때에는 발견된 URL 수가 0으로 표시되어도 하루 이틀 정도 지난 후에 체크해보면 정상적으로 표시될 수 있습니다. 그래도 문제가 해결되지 않으면 먼저 올바른 사이트 속성에서 사이트맵을 제출했는지 체크해보시기 바랍니다. 예를 들어, SSL 인증서를 설치한 경우 사이트 속성은 https://example.com 또는 http..

워드프레스 디비 테마: 무료 'Winery Layout Pack' 다운로드

워드프레스 인기 테마 중 하나인 디비 테마 (Divi Theme)는 가장 많이 설치되어 사용되는 워드프레스 테마 중 하나입니다. Divi 테마 개발자인 Elegant Themes에서는 지난주에 Divi용 무료 'Winery Layout Pack' (와인 양조장 레이아웃 팩)을 릴리즈했고 며칠 전에 Winery Layout Pack용 블로그 포스트 템플릿을 다운로드하도록 공개했습니다. 목차 워드프레스 디비 테마용 무료 'Winery Layout Pack' (와인 양조장 레이아웃 팩) 다운로드 아바다 (Avada)나 엔폴드 (Enfold)와 같은 인기 다목적 테마는 많은 테마 옵션을 제공하여 코딩 지식이 없어도 테마와 페이지 빌더 사용법을 익혀서 웬만한 사이트를 만들 수 있습니다. Divi 테마는 이러한 테..

티스토리에 목차 표시하는 방법 (북클럽 스킨)

티스토리에는 모든 글에 자동으로 목차를 표시하는 방법은 없지만, 원하는 글에 자동으로 목차를 삽입할 수 있습니다. 헤딩 태그를 인식하여 자동으로 목차를 생성하는 jQuery를 사용할 수 있습니다. 저는 다른 방법으로 목차를 생성하여 삽입하다 lie7님 블로그의 "티스토리 블로그 자동 목차 (TOC) 만들기" 글을 참고하여 TOC 스크립트를 바꾸었습니다. 이 글에서는 티스토리 북클럽 스킨에 목차를 표시하는 방법과 티스토리 헤딩(소제목) 스타일을 변경하는 방법에 대해 간단히 설명하겠습니다. (다른 스킨에서도 그대로 응용이 가능합니다.) ※업데이트: H2 또는 H3 태그 개수를 카운트하여 일정 개수(예: 2개 또는 3개) 이상인 모든 글에 목차를 표시할 수 있습니다. 자세한 방법은 별도의 글에서 다루도록 하겠..

워드프레스 쇼핑몰: 외부 상품 등록하는 방법 [쿠팡 파트너스, 아마존 어필리에이트]

워드프레스에서는 우커머스 (WooCommerce) 플러그인을 사용하여 쇼핑몰을 운영할 수 있습니다. 워드프레스 쇼핑몰에서는 실제 상품뿐만 아니라 디지털 다운로드 상품을 판매할 수 있으며 외부 상품을 등록하여 방문자가 상품 정보를 확인하고 외부 쇼핑몰에서 구입할 수 있도록 설정할 수 있습니다. 워드프레스 쇼핑몰에서 외부 상품 등록 방법 예를 들어, 스마트스토어를 운영하고 워드프레스 쇼핑몰에서 스마트스토어 상품을 판매하고 싶은 경우 스마트스토어 상품을 외부 상품/연계 상품으로 등록하여 워드프레스 쇼핑몰에서 상품을 홍보할 수 있습니다. 또는, 아마존 어필리에이트나 쿠팡 파트너스 상품을 홍보하고 싶은 경우에도 외부/연계 상품으로 등록할 수 있습니다. 우커머스 쇼핑몰에서 외부/연계 상품으로 등록하면 장바구니 버튼..

티스토리 북클럽 스킨: 커버 아이템 타이틀 (소제목) 스타일 변경하는 방법

티스토리 북클럽 (Book Club) 스킨에서 스킨 편집 시 커버 아이템을 설정하고 각 커버 아이템의 타이틀을 지정할 수 있습니다. 커버 아이템 타이틀 (소제목)의 기본 스타일이 마음에 들지 않는 경우 CSS를 사용하여 커버 아이템 제목 스타일을 변경할 수 있습니다. ☞참고로 티스토리 소제목 스타일을 변경하고 싶은 경우 다음 글의 "티스토리 소제목 (헤딩) 스타일 변경" 부분을 참고해보세요. 티스토리에 목차 표시하는 방법 (북클럽 스킨) 티스토리에는 모든 글에 자동으로 목차를 표시하는 방법은 없지만, 원하는 글에 자동으로 목차를 삽입할 수 있습니다. 헤딩 태그를 인식하여 자동으로 목차를 생성하는 jQuery를 사용할 수 있습�� avada.tistory.com 티스토리 북클럽 스킨의 커버 아이템 타이틀 ..

CSS로 텍스트의 절반 높이만 형광펜으로 표시하는 방법

요즘 블로그를 구경하다 보면 텍스트에 형광펜 효과를 주는 경우를 종종 봅니다. 보통은 텍스트의 전체 높이에 형광펜 효과를 주는 배경색을 이용하거나, 밑줄 형태로 형광펜 효과를 주는 경우가 사용될 것입니다. 또 다른 방법으로 텍스트의 절반 높이에만 형광펜 효과를 주는 것도 가능합니다. 전체 높이에 형광펜 효과를 주는 것은 일반적인 백그라운드 컬러를 적용하면 되므로 여기에서는 밑줄 형태로 형광펜 효과를 주는 방법과 텍스트의 절반 높이에만 형광펜 효과를 주는 방법에 대해 간단히 설명하겠습니다. 목차 CSS로 형광펜 효과를 주는 방법 밑줄 형태로 형광펜 효과를 주는 방법 밑줄 형태로 형광펜 효과를 주는 방법은 하루일기님의 티스토리 본문 링크 부분 형광펜 밑줄 효과 글을 참고할 수 있습니다. 다음과 비슷한 CSS..

IT & 기타/CSS 2020.05.09