[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() 페이지를 확인하면 됩니다.

끝.