아스트라 테마 서치콘솔, 애드센스, 애널리틱스 코드 추가 방법|워드프레스

아스트라 커스텀 레이아웃을 위한 비주얼 훅

워드프레스로 제작한 웹사이트에 아스트라 테마를 사용중이라면 사이트의 거의 모든 부분을 세부적으로 나누어 커스텀 HTML, CSS, JavaScript 코드를 추가할 수 있는 커스텀 레이아웃 기능이 있습니다. 커스텀 레이웃을 사용하여 프론트 엔드에서 확인할 수 업는 head 부분에도 코드 추가가 가능합니다. 먼저 아스트라에서 제공하는 비주얼 훅 웹페이지를 참고하면 커스텀 레이아웃을 활용하는데 큰 도움이 될거에요. 아래 링크를 통해 아스트라 비주얼 훅을 바로 확인할 수 있습니다.
https://developers.wpastra.com/theme-visual-hooks/

아스트라 테마 커스텀 레이아웃 기능 활성화

01. 아스트라 테마 커스텀 레이아웃 기능 활성화

먼저 [테마 디자인]에 포함된 [아스트라 옵션]으로 이동하여 [커스텀 레이아웃] 기능을 활성화합니다.

새로운 커스텀 레이아웃 추가하기

02 .새로운 커스텀 레이아웃 추가하기

[커스텀 레이아웃] 기능을 활성화하였다면 아스트라 옵션 하위 카테고리에 새로운 메뉴가 생성됩니다. [커스텀 레이아웃]으로 이동하여 [Add New] 버튼을 클릭하여 새로운 커스텀 레이아웃을 생성합니다.

코드 에디터로 변경하기

03. 코드 에디터로 변경하기

커스텀 레이아웃은 코드 에디터에서 작성할 수 있도록 개발되었습니다. 좌측 상단 [Enable Code Editor] 버튼을 클릭하여 기존 블록 에디터에서 코드 에디터를 사용하여 문서를 편집할 수 있도록 변경합니다.

커스텀 레이아웃 이름 추가 및 코드 삽입

04. 커스텀 레이아웃 이름 추가 및 코드 삽입

먼저 커스텀 레이아웃에 대한 이름을 지정하고, 삽입하고자 하는 서치 콘솔 인증코드, 구글 애드센스 인증 코드, 구글 애널리틱스 인증 코드 등을 삽입합니다.

커스텀 레이아웃의 대한 상세 설정

05. 커스텀 레이아웃의 대한 상세 설정

구글 애드센스, 애널리틱스, 서치콘솔 인증 코드의 경우 Action을 꼭 [wp_head]로 설정해주셔야합니다.

  1. Layout: 레이아웃에 대한 종류를 선택합니다.
  2. Action: 레이아웃이 표시될 위치를 선택합니다. (아스트라 비주얼 훅 웹사이트 참고)
  3. Priority: 웹사이트에 추가할 레이아웃을 표시할 우선순위를 설정합니다.
  4. Spacing: 레이아웃의 위 아래에 빈 공간의 높이를 지정합니다.
  5. Display On: 레이아웃을 표시할 웹사이트의 페이지를 지정합니다. (홈페이지, 모든 웹사이트, 연락처 페이지)
  6. User Roles: 레이아웃을 표시할 유저 규칙을 지정합니다. (로그인 유저, 관리자, 모두에게)

댓글 남기기

이메일은 공개되지 않습니다.