본문 바로가기
워드프레스 Salient 테마에서 Back To Top 버튼이 표시되지 않는 경우 워드프레스 Salient 테마는 현재 Themeforest 마켓에서 판매 10위를 기록하고 인기 테마 중 하나입니다. 개인적으로는 이 테마의 포트폴리오(Portfolio)를 좋아하는 편입니다. 아바다, 엔폴드 등 대부분의 유료 테마에서는 포트폴리오(혹은 프로젝트) 커스텀 포스트 타입을 제공합니다. 워드프레스 Avada 테마에서 포트폴리오 설정하기 Enfold 테마에서 포트폴리오를 사용하는 방법 Salient 테마를 설치하고 활성화하면 관리자 페이지의 메뉴에 Salient 메뉴 항목이 추가되고 다양한 메뉴 옵션이 제공됩니다. 이 테마에서 Back To Top (위로 이동) 버튼은 기본적으로 설정되어 있습니다. 이 버튼은 Salient > General Sttings > Functionality에서 설정하거.. 2020. 1. 10.
워드프레스 페스페이퍼 한글화하는 방법 워드프레스에서는 Loco Translate 같은 플러그인을 사용하여 테마, 플러그인의 영문 문자열을 한글로 번역할 수 있습니다. 워드프레스 테마와 플러그인 한글화하기 - Loco Translate 아바다, 엔폴드 같은 인기 테마를 이와 같은 방법으로 인터페이스를 한글화할 수 있습니다. 인기 매거진, 블로그 테마인 뉴스페이퍼 (Newspaper)의 경우 워드프레스 알림판 > Theme Panel > Translations에서 프런트엔드에 표시될 문자열을 번역할 수 있습니다. 모든 문자열을 번역하거나 원하는 문자열만 번역할 수 있습니다. 예를 들어, 댓글 관련 부분을 번역하면 다음과 비슷하게 댓글 섹션이 표시됩니다. 관리자 페지이 내의 Theme Panel 부분의 문자열을 번역하는 언어 파일은 제공되지 않는.. 2020. 1. 7.
워드프레스에서 AMP 제거 후 리디렉션을 설정하는 방법 모바일 사용 빈도가 높아짐에 따라 모바일 기기에서 사이트 로드 속도가 점점 중요해지고 있습니다. AMP(Accelerated mobile page)를 적용하면 표준 모바일 페이지보다 속도가 15~80%까지 빨라져 구글 SEO에 유리하게 작용할 수 있습니다. AMP 페이지를 구글에 제출한 경우 모바일 장치를 이용하여 구글에서 검색하면 AMP 페이지 아이콘이 검색 결과에 표시됩니다. 만약 모바일에서 속도가 느려서 고민되는 경우 AMP 적용을 고려해볼 수 있습니다. 워드프레스에서 AMP를 적용하는 방법은 다음 글을 참고해보세요. 워드프레스에서 구글 AMP를 적용하는 방법 저는 AMP를 적용했다가 워드프레스 인기 매거진 테마인 Newspaper (뉴스페이퍼)로 사이트를 리뉴얼하면서 AMP를 제거했습니다. AMP.. 2020. 1. 6.
워드프레스 글 작성 시 여백 추가하는 방법 워드프레스에서 글을 작성할 때 여백을 추가하고 싶은 경우가 있을 수 있습니다. 그런 경우 구텐베르크 편집기 (블럭 에디터)에 포함된 '여백 설정' 블럭을 활용하여 여백을 추가할 수 있습니다. 여백을 추가하려는 경우 블록 추가 아이콘(플러스 모양의 아이콘)을 클릭하고 레이아웃 요소 섹션으로 이동하여 "여백 설정" 블록을 선택하도록 합니다. 여백 설정 블록을 선택하면 해당 위치에 여백이 추가되고, 오른쪽에 여백 높이를 설정할 수 있는 옵션이 표시됩니다. "여백 설정"에서 높이를 원하는 값으로 조정하도록 합니다. 위의 그림에서 Theme Settings는 기본적으로 제공되는 기능은 아니고, 테마에서 제공하는 옵션입니다. 위의 예시는 인기 매거진 테마인 Newspaper를 사용할 경우에 표시되는 것을 보여줍니다.. 2019. 12. 31.
워드프레스 Divi 테마 지원 요청하기 - 라이브 채팅 아바다, 엔폴드, 뉴스페이퍼 등과 같이 Themeforest에서 판매하는 워드프레스 테마를 구입하면 기본적으로 6개월의 지원이 제공되고, 지원이 만료되기 전 또는 만료된 후에 지원을 갱신할 수 있습니다. 지원이 만료된 후에 지원을 갱신하면 비용이 새로 구입하는 비용의 2/3 정도 수준이 됩니다.ㅠ 예를 들어, Avada 테마의 경우 신규로 구입하면 60달러지만, 지원이 만료된 후에는 6개월 지원을 구입(갱신)하는 데 42달러가 청구됩니다. 일반적으로 테마 판매자에게 지원을 요청하면 답변을 받는 데 24시(평일 기준) 이상 걸립니다. 몇 번 답변이 오가면 금방 며칠이 지나게 됩니다. 그래서 급한 경우에는 큰 도움이 안 될 수 있고, 또한 커스터마이징은 지원 범위에 속하지 않으므로 깊이 있는 사항에 대해서는.. 2019. 12. 30.
워드프레스 Elementor 페이지 빌더 플러그인 세일 워드프레스로 홈페이지를 직접 만들거나 관리하는 경우, 웹 에이전시로서 고객들의 홈페이지를 제작, 관리해주는 사업을 하는 경우, 보다 수월하게 페이지를 디자인하고 싶을 수 있을 것입니다. 그런 경우에 페이지 빌더를 사용하면 작업이 훨씬 수월해질 것입니다. 워드프레스에는 다양한 페이지 빌더가 있습니다. 인기 워드프레스 테마인 아바다, 엔폴드, 뉴스페이퍼, Divi 테마 등에는 자체 페이지 빌더가 사용됩니다(예: 아바다 테마에는 Fusion Builder, 뉴스페이퍼에는 tagDiv Composer가 탑재되어 있음). 무료 페이지 빌더로 Elementor가 있습니다. Elementor는 무료와 유료가 있으며, 무료 버전으로 코딩 지식 없이 사이트를 만드는 데 손색이 없습니다. 워드프레스 Elementor 페이.. 2019. 12. 29.
워드프레스 아바다 테마의 컨테이터, 컬럼, 요소에 CSS 클래스 추가하기 워드프레스에서 페이지 빌더를 사용하면 홈페이지 제작이 수월해집니다. 코딩 지식이 없어도 페이지 빌더를 사용하여 사이트 제작이 가능합니다. CSS에 대한 지식이 있으면 더욱 수월하게 원하는 레이아웃의 페이지를 만들 수 있습니다. 페이지 빌더에서는 특정 요소에 CSS 클래스와 CSS ID를 추가할 수 있는 옵션을 제공합니다. 참고로 기본 편집기인 블럭 에디터(구텐베르크 편집기)에서도 CSS 클래스를 블럭에 추가할 수 있는 옵션을 제공합니다. 블럭에서 맨 아래의 '고급'을 클릭하면 Additoinal CSS Class(es) 옵션이 표시됩니다. 아바다(Avada) 테마에는 Fusion Builder라는 자체 페이지 빌더가 사용되고 있습니다. Fusion Builder를 사용하는 경우 컨테이너 (①), 컬럼 (.. 2019. 12. 27.
워드프레스 뉴스페이퍼 테마 '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.