본문 바로가기
워드프레스 뉴스페이퍼 테마 'Error at zones: 5(models) : 0(dom)' 오류가 발생하는 경우 뉴스페이퍼 (Newspaper)는 매거진, 블로그, 뉴스 사이트에 적합한 테마로 매거진 분야의 테마 중에서 가장 많이 사용되고 있습니다. 뉴스페이퍼 테마에서 'Error at zones: 5(models) : 0(dom). The model does not match the content' 오류가 발생하는 경우가 있습니다. 이 오류는 보통 차일드 테마 때문에 발생합니다. 뉴스페이퍼가 업데이트되면서 이전 버전에서 만든 차일드 테마(자식 테마)가 제대로 작동하지 않을 수 있습니다. 뉴스페이퍼는 최근 메이저 업데이트에서 많은 변화가 있었습니다. 테마의 기본 기능이 이제는 tagDiv Standard Pack에 통합되었습니다. 뉴스페이퍼 테마 버전 10: Standard Pack vs. tagDiv Cloud .. 2019. 12. 26.
워드프레스 WPBakery Page Builder를 커스텀 포스트 타입에 사용하도록 설정하는 방법 WPBakery Page Builder (이전 명칭 '비주얼 컴포저') 같은 페이지 빌더를 사용하면 페이지 디자인 작업을 편리하게 할 수 있습니다. 하지만 작업을 수월하게 할 수 있도록 하는 한편 최적화를 제대로 하지 않으면 사이트 속도에 부정적인 영향을 미칠 수 있습니다. 비주얼 컴포저를 사용하는 경우 보통 페이지를 비주얼 컴포저를 사용하여 작업하게 됩니다. 포트폴리오 같은 커스텀 포스트 타입(사용자 정의 글 유형)에도 비주얼 컴포저를 사용하고 싶은 경우 비컴 설정에서 설정할 수 있습니다. 커스텀 포스트 타입에 비주얼 컴포저를 사용하도록 활성화하려면 워드프레스 알림판 > WPBakery Page Builder > Role Manager를 클릭합니다. 관리자, 편집자, 작성자 등 회원 역할(Role)에 .. 2019. 12. 25.
뉴스페이퍼 테마에서 글 자동 로딩 (무한 로딩) 설정 / 해제하기 워드프레스 인기 매거진, 블로그 테마인 뉴스페이퍼 (Newspaper)에서 tagDiv Cloud Library를 활성화하면 '클라우드 템플릿'을 사용하여 헤더에서 푸터까지 각 부분을 사용자 정의(커스터마이징)할 수 있습니다. 참고로 사이트 속도를 위해서는 Standard Pack을 비활성화하고 Cloud Library를 활성화할 것을 테마 개발자는 권장하고 있지만, 이와 같이 설정할 경우 실제 속도는 기대만큼 빨라지지 않으면 Standard Pack을 사용하거나 혹은 둘 모두를 사용해도 괜찮을 것 같습니다. 저는 Standard Pack을 사용하고 있습니다. Standard Pack을 사용하여 테마의 기본 템플릿을 사용할 수 있어 편리합니다. 다만, 정교하게 각 부분을 커스터마이징하려면 Cloud Li.. 2019. 12. 24.
워드프레스 유료 테마에 포함된 프리미엄 플러그인의 업데이트 아바다, 엔폴드 등 일부 워드프레스 유료 테마에는 유료 플러그인이 번들로 제공되는 경우가 있습니다. 예를 들어, 아바다 (Avada) 테마에는 Convert Plus, Advanced Custom Filelds PRO, LayerSlider WP, Slider Revolution 등의 프리미엄 플러그인이 포함되어 있습니다. 이러한 플러그인은 최종 사용자에게는 라이선스 없이 제공됩니다. Slider Revolution의 경우 플러그인 목록 페이지에 다음과 같이 프리미엄 혜택(예: 라이브 업데이트)을 위해 Slider Revolution을 활성화(인증)하라는 메시지가 표시됩니다. 또한, 유료 테마에 포함된 유료 플러그인은 최신 버전이 아닐 수도 있습니다. 최신 버전으로 업데이트를 시도하면 다음과 같이 "Ad.. 2019. 12. 22.
워드프레스 엔폴드 테마에서 브레드크럼 (이동 경로) 설정하기 개별 페이지나 글에 이동 경로를 표시하면 SEO에 도움이 됩니다. 이동 경로는 영어로 브레드크럼 (Breadcrumb)이라고 하며, 이동 경로를 설정하면 구글 등 검색엔진에 반영되어 사용자들이 관련성 있는 정보인지를 판단하는 데 도움이 됩니다. 예를 들어, 이 티스토리 블로그에서는 워드프레스 사이트에서 영감(?)을 얻어 '이동 경로' 즉 브레드크럼을 표시하도록 만들었습니다("티스토리 Magazine 스킨에 브레드크럼을 추가하는 방법" 참고). 그 결과 구글에서 검색될 때 아래 그림과 같이 카테고리가 표시됩니다. 워드프레스 인기 테마 중 하나인 엔폴드의 경우 테마 옵션에서 이동 경로를 표시할지 여부를 설정할 수 있고, 개별 페이지와 글에서 테마 옵션 내의 설정과 다른 다르게 설정할 수도 있습니다. 테마 옵.. 2019. 12. 20.
htaccess 파일에서 사용자 정의 404 오류 페이지를 지정하는 방법 어제 아마존 AWS에서 호스팅되는 워드프레스 사이트를 이전하는 작업과 관련하여 문의를 받았다고 알려드렸는데요. 고객께서 해외 웹호스팅 업체 중 하나인 사이트그라운드 (SiteGround)를 선택하여 이전하게 되었습니다. AWS에서 워드프레스 사이트의 데이터와 DB를 백업받은 다음, 사이트그라운드 서버에 올려주면 사이트그라운드에서 사이트 이전을 해줍니다. (사이트그라운드는 상품에 따라 무료 마이그레이션 서비스를 제공합니다.) 데이터를 백업받은 후에 도메인의 네임서버를 사이트그라운드에서 제시하는 정보로 변경했습니다. 네임서버 정보를 변경하면 정보가 변경되는 데 1~2일 정도 걸린다고 안내하지만, 보통 서너 시간이 지나면 정보가 변경됩니다. 문제는 이전이 완료되기 전까지 새로운 사이트로 접속되면서 404 오류.. 2019. 12. 19.
아마존 AWS에서 SSH / sFTP 접속하기 아마존 AWS에서 호스팅되는 워드프레스 사이트를 이전하는 작업과 관련하여 문의를 받았습니다. 방문자 수가 얼마 되지 않지만 한 달 요금이 10만 원이 넘게 나와서 다른 해외 웹호스팅으로 이전하려고 계획 중이라고 하시네요. 아마존 AWS를 이용하면 사이트 속도가 다른 웹호스팅에 비해 빠른 편입니다. 하지만 무조건 빠른 것은 것은 아니고 서버 세팅 과정에서 속도와 보안적인 측면에서 전문가의 도움이 필요할 수 있습니다. 의뢰하신 분은 개발자의 도움을 받았다고 하네요. 특히 아마존 AWS를 이용하는 경우 적합하지 않은 상품을 선택하면 요금 폭탄을 맞을 수 있으므로 전문가와 상의하여 올바른 상품을 선택하는 것이 중요한 것 같습니다. 아마존 AWS 사이트에 SSH나 sFTP로 접속하려면 보통 고객에게 PuTTY 프.. 2019. 12. 18.
티스토리 글쓰기에서 컬러 텍스트 상자를 삽입하는 방법 제 블로그에 자주 방문하시는 데보라님께서 다음과 같은 텍스트 상자를 삽입하는 방법이 궁금해하셔서 이 글을 통해 설명해드리려고 합니다. 해당 부분을 복사해서 본문에 넣으면 간단하지만, 티스토리의 새 에디터에서는 서식 있는 텍스트를 복사해도 서식이 적용되지 않습니다.ㅠ 조금 복잡하지만 다음과 같은 방법으로 비슷하게 구현할 수 있습니다. 먼저 꾸미기 > 스킨 편집을 클릭합니다. 스킨 편집 화면이 표시되면 HTML 편집을 선택합니다. HTML 편집 페이지가 표시됩니다. 그러면 CSS 탭을 선택합니다. CSS 섹션에서 맨 아래로 이동하여 다음 코드를 추가하고 저장합니다. /* 컬러 텍스트 상자 */ .bluebox { border-style: solid; border-width: 1px; border-color:.. 2019. 12. 17.
네이버 서치어드바이저 웹마스터 도구에서 앱링크 오류가 발생하는 경우 네이버 서치어드바이저의 웹마스터도구에서 '페이지와 연동되는 모바일 앱 링크가 존재하지 않습니다.' 오류가 발생하는 경우가 있습니다. 아마 별다른 조치를 하지 않았다면 모든 사이트에서 이 오류가 표시될 것 같습니다. 웹마스터도구에 접속한 다음 검증 > 웹페이지 최적화를 선택하고 웹 페이지 최적화 검증에서 주소를 넣고 "확인"을 누르도록 합니다. 그러면 다음 그림과 같이 모바일 사용성 아래의 '앱링크' 항목에 '페이지와 연동되는 모바일 앱 링크가 존재하지 않습니다.' 경고가 표시될 것입니다. 위와 같은 경고가 표시되는 경우 웹마스터도구의 웹 표준 HTML 마크업 가이드를 참고하여 조치를 취할 수 있습니다. 여러분의 웹 문서 콘텐츠가 모바일 앱으로도 제공이 가능하다면 앱 링크 정보를 넣어주세요. 앱 링크 기법.. 2019. 12. 17.
21만 원짜리 노트북 - 레노버 ideaPad 아이슬림북 S130-11 정가가 228,800원인 레노버 ideaPad 아이슬림북 노트북이 2만원 할인된 208,800원에 판매되고 있네요. 사양은 다음과 같습니다. 그래픽 : Intel UHD Graphics 600 오디오 : 2x1W Speakers 미디어리더기 : 4-in-1 card reader 배터리 : 최대 8시간 크기 : 288 x 200.9 x 17.7 mm 램이 2GB, 저장장치가 32GB이고 Windows 10이 설치되어 있습니다. 이 가격에 윈도우 10까지 설치되어 있다니 놀랍네요. 그런데 램 2GB 사양에서 제대로 돌아갈지가 의심되지만, 사용자 평가를 보니 인강용으로 사용하기에 괜찮다고 하네요. SD 카드를 구입하여 사용하면 될 것 같습니다. 저는 오래 전에 보조용으로 소형 소니 노트북을 구입했지만 거의 방.. 2019. 12. 16.
티스토리 Book Club 스킨: 모바일에서 사이드바가 표시되도록 하는 방법 (개인 정리용) 티스토리 블로그에서 Book Club 스킨을 사용하는 경우 모바일에서 사이드바가 표시되지 않을 것입니다. 사이드바가 표시되도록 하려면 다음 CSS 코드를 찾도록 합니다. #aside { position: fixed; top: 0; right: -278px; z-index: 400; float: none; overflow: auto; width: 278px; height: 100%; padding: 94px 24px 40px; background-color: #fff; box-sizing: border-box; transition: left .5s; -webkit-transition: right .5s; } 위의 코드 부분을 다음과 같이 변경합니다. #aside { width: 100%; padding-l.. 2019. 12. 14.
애드센스에서 '하나 이상의 사이트가 더 나은 광고 표준(Better Ads Standard) 위반' 문제 오늘 애드센스 페이지에 접속했다가 '운영 중이신 사이트 중 하나 이상이 더 나은 광고 표준(Better Ads Standard)에 위배되는 광고 경험을 포함하는 것으로 확인되어 경고 상태가 되었습니다. Google Search Console의 광고 경험 보고서에서 수정이 필요한 광고 경험을 확인하시기 바랍니다.' 경고가 표시되어 있는 것을 발견했습니다. '자세히 알아보기'를 클릭하면 여기에 대한 자세한 설명을 볼 수 있습니다. 사이트 중 하나가 '실패' 또는 '경고' 상태라는 알림을 받았다면 Google 시스템이 사이트에서 더 나은 광고 표준(Better Ads Standard)을 준수하지 않는 광고 경험을 감지했음을 의미합니다. 게시자가 광고 경험을 개선할 수 있도록 Google에서는 사이트를 매일 검.. 2019. 12. 14.