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

상황에 따라 텍스트 라인 수를 줄이고 싶은 경우가 있습니다. CSS로 텍스트 라인 수 제한하는 방법을 사용하면 비록 제약이 있지만 제일 간편한 것 같습니다. 목차 CSS로 텍스트 라인 수 제한하기 이 티스토리 블로그의 포스트 타이틀이 너무 긴 경우 모바일 기기에서 광고가 가리는 현상이 나타나는 것을 발견했습니다. 이렇게 광고가 가리게 되면 애드센스 정책 위반이 될 가능성이 있습니다. 텍스트 라인 수를 하나로 제한하려면 다음과 같은 CSS 코드를 사용할 수 있습니다. div{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } 이 코드를 적용하면 말 줄임 기호(ellipsis)가 생성되고 자연스럽게 한 줄로 줄어듭니다. 2줄 이상으로 줄이려..

이 티스토리 블로그에서는 초기부터 구글 애드센스 광고를 게재했지만 방문자 수에 비해 수익이 너무 낮아 지난 1월에 애드센스 광고를 제거하고 AdSense 계정에서도 이 이 사이트를 삭제했습니다. 대신 쿠팡 파트너스 배너 광고를 표시했습니다. 애드센스 광고를 제거하고 대신 쿠팡 파트너스 배너로 교체했습니다 이 블로그에 오랫동안 표시했던 구글 애드센스 광고를 제거하고 대신 쿠팡 파트너스 배너를 글 상단과 하단에 표시하도록 조정했습니다. 지난 12월 중순에 애드센스 계정 페이지에 '운영 중이신 사이트 중 하나.. avada.tistory.com 블로그 성격에 따라 쿠팡 파트너스도 괜찮은 것 같습니다. 실제로 이 블로그에서 쿠팡 상품을 소개하여 약간의 수익을 올렸습니다. 쿠팡 파트너스 수익 후기 - 블로그로 돈..

워드프레스 등 다른 CMS보다 쉽게 홈페이지를 만들 수 있는 홈페이지 빌더인 윅스(Wix)가 50% 할인 행사를 진행하고 있습니다. 하지만 시간이 얼마 남지 않았네요. 초딩도 홈페이지를 만들 수 있는 윅스 (Wix) 윅스의 최대 장점은 쉽게 홈페이지를 만들 수 있다는 점입니다. 아마 유튜브에서 광고를 보신 적이 있을 것입니다. 윅스를 이용하면 혼자서도 쉽고 편하게 홈페이지를 만들 수 있지만, 한편으로는 커스텀이 제한적이고 호스팅을 포함하고 있기 때문에 윅스를 이용하다가 다른 웹호스팅으로 이전할 수가 없습니다. To generalize, website builders like Wix are easier to use but less customizable. They also include hosting— s..

구글 애드센스를 사칭하여 유튜브 채널을 탈취하려는 이메일이 최근 들어 증가하고 있어 주의가 요구됩니다. 구글 애드센스 사칭 이메일 조심하세요 위와 같은 이메일인데요. 유튜브 채널에서 인위적인 트래픽이 감지되었다면서 유튜브 채널 URL과 채널 비밀번호까지 요구하고 있습니다. Artificial traffic has been detected on your YouTube channel. Our team will check your channel in detail and make the necessary decision. Please fill in the information below and reply to this email. If your YouTube channel is not reviewed in de..

오늘 엣지 브라우저 (Microsoft Edge)에서 이 티스토리 블로그의 인용구 텍스트를 확인해보니 텍스트가 콘텐츠 컨테이너 범위를 벗어나서 한 줄로 표시되는 것을 발견했습니다. 저는 글을 발행하고 보통 크롬에서 확인하기 때문에 엣지 브라우저에서 이와 같은 문제가 나타나는 것을 미처 인식하지 못했습니다. 인용구에서 텍스트가 콘텐츠 영역을 벗어나는 경우 해결 방법 [CSS] 보통 긴 URL이 다음 라인으로 줄 바꿈 되지 않고 콘텐츠 영역을 벗어나는 경우가 있지만, 위의 그림과 같은 경우는 드문 것 같습니다. 긴 URL을 강제 줄 바꿈 하려면 다음 CSS 코드를 적용하면 많은 상황에서 문제가 해결됩니다. overflow-wrap: break-word; word-wrap: break-word; 혹시나 싶어 ..

도메인 변경 후 SEO 문제 2년 전 이 티스토리 블로그에 2차 도메인을 연결해본 적이 있습니다. 하지만 도메인을 연결한 후에 검색엔진으로부터 방문자 유입이 감소하여 도메인 연결을 취소했습니다. 며칠 전 구글에서 검색해보니 2년 전에 연결한 도메인의 글이 270개나 색인이 되어 있는 것을 확인했습니다. 티스토리 블로그보다 먼저 노출되는 글도 있네요.ㅠ 도메인 연결을 취소한 후에 301 리디렉션을 설정해주어야 하는데, 잠깐 도메인을 연결했기 때문에 이런 문제가 발생할 것으로 생각하지 못했습니다. 그리고 이 티스토리 블로그의 콘텐츠를 추출하여 워드프레스 사이트로 이전하는 테스트를 한 적이 있습니다. 워드프레스 블로그의 글에는 Canonical URL을 설정했기 때문에 이론상 워드프레스 블로그 글이 노출되지 ..

이 티스토리 블로그에는 PC에서 마우스를 스크롤하면 메뉴가 상단에 고정되는 스크립트가 적용되어 있습니다. 하지만 상단에 고정될 때 메뉴의 크기가 맞지 않아서 보기가 좋지 않았습니다. 위의 그림과 같이 메뉴 부분의 크기가 전체 폭이 아니어서 조금 어색하게 표시되고 있습니다. 귀찮아서 이 문제를 미루고 있다가 간단한 CSS 코드를 넣어 해결했습니다. 이제 PC에서 스크롤해도 왼쪽 부분이 잘리는 현상이 발생하지 않습니다. 부모 요소의 크기가 제한되어 있는 상황에서 하위 요소의 크기를 화면 폭에 맞게 확장하려는 경우 다음 글들을 참고하여 시도해볼 수 있습니다. Expand a div to fill the remaining width (div를 확장하여 남아 있는 너비를 채우는 방법) Full Browser Wi..

HTML 템플릿과 워드프레스 테마, 플러그인, 동영상 템플릿, 뮤직 파일, 그래픽 파일 등을 판매하는 엔바토 마켓에서 4월 한 달 동안 LEAD라는 다목적 반응형 HTML 랜딩 페이지 템플릿을 무료로 다운로드할 수 있습니다. ☞ 2020년 10월 무료 다운로드 ☞ 2020년 9월 무료 다운로드: 포트폴리오 HTML 템플릿 ☞ 2020년 6월 무료 다운로드: 취업 포털(Job Board) HTML 템플릿 - Cariera ☞ 2020년 5월 무료 다운로드: 반응형 다목적 HTML5 템플릿 다목적 반응형 HTML 랜딩 페이지 템플릿 무료 다운로드 LEAD는 다목적 HTML 템플릿으로 완전 반응형이며 부트스트랩(Bootstrap)으로 만들어졌습니다. 기업, 비즈니스, 스타트업, 앱, 오피스, 에이전시에게 적합..

이 블로그에는 현재 가장 최근에 티스토리에서 공개한 Book Club 스킨이 적용되어 있습니다. 이 스킨을 사용하기 전에 Magazine (매거진) 스킨을 적용했었습니다. 매거진 스킨도 나름 깔끔하고 괜찮은 것 같습니다. 이 글에서는 티스토리 매거진 스킨에서 본문 글자 크기를 변경하는 방법에 대해 간단히 살펴보겠습니다. 참고로 워드프레스의 경우 아바다, 뉴스페이퍼, Divi 등의 테마에서는 쉽게 본문 글자를 비롯한 다양한 요소(헤더, 메뉴, 푸터, 위젯...)의 글자 크기 등을 변경할 수 있습니다. 테마 옵션에서 해당 옵션이 제공되지 않으면 약간의 CSS 코드를 사용하여 변경이 가능합니다. 워드프레스 글자 크기 변경하는 방법 (제목, 본문 등) - 워드프레스 정보꾸러미 워드프레스에서 제목, 본문 등의 글..

코로나 바이러스 때문에 구글도 영향을 받고 있네요. 구글은 코로나 대유행으로 인해 구글 크롬 82 개발 중단을 발표했고, 이 때문에 크로미엄 기반의 엣지 브라우저도 차기 버전 개발 중단을 결정하는 등 영향을 미치고 있습니다. 코로나 때문에 구글 크롬 82 개발 중단 발표 - 블로그 코로나19 (COVID-19) 사태 때문에 일본 도쿄 올림픽이 1년 연기되는 초유의 사태가 발생했는데요. 코로나는 구글 크롬 개발에까지 영향을 미치고 있습니다. 지난 3월 19일, 구글은 예정된 Chrome 및 Chrome OS 릴리즈 일시 중단을 발표했고 3월 22일에 M82 릴리즈를 www.thewordcracker.com 목차 코로나 바이러스로 인해 구글 애드센스 수익 하락 또한, 코로나 때문에 애드센스 광고 수익이 하락..