今日からwordpressのテーマを作ってみようと思う(5)footer.php編

wordpress_テーマ作成

footer.phpに着手

システムエンジニア(SE)かっきーです。

ここまででindex.php、header.php、saideber.phpを作ってきましたが、
トップページを表示させるには後footer.php残すのみです。

footer.phpの作成

footer.phpの作成と大それたことを書きましたが基本footer.phpはあまり書くことがありません。

むしろ何も書かなくても大丈夫なくらいです。
何も表示させない場合は下記のコードだけでOKです。

<footer id="colophon" class="site-footer" role="contentinfo">
</footer>

<?php wp_footer(); ?>
</body>
</html>

ヘッダーの時と同様
php wp_footer();を入れるのを忘れないで下さい。

これがないとプラグインが動かない可能性があります。

index.phpによりすべてのファイルを読込

ここまででindex.php、header.php、saideber.php、footer.phpが出来上がっていると思います。

しかしこのままではまだ表示されません。
それは、Wordpressでは一番最初にindex.phpが読み込まれます。
そのため、index.phpに各ファイルを読み込ませる必要があります。

index.phpにheader.php、saideber.php、footer.phpを読み込ませていきます。

<?php get_header(); ?>//header.phpの読み込み
<div id="content">
<div id="inner-content" class="wrap cf">
<main id="main" class="m-all t-all d-5of7 cf" role="main">
<div class="archivettl">
<?php if (is_category()) { ?>
<h1 class="archive-title h2">
<span><?php _e( 'CATEGORY', 'moaretrotheme' ); ?></span> <?php single_cat_title(); ?>
</h1>

<?php } elseif (is_tag()) { ?>
<h1 class="archive-title h2">
<span><?php _e( 'TAG', 'moaretrotheme' ); ?></span> <?php single_tag_title(); ?>
</h1>

<?php } elseif (is_author()) {
global $post;
$author_id = $post->post_author;
?>
<h1 class="archive-title h2">
<span class="author-icon"><?php echo get_avatar(get_the_author_id(), 150); ?></span>
「<?php the_author_meta('display_name', $author_id); ?>」の記事
</h1>
<?php } elseif (is_day()) { ?>
<h1 class="archive-title h2">
<?php the_time('l, F j, Y'); ?>
</h1>

<?php } elseif (is_month()) { ?>
<h1 class="archive-title h2">
<?php the_time('F Y'); ?>
</h1>

<?php } elseif (is_year()) { ?>
<h1 class="archive-title h2">
<?php the_time('Y'); ?>
</h1>
<?php } ?>
</div>
</main>
<?php get_sidebar(); ?>//saideber.phpの読み込み
</div>
</div>
<?php get_footer(); ?>//footer.php

こんな感じでindex.phpに読み込ませます。
ここで注意したいのがWordpress側はすべてのファイルを繋げて読み込もうとします。
そのため、タグずれ等は無いようにしっかり見直しましょう。

これでトップページの完成です。
お疲れ様でした。

次回は記事ページやカテゴリーページを行っていきます。

記事の文章作成や、Wordpressサイトのカスタマイズで
お困りではありませんか?
ライティングレシピでは、文章コンサルとWordpressサイトのカスタマイズを承っております!

文章コンサル
●文章力をあげてスキルアップしたい
●SEOを意識した文章を書きたい
●ライター目線で文章が書けるようになりたい

Wordpressサイトのカスタマイズ
●憧れのサイトのようにしてみたい
●不具合を修正したい
●デザインを理想通りに変更したい

少しでも当てはまる項目があるなら、いつでもお気軽にご相談くださいませ。 ココナラ満足度100%で、提案力には自信があります!

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です