> For the complete documentation index, see [llms.txt](https://s-organization-887.gitbook.io/hostyle-web/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://s-organization-887.gitbook.io/hostyle-web/wordpress-1/undefined-4.md).

# 테마 메인 / 푸터 / 페이지 생성

## ※ 테마 메인 수정

* WordPress 관리자페이지 좌측 -> 모양 -> 테마 편집기

<figure><img src="/files/stjJ2PmM8qbRyi8gtgZC" alt=""><figcaption></figcaption></figure>

<figure><img src="/files/hiCF2dzdkUoWrfvv0vEP" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

* 좌측 페이지 부분을 누르면 수정페이지로 전환 됩니다.
  {% endhint %}

### 1. 메인 페이지 수정

<figure><img src="/files/3YN5fSxeqtgsFkTy4X3d" alt=""><figcaption><p>수정 전</p></figcaption></figure>

<figure><img src="/files/jUkDSxr41mAdeQ7MHtM4" alt=""><figcaption><p>수정 후</p></figcaption></figure>

{% hint style="info" %}

* 타일 형태로 클릭하여 손쉽게 이미지/버튼/글씨/레이아웃 설정이 가능합니다.
* 비주얼 편집이 아닌 직접 HTML/CSS/JS 코드를 직접 넣을 수 있습니다.
* 웹페이지 제작중 가장 힘든 영역이며, 미리 레이아웃 구조를 정하고 수정하시면 수월하게 작업 가능합니다.
* 각 버튼별 기능 / 슬라이드쇼 / 레이아웃 기능 들은 기능 가이드로 별도 제작되었습니다.
  {% endhint %}

### 2. 수정 후 저장

<figure><img src="/files/WZH1Z2OUfPGwsisAQNz7" alt=""><figcaption></figcaption></figure>

## ※  페이지하단(푸터) 수정

### 1.  \[테마 메인 수정] 영역과 같은 수정 페이지 진입 -> 하단으로 스크롤

<figure><img src="/files/HOWTN9c7kclQFgb0xO05" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}

* 푸터 영역은 페이지 이동을 해도 하단에 고정 틀로 노출됩니다.
* 영역은 직접 텍스트 변경 / 구조 변경 / 이미지 적용 등 자유롭게 설정 가능합니다.
  {% endhint %}

## ※ 페이지 생성

### 1. 새 페이지 만들기&#x20;

* `페이지 > 새로 만들기`로 다음 페이지 생성:

<figure><img src="/files/ocorYNoBTkeFff2MGLNH" alt=""><figcaption></figcaption></figure>

* 홈, 회사소개, 블로그, 문의하기 등

<figure><img src="/files/BL6HYUpLEj3f8iGsVhzv" alt=""><figcaption></figcaption></figure>