Category: Theme

테마 만들 때 작성할 수 있는 theme.json 은 해당 테마를 위한 설정 파일입니다. 워드프레스 엔진에게 어떤 설정을 활성화하는지 알려주거나 요소, 블록을 스타일링하는 방법을 기술하거나 템플릿이나 템플릿 파츠를 등록을 합니다. theme.json 기본 구조 $schema 와 version은 위의 예대로 사용하면 됩니다. 나머지 항목들은 테마 개발자가 필요에 따라 작성하면 됩니다. 설정 파일의 역할을 하는 theme.json은 워드프레스 엔진에도 있습니다.…

이미지 파일 사용 방법 앞서 알아본 css 파일과 js 파일을 로드하도록 설정하는 방법에 이어 이미지 파일을 사용하는 방법을 살펴보겠습니다. 로드하는 방법이 아니라, html 문서 내에서 <img src=”” /> 태그에 이미지 파일의 위치를 설정하는 방법입니다. 테마 폴더 안에 assets/img/example.webp 파일이 있다면 아래처럼 위치를 url로 지정할 수 있습니다. 폰트 포함시키는 방법 웹 사이트에 웹폰트를 포함시켜서 사용하는 방법은…

css 파일을 포함시키는 방법과 유사하게 JavaScript 파일도 포함시킬 수 있습니다. 기본적인 함수는 wp_enqueue_script() 입니다. 함수 인자에 $ver 이 있는데, 이 값은 기본 워드프레스의 버전이 사용되지만, 개발자가 임의로 값을 설정해서 캐싱을 하지않고 최신의 파일을 로딩하도록 할 수 있습니다. 특정 시점에 js 파일을 포함시키도록 명령하기 위해서 ‘wp_enqueue_scripts’ 후크에 액션을 걸어서 js를 포함시키도록 설정합니다. inline JavaScript 포함시키는 방법…

테마를 만들면 이미지가 포함될 수도 있고 다른 파일들이 필요할 수도 있습니다. 이 리소스 파일들을 테마 폴더의 어디에 저장해두고 워드프레스가 찾아서 사용할 수 있도록 위치를 알려줘야합니다. 워드프레스는 함수를 이용해서 워드프레스 테마의 특정 위치로 접근할 수 있습니다. 이때 URL로 접근할 수도 있고, 시스템 내의 파일 경로로 접근할 수도 있습니다. URL 돌려주는 함수들 파일 경로 돌려주는 함수들 작성한…

워드프레스는 php 로 만들어졌습니다. 워드프레스 엔진이 기본적으로 제공하는 많은 함수들이 있고 테마를 만들 때 그 함수들을 잘 사용하면 됩니다. 하지만, 그 외 다른 기능이 필요할 경우, 직접 php 코드를 작성해서 워드프레스 엔진 내에서 사용할 수 있습니다. 개발자는 그 코드들을 functions.php 파일에 작성하면 됩니다. 워드프레스에서 이야기하는 플러그인도 개발자가 php 로 만들 수 있습니다. 플러그인은 눈에 보이는…

style.css 워드프레스는 wp-content/themes/ 아래에서 설치되어 있는 테마를 검색하고, 각 테마 폴더 안에 있는 style.css 파일의 처음 8kb 에서 테마를 위한 적절한 헤더가 있는지를 찾는다고 합니다. 보통 css 파일을 만들 때는 강제되는 부분이 아니지만, 워드프레스 테마의 style.css 파일은 처음 부분에 테마를 설명하는 여러 값들을 작성해 놓아야 합니다. 최소한의 값은 테마의 이름입니다. 주석으로 작성하는데, “Theme Name”에 테마의…

워드프레스 테마를 만들어보려고 찾아봤더니, “블록 테마” 라는 것이 새로 생겼네요. 예전에 작업할 때와는 구성/컨셉 자체가 다른 듯합니다. 운영하는 워드프레스 사이트에 맞춰 테마를 만들 계획인데, 이번 기회에 새로 “블록 테마”라는 녀석을 공부해야겠습니다. 블록 테마 간단히 말해서 웹 사이트의 한 화면을 여러 종류의 ‘블록’ 을 조립해서 만드는 개념인 것 같습니다. 이 ‘블록’은 다른 곳에서 재사용이 가능해서 한…