워드프레스: 기본 사용 WordPress: Basic Usage

소개 Introduction

IUEditor의 기능을 활용해 워드프레스 테마를 생성할 수 있습니다.

_images/iu_manual_wordpress_basic_use_newproject.png
  • New Project > WordPress 에서 원하는 템플릿을 선택합니다.

_images/iu_manual_wordpress_basic_use_widgetgroup.png
  • 우측하단 WordPress 위젯들을 활용해 테마에 필요한 요소들을 삽입할 수 있습니다.


페이지 구성 Anatomy of Pages

_images/iu_manual_wordpress_basic_use_theme_anatomy.png
  • index: 블로그 홈 화면 및 테마 전체의 기본이 되는 필수 페이지 입니다.

  • single: 블로그의 특정 포스트 링크로 진입했을때 출력되는 페이지 입니다.

  • archive: 기간이나 작성자 등을 기준으로 조회할때 출력되는 페이지 입니다.

  • category: 특정 카테고리내 글 목록을 조회할때 출력되는 페이지 입니다.

  • page_404: 잘못된 URL로 진입한 경우 출력되는 페이지 입니다.

그 외 테마에 필요한 페이지는 사용자가 임의로 추가할 수 있습니다. (예: page.php, date.php 등)

참고

워드프레스 테마의 페이지 구성에 대해 좀 더 자세한 정보는 다음 링크를 참조하시기 바랍니다. https://yoast.com/wordpress-theme-anatomy/


설정 Settings

_images/iu_manual_wordpress_basic_use_buildsetting.png

프로젝트 > 프로젝트 셋팅 메뉴를 실행하거나 ⇧⌘P 키를 입력해 프로젝트 셋팅 패널을 열고, 워드프레스 WordPress 탭을 선택해 워드프레스 관련 설정을 변경할 수 있습니다.

  • WordPress theme Build Path: 생성된 테마 파일들을 출력할 경로입니다. 경로끝에 $AppName을 입력해 프로젝트명으로 최종 경로를 만들 수 있습니다.

  • WordPress Resource Path: 이미지, CSS 등 테마 파일의 리소스가 저장될 로컬 경로입니다.

  • WordPress User Source Path: 사용자가 추가로 삽입한 CSS, JS 파일들이 저장될 로컬 경로입니다.

  • WordPress Resource Prefix: 웹 상에서 Resource Path에 접근하는 URL 경로입니다.

  • WordPress User Source Prefix: 웹 상에서 User Source Path에 접근하는 URL 경로입니다.