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

우리나라에 잘 알려진 해외 웹호스팅 서비스 중 하나인 블루호스트 (Bluehost)에서는 서브 도메인이나 애드온 도메인을 추가하여 별도의 사이트를 운영할 수 있습니다. 서브도메인은 모든 상품에서 지원됩니다. Basic에서는 서브도메인의 개수가 25개로 제한되고 나머지 상품에서는 무제한 생성이 가능합니다. 블루호스트에 대한 자세한 내용은 다음 글에서 참고해볼 수 있습니다. (다음 글에 포함된 링크를 클릭하여 Bluehost 공유호스팅에 가입하면 월 1달러 할인된 월 최저 2.95달러부터 서비스를 이용할 수 있습니다. 저렴하게 비교적 괜찮은 리소스를 이용하려는 경우에 고려해볼 수 있을 것 같습니다.) 해외 호스팅: 블루호스트와 사이트그라운드 비교 개인적으로 현재 블루호스트 공유호스팅, 블루호스트 VPS, 사..

워드프레스에서 멀티사이트를 만들고 도메인 매핑을 시키면 하나의 워드프레스 설치에서 여러 개의 도메인으로 된 각각의 사이트를 운영할 수 있습니다. 카페24와 같이 하나의 계정에서 (요금제에 따라 다름) 여러 개의 도메인을 연결할 수 있지만 하나의 사이트만 설치가 가능한 경우 유용합니다. 가령 카페24에서는 요금제에 따라 여러 개의 도메인을 연결할 수 있지만, 모든 도메인은 동일한 콘텐츠가 표시됩니다. 워드프레스 멀티사이트의 도메인 매핑 기능을 사용하면 각각의 멀티사이트 블로그에 도메인을 연결하여 각각 운영이 가능합니다. 참고로 블루호스트 (Bluehost)나 사이트그라운드 (SiteGround)와 같은 해외 호스팅을 이용하면 도메인을 무제한 연결하고 각 도메인에 대하여 워드프레스나 다른 CMS를 설치하여 ..

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 목차 코로나 바이러스로 인해 구글 애드센스 수익 하락 또한, 코로나 때문에 애드센스 광고 수익이 하락..

워드프레스 매거진 테마인 Newsmag은 베스트셀링 테마 중 하나인 Newspaper(뉴스페이퍼)의 자매 테마로, 뉴스페이퍼 테마가 나오기 전에 판매되었던 테마입니다. 지금은 Newspaper 테마를 주력하여 기능을 업데이트하고 있지만, Newsmag(뉴스맥) 테마도 최신 워드프레스 버전과 호환되도록 업데이트가 제공되고 있습니다. (기존 사용자에 대한 배려로 최소한으로 호환되도록 업데이트를 제공하는 것 같습니다.) 워드프레스 Newsmag 테마의 푸터 템플릿 스타일 설정 Newsmag 테마의 푸터가 다음과 비슷하게 일부 푸터 항목을 수정할 수 없는 문제가 있다고 하여 Newsmag 테마의 푸터 설정을 살펴보았습니다. 위의 그림에서 푸터의 왼쪽 컬럼은 로고와 간단한 정보가 표시되고 있고, 두 번째 컬럼과 ..

가입형 워드프레스는 WordPress.com에서 무료 또는 유료로 가입하여 사용하는 워드프레스입니다. 가입형 워드프레스를 이용할 경우 구글 웹마스터도구(구글 서치 콘솔)에 등록할 수 있습니다. 그리고 사이트맵과 RSS URL도 제출할 수 있습니다. 가입형 워드프레스에서 구글 웹마스터도구 (구글 서치 콘솔) 소유권 확인하기 먼저 구글 서치 콘솔에 접속하여 새로운 사이트를 추가합니다. 속성 추가 화면에서 URL 접두어를 선택합니다. 그러면 소유권 확인 화면이 표시됩니다. 위와 같은 화면이 표시되면 다른 확인 방법 아래의 HTML 태그를 클릭합니다. 메타태그를 복사하도록 합니다. 이 메타태그에서 content 부분의 코드를 가입형 워드프레스의 도구에 입력하고 "확인"을 클릭하면 소유권 확인이 됩니다. 메타태그..

최근 들어, 블로그를 개설하고 글을 한 두 개 작성한 후에 방문자가 없다고 호소하는 분들을 간혹 봅니다. 또, 티스토리 블로그나 워드프레스 블로그를 시작한 지 며칠 지나지 않아 구글에 글이 검색되지 않는다고 하는 분들도 있습니다. 이런 질문을 받으면 저는 항상 조급해하지 말고 꾸준히 2~3개월 정도 양질의 글을 작성하는 데 집중하라고 말씀드립니다. 하지만 이런 답변을 하면 그분은 다른 곳에 가서 또 동일한 질문을 합니다.ㅠ 블로그 방문자 수가 단기간에 늘지 않는 이유 저는 약 6년 전에 워드프레스 블로그를 본격적으로 시작했습니다. 그 이전에도 몇 년 동안 몇 개의 가입형 워드프레스를 운영했지만, 수익형 블로그는 아니었습니다. 당시에는 글을 그다지 많이 작성하지 않아도, 경쟁이 치열한 키워드가 아닌 경우 ..

해외 웹호스팅 중 하나인 블루호스트 (Bluehost)에서 A 레코드, CNAME, MX 레코드 등 DNS 정보를 추가하는 방법에 대해 살펴보겠습니다. 이와 관련하여 비슷한 글을 작성한 적이 있지만, 이후에 블루호스트의 인터페이스가 크게 바뀌었습니다. 새로운 인터페이스에서는 다음 글을 참고하여 DNS 레코드를 추가할 수 있습니다. 참고로 저렴하게 괜찮은 리소스의 웹호스팅을 원하는 경우 블루호스트를 고려해볼 수 있습니다. 자세한 정보는 다음 글을 참고해보세요. (아래 글에 포함된 링크를 클릭하여 블루호스트에 가입하면 월 1달러 할인된 월 최저 2.95달러부터 서비스에 가입할 수 있습니다.) 해외 호스팅: 블루호스트와 사이트그라운드 비교 개인적으로 현재 블루호스트 공유호스팅, 블루호스트 VPS, 사이트그라운..