본문 바로가기

워드프레스 테마 헤더/푸터

web/wordpress by 코나인 2023. 5. 15.
반응형

워드프레스 테마의 헤더는 header.php 파일로 구현한다.

구현된 헤더는 get_header() 를 이용하여 필요한 곳에서 호출한다.

마찬가지로 푸터는 footer.php로 구현되며

get_footer()를 이용하여 표시된다.

 

header.php

<html>
<head>
</head>
<body>
<nav>
  <a href="<?php echo home_url()?>">Home</a> |
  <a href="<?php echo get_post_type_archive_link('account')?>">입출금</a>
</nav>

 

footer.php

wp_footer()에는 관리자 화면 UI가 포함되어있다.

<!-- footer -->

<?php wp_footer()?>

 

index.php

헤더/푸터 표시하기

<?php get_header() ?>

<ul>
<?php
if (have_posts()) {
  while( have_posts()) {
    the_post();
    ?>
    <li>
      <a href=<?php the_permalink();?>>
      <?php the_title();?>
      </a>
    </li>
    <?php
  }
}
?>
</ul>

<?php get_footer() ?>

 

홈화면

Home 클릭시 홈페이지로 이동한다.

post_type이 post인 항목이 표시되는 것을 확인할 수 있다.

 

 

반응형

댓글