워드프레스 테마 수정 - wodeupeuleseu tema sujeong

음.. 이번 강좌는 네 번째 시간이라기 보다는 번외편에 가깝습니다. 원래 네이버, 다음 등에 워드프레스 사이트를 등록하는 강좌를 하려고 했는데.. 이게.. 테마편집기를 통해 설정을 마무리 지어야 하거든요. 그런데!! 화면에 테마편집기가 보이지 않는 상황이 발생했다면?!

모든 경우에 이렇게 해결될지는 모르겠지만.. 일단, 제 경우를 예로 설명을 드리도록 하겠습니다.

원래는 왼쪽 '외모'부분에서 테마편집기기 보여야하며, 이 테마편집기를 통해 html 수정이 (삽입, 삭제 등) 가능합니다. 하지만... 보이지 않는거죠.. 그런경우..

플러그인 ithemes security를 비활성화 해주면 바로 해결이 가능합니다. 편집 후 다시 활성화를 해주면 되는거죠. 이처럼 플러그인들이 무작정 많다고 좋은 것이 아니며 속도를 느리게 하거나 충돌을 일으키는 경우들이 있으니 자신의 버전과 맞는지 다른 플러그인과는 충돌이 없는지 확인을 해야 합니다. 

이처럼 ithemes security 비활성화 이후 테마디자인(또는 외모) 아래로 테마 편집기가 보이는 것을 확인 할 수 있습니다. 

참고로 이 경우 플러그인의 플러그인 편집기도 활용 가능 상태가 됩니다. 

네. 오늘은 번외에 가까운 워드프레스 강좌였습니다. 하지만 이번 편은 네이버 웹마스터 도구(네이버 서치어드바이저) 등록을 위한 필수 요건이며 꼭 필요한 부분이라 강좌로 다뤄 보았습니다.  그럼~

워드프레스 블로그 SEO & 애드센스 전자책을 구입한 분이 자신의 워드프레스에는 테마 편집기 메뉴가 없다는 문의를 하셔서 관련 내용을 포스팅을 해보겠습니다.

워드프레스 테마 편집기

워드프레스 테마 편집기는 테마의 설정을 직접 수정할 수 있는 기능을 제공합니다.
유료 테마의 경우 테마 옵션을 설정할 수 있는 메뉴나 항목을 제공하는 경우가 많습니다만 무료 테마의 경우는 제공하는 옵션이 적습니다.
이럴 경우 직접 테마 편집기를 통해 수정을 하게 됩니다.

워드프레스 블로그 SEO & 애드센스 전자책은 무료 플러그인과 무료 테마를 기준으로 설명이 되어 있습니다. 이에 한글 폰트를 추가하는 방법과 테크니컬 SEO에 해당되는 Breadcrumb 설정을 테마 편집기를 통해 설명을 해두었습니다.

워드프레스 테마 편집기가 안보이는 이유

요즘 워드프레스 전용 웹호스팅 상품을 판매하는 호스팅 업체가 국내에서 늘어나고 있습니다.
해외의 경우는 워드프레스가 거의 기본이기도 합니다만 이렇게 워드프레스 전용 호스팅을 판매하는 경우 호스팅 업체가 부가적인 기능을 추가하거나 수정을 해놓는 경우도 있습니다.

문의했던 분의 경우 카페24의 매니지드 워드프레스 상품을 이용하고 계셨습니다.
살펴보니 카페24에서 테마 편집기는 기본적으로 비활성화를 시켜놓았습니다.

왼쪽 메뉴와 같이 표시되어야 할 테마 편집기 메뉴가 오른쪽 처럼 보이지 않는 것입니다.

워드프레스 테마 편집기 활성화 방법

워드프레스 테마 편집기는 비활성화 시키는 방법은 아주 간단합니다.
워드프레스의 wp-config.php 파일에 아래 코드 하나 추가하면 됩니다.

define('DISALLOW_FILE_EDIT',true); 

카페24의 경우 위 코드가 이미 wp-config.php에 삽입이 되어 있었으며, 테마 편집기를 사용하기 위해서는 이 코드를 삭제하던가 앞에 //를 붙여주면 됩니다.

//define('DISALLOW_FILE_EDIT',true); 

삭제보다는 위와 같이 //를 추가하는게 더 좋을 듯 하네요.

워드프레스 테마 편집기를 비활성화 놓은 이유

그럼 왜 카페24는 워드프레스에서 기본으로 제공하는 테마 편집기를 안보이게 비활성화를 해둔 것일까요?
이유는 간단합니다. 바로 보안 때문입니다.
테마 편집기는 테마의 2 파일을 수정할 수 있습니다.
style.css와 functions.php 입니다.
이중 functions.php 파일이 실행가능한 파일이기에 보안상 비활성화 놓은 이유입니다.

웹호스팅 서버의 계정을 알아내지 않아도 워드프레스 관리자 계정만 획득을 하면 functions.php를 통해 무엇인가를 실행할 수 있기 때문입니다.

워드프레스는 꾸준히 업데이트만 적용해 주면 국내에서는 보안상 큰 문제는 없을 듯 합니다만 그래도 조심하는 것이 좋은 것이 보안부분인 만큼 테마 편집기를 비활성화 놓는 것을 고려해 보기는 추천합니다.

첫번째는 워드프레스 자체적으로 제공하는 테마편집기를 통해서, css파일을 수정해보는 것입니다. 이의 장점으로는 관리자 페이지에서 직접 CSS 수정이 가능하기 때문에 편리하다는 장점이 있습니다. 그러나, 특정 테마를 설치하게 되면, 이 ‘테마편집기’ 기능을 없애는 경우가 있습니다. (테마 설치후 삭제되는 경우가 있습니다.)

보통 ‘외모’ 부분에 보시면 ‘테마 편집기’란 메뉴를 보실 수있습니다. 클릭하시게 되면, 내 워드프레스 웹사이트에 있는 여러 파일들을 확인하실 수있는데, 여기서, 적절한 CSS파일을 찾으셔서 수정을 하시면 됩니다.

우선, 제 경우는 style.css란 파일 부분에다가 위와 같은 코드를 넣어봤습니다. 넣은 후에는 ‘파일 업데이트’ 버튼을 클릭하셔야 되고, ‘HTML속성입력하는곳’과 ‘속성부여’는 CSS코드를 따로 공부를 해주셔야 되겠습니다.

쉬운 언어이기때문에 빠른 시간만에 마스터하실 수있을거라 생각하며, 인터넷에 조금만 검색해보셔도 매우 많은 CSS정보를 찾으실 수있으니, 하나하나 적용해보시면 좋을 것으로 보입니다.

두번째 파일질라(FTP 프로그램) 활용하기

두번째로는 파일질라 혹은 알FTP란 FTP 프로그램을 통해서, CSS파일을 수정해보는 것입니다. 이의 단점으로는 수정해야할때마다, 일일이 접속해줘야된다는 점이 있습니다.

그러나, 특정 PHP파일에 오류가 발생했다거나, 워드프레스 플러그인 오류가 발생한 경우 파일질라 같은 FTP 프로그램을 사용해야합니다. (플러그인 오류가 발생한다면, 관리자 페이지 자체게 접속이 불가능하기 때문에 FTP 프로그램을 통해, 해 플러그인 파일을 삭제를 해줘야합니다.)

파일질라 사용하는 방법과 다운로드는 이 글을 참고하시면 좋을 것 같습니다.

세번째 WP Filemanager 플러그인 사용하기

세번재는 WP Filemanager란 플러그인을 통해, 관리자 페이지에서 쉽게 CSS파일을 수정해보는 것입니다. 이 플러그인의 장점으로는 FTP프로그램에 일일이 접속하지 않아도 된다는 점이 있기때문에 제가 자주 사용하는 방법이기도 합니다.

워프 파일 매니저 사용하는 방법은 이 글을 참고해주세요.

네번째 사용자 정의하기 페이지에서 css 속성 추가하기

네번째로는 사용자 정의 페이지에서 css속성을 추가함으로써, 테마를 꾸밀 수 있습니다.

‘외모’에다가 마우스오버해보시면, ‘사용자 정의하기’란 메뉴가 있습니다. 클릭하시게 되면, 위와 같은 css 코드를 추가할 수 있는 페이지가 나타납니다. 여러분들이 넣고 싶은 css 코드를 입력하시면 됩니다만, 이는 여러 단점들이 존재하는데요.

테마 업데이트 되는 경우, 추가한 css코드가 모두 초기화된다는 것입니다. 그리고, 이미 부여된 속성에서 강제로 !important 속성을 넣어가주면서, 변경을 해야한다는 점입니다. (가장 좋은건 해 파일에 들어가서, 직접 하나하나 수정해주는 쪽이 바람직하다고 볼 수있으며, css파일 용량도 줄일 수있다는 장점도 있습니다.)