워드프레스에서 테마의 CSS 파일을 링크하는 방법은 다음과 같습니다:
-
테마의 functions.php 파일 수정: 워드프레스 테마 폴더에서 functions.php 파일을 엽니다.
-
CSS 파일 등록: functions.php 파일에서 wp_enqueue_style() 함수를 사용하여 CSS 파일을 등록합니다. 이 함수는 워드프레스에 CSS 파일을 로드하도록 알려줍니다.
function my_theme_enqueue_styles() {
wp_enqueue_style( 'custom-style', get_stylesheet_directory_uri() . '/custom.css' );
}
add_action( 'wp_enqueue_scripts', 'my_theme_enqueue_styles' );
위의 예시에서는 custom.css 파일을 사용자 정의 CSS 파일로 사용하고 있습니다. 필요에 따라 파일 경로와 이름을 수정하여 사용하세요.
-
CSS 파일 추가: 워드프레스 테마 폴더에 CSS 파일을 추가합니다. 예시에서는 custom.css 파일을 테마 폴더에 생성하거나 업로드합니다.
위의 단계를 따라 진행하면 테마의 CSS 파일이 링크되어 워드프레스 사이트에서 사용됩니다. wp_enqueue_style() 함수를 사용하면 CSS 파일을 적절한 위치에 연결하고, 워드프레스의 스타일 시트 관리를 수월하게 할 수 있습니다. CSS 파일은 테마의 기본 스타일을 수정하거나 추가적인 스타일을 적용하는 데 사용됩니다.