본문 바로가기
워드프레스 테마 편집기 & 플러그인 편집기 비활성화하기 워드프레스에서 기본적으로 알림판에서 테마와 플러그인을 편집할 수 있는 메뉴가 제공됩니다. 외모 > 테마 편집기를 클릭하면 현재 설치된 테마의 소스 파일을 편집할 수 있습니다. 테마를 편집할 경우 차일드 테마를 만들어서 작업하는 것이 좋습니다. 위의 그림에서는 베스트셀링 테마인 아바다의 차일드 테마 내 함수 파일(functions.php)을 편집하는 경우를 보여줍니다. 차일드 테마를 이용하지 않고 본래 테마 파일을 직접 수정하면 추후에 테마가 업데이트될 경우 수정 사항이 모두 사라지게 됩니다. 알림판의 테마 편집기를 통해 편집할 때, 잘못 편집하게 되면 오류가 발생합니다. PHP 문법에 오류가 발생하는 경우: 치명적인 에러를 점검하기 위해 사이트와 통신할 수 없습니다. 따라서 PHP 변경사항이 원래의 것으.. 2018.09.08
워드프레스 멀티사이트에서 테마 / 플러그인 설치하기 워드프레스에서 멀티사이트를 구성하면 하나의 워드프레스 설치로 여러 개의 워드프레스를 운영할 수 있습니다. 이 방법을 사용하면 각 하위 블로그에 도메인을 매핑하는 것이 가능하므로 하나의 호스팅으로 여러 개의 도메인으로 된 사이트를 운영할 수도 있습니다. 개인적으로는 멀티사이트를 그리 선호하는 편은 아닙니다. 웹호스팅이 좋지 않으면 멀티사이트로 구성할 경우 사이트 속도가 매우 느려질 수도 있습니다. 실제로 그런 경우를 간혹 목격합니다. 멀티사이트로 워드프레스 다국어 사이트 구성 작업 그리고 멀티사이트를 지원하지 않는 플러그인도 있습니다. 또, 멀티사이트를 운영하다 보면 이상한 오류가 간혹 발생하기도 합니다. 하지만 이런 단점에도 멀티사이트를 사용하는 것이 유리한 상황이 있습니다. 가령, WPML 같은 플러그.. 2018.09.08
워드프레스의 특정 메뉴 항목에 다른 CSS 스타일 적용하기 워드프레스의 특정 메뉴 항목에 다른 CSS 스타일을 적용하고 싶은 경우가 있을 수 있습니다. 그런 경우 원하는 메뉴 항목에 CSS 클래스를 지정할 수 있습니다. 특정 메뉴 항목에 CSS 클래스 지정하기 메뉴 항목에 CSS 클래스를 지정하려면 외모 > 메뉴에서 해당 메뉴를 선택하도록 합니다. 그런 다음 오른쪽 상단의 "화면 옵션"을 클릭합니다. 고급 메뉴 속성 보기에서 CSS 클래스를 체크하도록 합니다. 이제 CSS 클래스를 지정하기를 원하는 메뉴 항목을 클릭하면 CSS 클래스를 지정할 수 있는 입력란이 있습니다. CSS 클래스를 추가한 다음 외모 > 사용자 정의하기 > 추가 CSS에 CSS 코드를 추가할 수 있습니다. 또는, 차일드 테마를 이용하거나 테마 옵션에서 CSS 입력란을 제공하는 경우 테마 옵션.. 2018.08.14
워드프레스 테마에서 콘텐츠 너비를 조정하는 방법 (Adventurous) 무료 워드프레스 테마 중 하나인 Adventurous 테마에서 각 페이지에 대하여 사이드바 위치를 지정하는 옵션이 제공됩니다. 무료 테마에서는 보통 이런 옵션이 제공되지 않지만 Adventurous는 유료 테마의 무료 버전(일종의 Lite 버전)이므로 이 옵션이 탑재되어 있는 것 같습니다. 일부 유료 테마에서도 사이드바의 위치를 개별적으로 지정하는 옵션이 제공됩니다. 베스트셀링 테마인 아바다(Avada)에서는 개별 페이지에 대하여 사이드바의 위치를 지정하는 옵션은 제공되지 않고, 대신 페이지마다 다른 사이드바를 지정할 수 있는 옵션이 제공됩니다. Fusion Page Options > Sidebars에서 사이드바에 표시할 사이드바를 지정하는 것이 가능합니다. 아바다에서는 테마 옵션에서 전체적으로 사이드바.. 2018.08.07
워드프레스에 사용자 CSS 코드를 추가하는 간단한 방법 워드프레스에서 CSS 코드를 추가하고 싶은 경우 여러 가지 방법으로 추가할 수 있습니다. 테마에서 제공하는 옵션 사용하기 워드프레스 내의 기능 사용하기 차일드 테마 사용하기 테마 내의 기능 제공 아바다, Enfold, Jupiter, Newspaper, Divi 등 대부분의 유료 테마에서는 자체적으로 CSS 코드를 추가할 수 있는 옵션을 제공합니다. 예를 들어, Avada 테마의 경우 워드프레스 알림판 > Avada > Theme Options > Custom CSS에서 코드를 추가할 수 있습니다. Jupiter(주피터) 테마의 경우 Jupiter >Theme Options > Advanced > Custom CSS 섹션에서 사용자 정의 CSS를 삽입할 수 있습니다. 인기 매거진 테마인 Newspaper.. 2018.08.05
워드프레스 유료 테마의 라이선스 키/Purchase Code 등록하기 요즘에는 Envato Market의 Themeforest에서 워드프레스 테마를 많이 구매합니다. 다양한 마켓이 있지만 여기에서는 Themeforest 테마의 라이선스 키(정확히는 Item Purchase Code)를 확인하는 방법에 대해 설명하겠습니다. 기본적인 내용이지만 이와 관련하여 궁금해하시는 분들이 간혹 계시네요. 라이선스 인증서 & 구매 코드 다운로드 먼저 Envato Market에 로그인하도록 합니다. 로그인했다면 오른쪽 상단에 사용자 이름이 표시됩니다. 사용자 이름에 마우스들 대면 아래 그림과 같은 드롭다운 메뉴가 표시됩니다. Downloads를 클릭합니다. 구매한 테마나 플러그인이 표시됩니다. 구매 코드를 확인하려는 테마 옆의 Download를 클릭합니다. 그러면 다음과 같은 항목이 표시됩.. 2018.07.19
가입형 워드프레스에서 테마 편집기 사용하기 워드프레스는 크게 가입형 워드프레스와 설치형 워드프레스로 나눌 수 있습니다. 보통 말하는 워드프레스는 설치형 워드프레스로 워드프레스 설치 파일을 다운로드하여 웹호스팅에 설치하여 사용하는 형태입니다. wordpress.com에서 가입하여 사용하는 가입형 워드프레스는 선택한 플랜에 따라 제약을 받게 됩니다. 비즈니스 플랜을 제외한 나머지 플랜에서는 테마 편집기(Theme Editor)가 제공되지 않습니다. 자유롭게 테마를 편집하려는 경우에는 설치형 워드프레스를 선택해야 합니다. 설치형 워드프레스는 wordpress.org를 통해 제공되는 워드프레스 설치 파일을 다운로드하여 웹호스팅에 설치하는 방식으로 이루어집니다. 요즘에는 많은 웹호스팅 업체에서 워드프레스를 자동으로 설치하는 옵션을 제공합니다. 워드프레스 .. 2018.05.11
워드프레스 자식 테마를 간편하게 만드는 방법 워드프레스에서 테마 파일을 수정하는 경우 테마가 업데이트되면 수정 사항이 초기화되어 사라지게 됩니다. 이런 문제를 방지하기 위해 테마 파일을 수정하는 경우 자식 테마를 만들어 작업하는 것이 안전합니다. 자식 테마(차일드 테마 또는 하위 테마라고도 함)를 만드는 방법은 워드프레스 공식 문서에 잘 설명되어 있습니다. Child Themes (워드프레스 공식 문서: 영문) 참고로 한국어 버전도 있지만 이전 방법이 설명되어 있으므로 워드프레스 문서를 참고하는 경우 영어 버전을 보시기 바랍니다. 자식 테마를 만드는 방법 Twenty Seventeen 테마를 예를 들어 자식 테마를 만드는 방법을 설명해보겠습니다. 먼저 FTP에 접속하여 자식 테마 폴더를 만듭니다. 테마 폴더는 /wp-content/themes/ 폴.. 2018.04.08
워드프레스에서 구글 애드센스 자동 광고 코드(페이지 수준 광고 코드) 추가하기 워드프레스에서 여러 가지 방법으로 구글 애드센스 자동 광고 코드를 추가할 수 있습니다. 참고로 구글 애드센스에서는 이제 기존의 페이지 수준 광고 코드를 사용하여 자동으로 광고를 추가하는 자동 광고를 표시하게 됩니다. 구글 애드센스 자동 광고를 사용하여 광고 수익 극대화하기 워드프레스에서 구글 애드센스 광고를 추가하는 방법은 다음 글을 참고해보시기 바랍니다. 구글 애드센스 광고를 워드프레스에 추가하기 자동 광고 코드(페이지 수준 광고 코드)는 원칙적으로 header.php 파일에 추가하면 됩니다. 페이지 본문입니다. header.php 파일에 추가하려는 경우에는 차일드 테마를 만든 다음, 부모 테마의 header.php 파일을 차일드 테마로 복사하고 자동 광고 코드를 사이에 복사하여 붙여넣도록 합니다. 아.. 2018.04.02
워드프레스 아바다 테마에서 페이지/글마다 다른 사이드바 사용하기 아바다 테마에서는 Avada > Theme Options > Sidebars(아바다 > 테마 옵션 > 사이드바)에서 페이지/글 등에 대한 사이드바를 설정할 수 있습니다. 개별 페이지/포트폴리오 글/블로그 글에서 별도로 사이드바를 지정하지 않으면 여기에서 지정한 설정이 전체적으로 적용됩니다. 개별 페이지/글마다 다른 사이드바를 지정하려면 Fusion Page Options(퓨전 페이지 옵션)에서 다른 사이드바를 지정할 수 있습니다. 아바다는 세세한 부분까지 옵션으로 지정할 수 있도록 테마 옵션/페이지 옵션을 제공합니다. 참고로 페이지마다 사이드바를 지정할 수 없는 테마의 경우 Widget Options 같은 플러그인을 사용해볼 수 있습니다. 페이지별/장치별 위젯 표시 여부를 설정하는 Widget Optio.. 2018.03.04
워드프레스에서 차일드 테마를 꼭 만들어야 하나? 워드프레스에서 무조건 차일드 테마를 사용해야 할까요? 개인적인 생각은 테마 파일을 수정하지 않는다면 굳이 만들 필요가 없다는 것입니다. 차일드 테마를 만드는 목적은 테마 파일에서 수정한 내용이 테마가 업데이트되더라도 초기화되지 않도록 하기 위한 것입니다. 테마 파일을 수정하지 않는 상황에서는 굳이 필요가 없습니다. 어떤 글에서는 차일드 테마를 만들어서 사이트 속도가 느려졌다고 하는 분도 보았는데요, 아마도 차일드 테마를 잘못된 방식으로 만든 것이 아닌가 생각됩니다. 제대로 된 방식으로 만들면 사이트 속도에 미치는 영향은 미미할 것입니다. 참고로 워드프레스 대시보드에서 수정하는 경우에는 차일드 테마를 만들 필요가 없습니다. 워드프레스 알림판에서 테마 옵션이나 테마 사용자정의하기에서 수정하는 내용은 테마 파.. 2018.02.12
워드프레스 자식 테마(차일드 테마)에 대해 이해하기 워드프레스에서 자식 테마(차일드 테마, 하위 테마라고도 함)를 만들지 않고 테마 자체를 수정하는 경우를 간혹 목격합니다. 그런 경우, 테마가 업데이트되면 부모 테마(원래 테마)에서 수정한 내용은 모두 초기화가 되므로 수정한 내용을 다시 적용해야 하는 번거로움이 있습니다. 업데이트로 인한 초기화를 방지하기 위해 테마를 수정할 경우 반드시 자식 테마를 만들어야 합니다. 아바다, BE 테마 등 유료 테마에서는 자식 테마 파일이 함께 제공되기도 합니다. 만약 자식 테마가 함께 제공되지 않는다면 직접 하나를 만들면 됩니다. 만드는 방법은 WordPress Codex 문서에서 확인해볼 수 있습니다. https://codex.wordpress.org/Child_Themes 저는 간단히 플러그인을 하나 사용하여 자식 .. 2018.01.12