워드프레스 일기의 분류 전체보기 3702

워드프레스 카테고리나 태그 또는 블로그 리스트 페이지에서 글을 나열할 때, 썸네일 이미지가 흐려 보이는 경우가 있습니다. 특히 모바일에서 썸네일 이미지가 흐려 보일 수 있습니다. 워드프레스 썸네일 이미지가 흐리게 보이는 경우 대처 방법에 대해 살펴보겠습니다.문제 인식: 모바일에서 썸네일 이미지가 흐리게 보임PC에서 블로그 글을 2열 또는 3열로 나열하는 경우 스마트폰에서는 보통 1열로 표시됩니다. Newsmag 테마의 경우를 예를 들어 설명해보겠습니다. 아래 그림과 같이 PC에서는 3열로 표시되는 블럭(Block)이 있습니다.위에서도 이미지가 약간 흐려보이지만 이미지 자체가 작아서 크게 눈에 거슬리지는 않습니다. 이 썸네일 이미지의 크기는 300x160px입니다. 이 화면을 모바일 기기에서 보면, 특히 ..

SSL 인증서를 적용했지만 엣지 브라우저에서 '이 사이트에 대한 연결이 충분히 안전하지 않습니다' 경고가 표시되는 경우가 있습니다. 크롬에서는 주의 요함 경고와 함께 '이 사이트의 보안 연결(HTTS)은 완벽하지 않습니다'가 표시됩니다. '이 사이트에 대한 연결이 충분히 안전하지 않습니다' 경고 해결하기 보안서버 SSL 인증서가 설치되었지만 사이트 내의 http 주소가 https 주소로 완전히 변환되지 않은 경우에 이와 같은 경고가 표시됩니다. 이 오류가 발생하는 경우 구글 크롬에서 관리자 도구를 사용하여 확인해보면 Mixed Content 오류가 발생함을 확인할 수 있습니다. 크롬에서는 F12를 눌러 관리자 도구에 접근할 수 있습니다. 예시: Mixed Content: The page at 'https..

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

어제 중국에서는 처음으로 코로나19 신규 사망자가 발생하지 않았다고 보도되었습니다. 사실 '정말로 중국에서 신규 사망자가 한 명도 발생하지 않았을까'의구심이 든 사람들이 많을 것 같습니다. 중국 처음으로 코로나19 신규 사망자 ‘0’ 중국이 코로나19의 종식 수준을 밟는 가운데 관련 통계 발표 이후 처음으로 신규 사망자가 나오지 않았습니다. 중국 국가위생건강위원회는 어제 하루 동안 발생한 중국 본토의 코로나19 신규 확진 환자는 news.kbs.co.kr 해외에서는 재미있는 트위터 트윗이 회자되고 있습니다. Jennifer Zeng 曾錚 on Twitter “Somewhere in #Wuhan, people moving body secretly as "zero new cases" has become a ..

해외 웹호스팅 중 하나인 블루호스트 (Bluehost)에서는 도메인과 사이트를 쉽게 관리할 있도록 cPanel이 제공됩니다. cPanel의 기본 언어는 영어이지만, 한국어로 변경할 수 있습니다. 다음은 블루호스트 cPanel 관리자의 언어를 한국어 변경하는 방법입니다. cPanel (씨패널)을 사용하는 다른 웹호스팅에서도 비슷한 방법으로 언어를 변경할 수 있습니다. 블루호스트 cPanel 언어를 한국어로 변경하는 방법 블루호스트 사이트에 로그인한 후에 왼쪽의 Advanced를 클릭합니다. 위와 같은 화면이 표시되면 오른쪽 상단에서 "language"로 검색하도록 합니다. 그러면 Preferences 섹션의 Change language (언어 변경) 아이콘이 검색됩니다. Change Language 아이콘..

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

우리나라에 잘 알려진 해외 웹호스팅 서비스 중 하나인 블루호스트 (Bluehost)에서는 서브 도메인이나 애드온 도메인을 추가하여 별도의 사이트를 운영할 수 있습니다. 서브도메인은 모든 상품에서 지원됩니다. Basic에서는 서브도메인의 개수가 25개로 제한되고 나머지 상품에서는 무제한 생성이 가능합니다.참고로 블루호스트는 미국 서버만을 제공하므로 우리나라에서는 속도가 느리다는 불만이 많습니다. 비슷한 레벨의 호스팅으로 패스트코멧(FastComet)과 케미클라우드(ChemiCloud)가 있습니다. 특히 케미클라우드는 서울 서버를 도입하면서 우리나라에서도 속도가 빠릅니다. 속도와 고객지원 서비스면에서 블루호스트보다 더 좋은 옵션이 될 수 있습니다. 💚서울 서버를 제공하는 ChemiCloud 워드프레스 호스..

워드프레스에서 멀티사이트를 만들고 도메인 매핑을 시키면 하나의 워드프레스 설치에서 여러 개의 도메인으로 된 각각의 사이트를 운영할 수 있습니다. 카페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 코드를 사용하여 변경이 가능합니다. 워드프레스 글자 크기 변경하는 방법 (제목, 본문 등) - 워드프레스 정보꾸러미 워드프레스에서 제목, 본문 등의 글..