워드프레스 중급 - 구조 파악하기

워드프레스 구조 파악하기 – 워드프레스 강좌

이번에는 워드프레스를 깊이 있게 코드를 작성하기 이전에 기본적으로 알아야 하는 워드프레스의 구조를 파악하는 시간입니다. 우리가 예전에 설치했던 워드프레스 폴더를 살펴볼 건데, 직접 코드를 짜는 건 아니기 때문에 너무 걱정하지 않으셔도 괜찮습니다. 시간 관계상 어떤 게 어디에 있고 이런 걸 세세하고 완벽하게 다 배우진 않겠지만, 우리가 꼭 알아야 하는 구조를 배워보도록 할게요.

워드프레스 폴더 구조 파악하기!

워드프레스를 설치하면 여러 폴더와 파일이 생성됩니다. 이 중에서 우리가 주로 수정하거나 사용하는 폴더와 파일을 중심으로 살펴보겠습니다. 혹시라도 잘못 건드리면 손상되어 사이트가 망가지기 때문에 꼭 알아둬야 합니다!

주요 폴더 및 파일

  1. wp-admin
    • 어드민 관련된 기능을 담고 있는 코드입니다. 이 폴더는 워드프레스 관리자 패널과 관련된 파일들을 포함하고 있으며, 직접 수정할 일은 거의 없습니다.
  2. wp-content
    • 테마, 플러그인, 업로드한 미디어 파일 등이 담긴 폴더입니다. 주로 이 폴더를 사용하여 웹사이트를 커스터마이징하게 됩니다.
      • languages: 사이트 언어에 대한 폴더입니다. 다국어 지원을 위해 번역 파일을 추가할 수 있습니다.
      • plugins: 설치된 플러그인들이 위치합니다. 플러그인을 삭제할 때는 어드민 페이지에서 삭제하는 것이 좋습니다.
      • themes: 설치된 테마들이 위치합니다. 여기에서 테마를 수정하거나 새로운 테마를 추가할 수 있습니다.
      • uploads: 업로드한 미디어 파일들이 위치합니다. 이 폴더의 파일을 삭제하거나 이름을 변경하면 실제 웹사이트에서 이미지가 표시되지 않을 수 있습니다.
  3. wp-includes
    • 워드프레스의 핵심 파일들이 위치합니다. 이 폴더는 워드프레스의 동작을 위한 기능들을 포함하고 있으며, 직접 수정할 일은 거의 없습니다.
  4. wp-config.php
    • 워드프레스의 핵심 설정 파일입니다. 이 파일에는 데이터베이스 정보와 워드프레스의 고급 옵션이 포함되어 있습니다. 필요할 때만 수정하며, 주의가 필요합니다.

wp-config.php 주요 설정

디버깅

define('WP_DEBUG', true); define('WP_DEBUG', false);

포스트 리비전 수 정의

define('WP_POST_REVISIONS', 3);

휴지통 비우기 날짜 정의

define('EMPTY_TRASH_DAYS', 30); // 30일

홈 및 사이트 URL 재정의

define('WP_HOME', 'http://mysite.com'); define('WP_SITEURL', 'http://mysite.com');

wp-content 폴더 상세 설명

themes 폴더

supernormal 테마 폴더 구조

  • css: 외부 라이브러리 CSS 파일을 저장합니다. 스타일 변경은 주로 style.scss 파일에서 관리합니다.
  • img: 정적인 이미지 파일을 저장합니다.
  • js: 자바스크립트 파일을 저장합니다. custom.js 파일을 주로 사용합니다.
  • sass: 스타일을 효율적으로 관리하기 위한 SCSS 파일을 저장합니다.
  • svg: 벡터 아이콘 그래픽을 저장합니다.

uploads 폴더

미디어 파일 관리 : 업로드한 파일들은 이 폴더에 저장됩니다. 파일을 삭제하거나 이름을 변경하면 웹사이트에서 이미지가 표시되지 않을 수 있으므로 주의해야 합니다.

index.php 파일

이 파일은 워드프레스의 중요한 기능을 담당합니다. 가장 기초가 되는 파일입니다. 중간 중간에 보이는 index.php 파일은 건드리지 않는 것이 좋습니다.