[WordPress] 테마의 style.css 파일 적용 시키기, bloginfo(‘stylesheet_url’)
워드프레스 테마를 개발하면서 열심히 스타일시트 파일(style.css) 을 만들어 놓아도 테마에 제대로 적용 되지 않는다면 아무 소용 없겠죠?
워드프레스 테마에서 자체 스타일시트 파일을 불러오는 방법을 알아 봅시다.
bloginfo( ‘stylesheet_url’ )
지난 포스트에서 get_bloginfo 함수를 echo 해서 특정 정보를 출력 했는데, 이번에는 사이트의 정보를 바로 출력해주는 bloginfo() 함수를 사용해보도록 합시다. 사용법은 get_bloginfo() 와 같은 방식입니다.
아래 예제를 보시죠.
<html>
<head>
<link rel="stylesheet" href="<?php bloginfo( 'stylesheet_url' ); ?>" type="text/css" media="screen" />
</head>
<body>
// your article here
</body>
</html>
페이지에 적용될 스타일시트 파일은 당연히 <head> 태그 안에 위치해야 합니다. 그러므로 <head> 태그 안에서 테마의 스타일시트 파일을 불러와 연결해주기 위해 <link> 태그를 사용해야 하고 스타일시트 파일의 주소를 얻기 위해 bloginfo('stylesheet_url') 함수를 사용한 것입니다.
마찬가지로 bloginfo 함수를 이용하여 다양한 정보를 불러오기 위한 파라미터는 WordPress – Code reference – bloginfo() 페이지를 확인하면 됩니다.
끝.
댓글 남기기