WordPress Block Theme – 이미지 파일과 폰트

이미지 파일 사용 방법

앞서 알아본 css 파일과 js 파일을 로드하도록 설정하는 방법에 이어 이미지 파일을 사용하는 방법을 살펴보겠습니다. 로드하는 방법이 아니라, html 문서 내에서 <img src=”” /> 태그에 이미지 파일의 위치를 설정하는 방법입니다.

테마 폴더 안에 assets/img/example.webp 파일이 있다면 아래처럼 위치를 url로 지정할 수 있습니다.

폰트 포함시키는 방법

웹 사이트에 웹폰트를 포함시켜서 사용하는 방법은 보통 css 파일에 font-family 설정하는 것이지만, 워드프레스에서는 theme.json 파일을 통해 뭔가 하는 방법이 있다고 합니다. 이건 다음에 살펴보겠습니다.