블로그팁/WordPress

워드프레스 테마 파일 편집기 활성화 하는 방법 : WordPress 스타일 시트 style.css 파일 편집 기능

듀륏체리 2023. 7. 22. 00:00

 워드프레스(WordPress)는 2003년 05월 27일에 PHP(Personal Home Page) 기반으로 매트 멀런웨그(Matt Mullenweg)가 창립하여 시작된 세계 최대의 자유-오픈 소스 소프트웨어(FOSS, FOSS: Free and open-source software) 저작물 관리 시스템으로, 포스팅 작성일 기준 최신 버전은 2023년 05월 20일에 릴리즈 된 WordPress 6.2.2 버전 입니다. 워드프레스는 비영리 재단인 'wordpress.org'의 오픈소스 기반 설치형 블로그 및 전체 콘텐트 관리 시스템(CMS, Content Managment System)으로 가입형인 'wordpress.com'과 차이가 있으며, 2023년 06월 27일 11:00 부터 티스토리 자체 광고로 애드센스 송출 이후 이전 수단으로 무료 서비스는 'Google Blogspot', 유료 서비스로는 'WordPress'를 대안으로 선택하고 있습니다.

 

WordPress logo

 

1. How to activate the WordPress Theme File Editor

How to activate the WordPress Theme File Editor

 

 워드프레스 테마 파일 편집기가 활성화 되어 있으면, WordPress 6.2.2 버전 관리 메뉴 한글판에서는 '외모' 메뉴 하위 항목에 '테마 파일 편집기'를 이용하여 스타일 시트 'style.css' 파일 편집 기능이 가능하지만, 무료와 유료 등 템플릿에 따라 'wp-config.php' 파일 내 'DISALLOW_FILE_EDIT' 옵션이 'true'로 적용되어 있으면, '테마'와 '사용자 정의하기', '위젯'과 '메뉴', 'Install Plugins' 항목만 활성화 되어 관리 메뉴에서는 스타일 시트를 편집할 수 없습니다.

 

반응형

 

2. WordPress 스타일 시트 style.css 파일 편집 기능 활성화 방법

WordPress 스타일 시트 style.css 파일 편집 기능 활성화 방법

 

 워드프레스 테마 파일 편집기 활성화 하는 방법은 먼저, 적용하고 있는 스킨 템플릿의 'wp-config.php' 파일을 메모장 등으로 불러오기 하거나, 파일질라 등의 FTP 프로그램을 이용하여 운영하고 있는 WordPress 사이트에서 다운로드 받아 준비 합니다. 참고로, 카페24 등의 워드프레스 호스팅 서비스에서 지원하는 파일 업로드 또는 FTP 기능을 이용하여도 동일하게 작업할 수 있습니다.

 

/* custom security setting */
/*define('DISALLOW_FILE_EDIT',true);*/
define('IMAGE_EDIT_OVERWRITE',true);
define('EMPTY_TRASH_DAYS',7);

 

 워드프레스 스타일 시트 'style.css'에서 파일 편집이 가능 하도록 수정하는 방법은 'wp-config.php' 파일을 메모장이나 노트패드++, 에디트플러스 등의 에디터 프로그램으로 불러오기 한 후 하단의 '/* custom security setting */'값 중 'define('DISALLOW_FILE_EDIT',false);' 값의 앞뒤를 '/*, */' 주석 처리하여 비활성화 되어 있는 옵션이 적용되지 않도록 합니다.

 

/* custom security setting */
define('DISALLOW_FILE_EDIT',false);
define('IMAGE_EDIT_OVERWRITE',true);
define('EMPTY_TRASH_DAYS',7);

 

 워드프레스 테마 파일 편집기 활성화 하는 방법으로, 'wp-config.php' 파일의 /* custom security setting */ 항목 중 비활성화 옵션 'define('DISALLOW_FILE_EDIT',true);'의 정의 값을 'false'로 변경한 후 저장합니다. 주석 처리하는 방법과 정의 값을 변경하는 방법 중 한가지 방법을 선택하여 적용하고 'wp-config.php' 파일을 운영하고 있는 워드프레스 사이트에 업로드 합니다. 

 

반응형

 

3. 워드프레스 테마 파일 편집기 : 스타일 시트 style.css 파일 편집 기능

워드프레스 테마 파일 편집기 : 스타일 시트 style.css 파일 편집 기능

 

 워드프레스의 스타일 시트 'style.css' 파일 편집을 위해 'wp-config.php' 파일 수정 및 업로드 한 다음, WordPress에서 로그아웃 후 다시 로그인 하거나 페이지를 새로고침 하면, 외모 항목의 세부 옵션에 '테마 파일 편집기' 활성화 되어 관리 메뉴에서 템플릿을 수정할 수 있습니다. 참고로, WordPress 파일 업로드는 카페24 등 워드프레스 호스팅 업체에서 제공하는 서비스를 이용하여도 되지만, 'FilleZilla'와 'SmartFTP', 'Xftp' 등의 FTP 프로그램을 이용하는 것이 편리하며, 한글 프로그램으로 인터페이스가 편리하게 구성되어 있는 ESTSoft의 알드라이브(舊, 알FTP)의 경우 파일 송수신에 오류가 발생하는 경우도 있기 때문에 권장하지는 않습니다.

반응형