WordPress에서 모양새 편집기를 사용하는 방법

wordpress-appearance-editor.png


지금까지 다양한 사용자 친화적 편집기를 통해 WordPress CMS를 사용자 정의 할 수있었습니다. 커 스터 마이저를 사용하면 테마가 지원하는 다양한 모양 옵션을 살펴볼 수 있습니다. 그러나 주어진 옵션 이외의 사이트를 개인화하기로 결정한 경우 워드 프레스 모양 편집기에 대해 알아야합니다..

WordPress의 많은 파일 중에서 수정할 수있는 파일 중에서 특히 흥미로운 두 가지 파일이 있습니다. WordPress에서 직접 편집 할 수있는 테마의 템플릿 및 스타일 시트 파일에 대해 이야기하고 있습니다..

직접 코드 변경을 고려하기 전에 WordPress에 경고해야합니다. 백업을 만들지 않습니다 영향을받는 파일 중 따라서 모든 변경 사항은 영구적입니다.

모양새 편집기로 테마를 편집하는 방법

사용자 정의 코드를 입력하여 워드 프레스에 대해 더 많이 배울 준비가되었고 손이 더러워지면 모양-> 편집기. 이 내장 편집기를 사용하면 테마의 템플릿 및 스타일 시트 파일에 보관 된 코드를 변경할 수 있습니다. 열면 현재 테마가 사용중인 style.css 파일이 자동으로 앞에 표시됩니다..

워드 프레스 모양 편집기

사이트 설정에 따라 일부 파일에 액세스하지 못할 수도 있습니다. 그렇다면 WordPress에 해당 특정 파일에 대한 파일 권한을 변경해야한다는 경고 메시지가 표시됩니다. 자세한 내용은 다음을 참조하십시오. WordPress에서 파일 권한을 변경하는 방법.

편집 할 파일을 선택하는 방법

편집기를 열면 WordPress에 활성 테마의 사용 가능한 모든 템플릿 및 스타일 시트 파일이 표시됩니다. 비활성 테마를 편집하려면 목록 상단으로 이동하여 드롭 다운 메뉴에서 항목을 선택하고 “선택”버튼을 클릭하십시오. 그런 다음 WordPress는 선택한 테마와 관련된 모든 파일을로드합니다.

템플릿

파일을 선택하려면 창의 오른쪽에있는 목록을 살펴보십시오. 각각 이름과 파일 이름이 괄호 안에 표시되어 있습니다. 파일을 편집하려면 클릭하십시오 코드는 왼쪽 편집기에 나타납니다.

조심해

스타일 시트 파일을 편집하면 비교적 안전하지만 PHP 파일을 편집하면 오류가 발생하여 사이트를 사용할 수 없게 될 수 있습니다. Appearance Editor에서 PHP 파일을 편집하기로 결정한 경우 매우주의하십시오.

예 : 모양새 편집기를 통해 글꼴 크기를 변경하는 방법

편집기 작동 방식을 보여주기 위해 Twenty Seventeen 테마의 게시물에서 텍스트의 글꼴 크기를 변경하려고합니다..

계속하기 전에 잠시 동안 관심을 끌고 싶습니다. 버전 4.7에서 WordPress는 사용자 정의 CSS를 추가 할 수있는 새로운 기능 좀 더 빠르게. Appearance Editor를 통해 코드를 편집하는 대신 여는 것이 좋습니다. 모양-> 사용자 정의-> 추가 CSS 스타일 시트에 직접 영향을 미치지 않고 원하는 사용자 정의 CSS 코드를 작성할 수있는 곳.

요소 검사

Chrome의 요소 검사

모양새 편집기를 통해 스타일 시트를 직접 편집하려면 다음을 수행하십시오.

  1. 블로그에서 게시물을 엽니 다
  2. 게시물의 텍스트를 선택하십시오
  3. 선택 항목을 마우스 오른쪽 버튼으로 클릭하고 “검사”또는 “요소 검사”를 선택하십시오 (사용하는 브라우저에 따라 다름)
  4. 열린 새 섹션 또는 창에서 강조 표시된 부분을 찾으십시오.

    요소

요소 단락 검사

클래스는 “스타일”탭에서도 볼 수 있어야합니다. 스타일을 클릭하면 브라우저가 스타일 시트를 열고 브라우저에서 직접 CSS를 편집 할 수 있어야합니다. 이 기능을 사용하여 실제로 사이트에 변경 사항을 적용하기 전에 사용자 정의 CSS 코드를 테스트 할 수 있습니다. 게시물에서 텍스트의 글꼴 크기를 수정하려고했기 때문에 다음 CSS 코드가 관심 대상입니다.

p {
글꼴 크기 : 50px;
}

변경 승인

브라우저에서 몇 가지 글꼴 크기를 테스트 한 후 가장 좋아하는 글꼴을 기억하십시오. 그런 다음 편집기로 진행하여 글꼴을 수정할 수 있습니다.

  1. 로 이동 모양-> 편집기
  2. 아직 선택하지 않은 경우 스타일 시트 (style.css) 오른쪽 목록에서 파일
  3. “p”수업 찾기
  4. “글꼴 크기 : 50px;”추가 (전체 코드는 위에서 작성한 코드와 같아야합니다.)
  5. “파일 업데이트”버튼을 클릭하십시오

수정 단락 글꼴 크기

새 스타일이 저장되고 사이트를 다시로드 할 수 있습니다. 글의 크기 변화를 보려면 게시물을여십시오. 차이가 보이지 않고 코드를 올바르게 조정했는지 확인한 경우 브라우저 캐시를 지우거나 Ctrl + F5를 누릅니다. 페이지를 새로 고침.

모양새 편집기로 작업 할 때주의하십시오

모양 편집기는 템플릿 및 스타일 시트 파일을 빠르게 변경할 수있는 놀라운 도구입니다. 그러나이를 최대한 활용하려면 변경 사항에 대해 완전히 확신하는 것이 중요합니다. PHP 파일을 변경하면 FTP를 통해 수정 될 때까지 사이트가 잠길 수 있습니다. 따라서 PHP 파일로 작업 할 때는 항상 원본 백업을 유지하면서 FTP를 통해 전송할 수있는 로컬 파일로 작업하는 것이 좋습니다. 스타일 시트를 수정하는 경우 몇 개월 전에 도입 된 추가 CSS 기능을 잊지 마십시오..

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map