wordpressをやってみた

月別ページの年月を出力します。

<?php if(is_month()) : ?>
            <div class="page-header">
                <h1><?php single_month_title(); ?></h1>
            </div>
            <!--//page-header -->
<?php endif; ?>

<?php single_month_title(); ?>
この場合、表記が「○月2016」という形になります。

表記をなじみのある形にする。

<?php if(is_month()) : ?>
            <div class="page-header">
                <h1><?php echo get_the_time('Y年m月'); ?></h1>
            </div>
            <!--//page-header -->
<?php endif; ?>

<?php echo get_the_time('Y年m月'); ?>
これで「2016年○月」という形で出力されます。

月別のページだけに出力されるようにする。

<?php if(is_month()) : ?>～<?php endif; ?>

index.phpで生成されるカテゴリーページを作ります。
ページの内容は記事の一覧とほとんど変わらないのですが
カテゴリー名とカテゴリーの説明をページの上部に出力します。

<main id="main" role="main">
    <div class="container">
    <section>
<?php if(is_category()) : ?>
<?php
$cats = get_categories();
foreach ($cats as $cat) :
?>
            <div class="page-header">
                <h1><?php echo $cat->name; ?></h1><?php echo category_description($cat->term_id); ?>
            </div>
            <!--//page-header -->
<?php endforeach; ?>
<?php endif; ?>
        <div class="row">
            <div class="col-md-9">
                
                <?php if(have_posts()): while(have_posts()): the_post(); ?>
                <article>

カテゴリーのページだけに出力されるように下記のタグで囲みます。

<?php if(is_category()) : ?>～<?php endif; ?>

カテゴリーのページの下部に古い記事、新しい記事へのpagerを出力させます。

<?php if(is_home()): ?>
                
<?php endif; ?>

                <?php if(is_archive()): ?>
                <nav>
                    <ul class="pager">
                       <li class="previous"><?php next_posts_link('<i class="fa fa-angle-left"></i> Older'); ?></li>
                       <li class="next"><?php previous_posts_link('Newer <i class="fa fa-angle-right"></i>'); ?></li>
                    </ul>
                    <!--//pager -->
                </nav>
                <!--//nav -->
                <?php endif; ?>

記事の一覧ページとほぼ同じ感じです。

アーカイブ系をひとつにまとめる

<?php if(is_home() or is_archive()): ?>
                <nav>
                    <ul class="pager">
                       <li class="previous"><?php next_posts_link('<i class="fa fa-angle-left"></i> Older'); ?></li>
                       <li class="next"><?php previous_posts_link('Newer <i class="fa fa-angle-right"></i>'); ?></li>
                    </ul>
                    <!--//pager -->
                </nav>
                <!--//nav -->
<?php endif; ?>

ひとつにまとめて、すっきりしました！

これまで1カラムで作ってきましたが、サイドバーを入れるために2カラムにします。
bootstrapを利用しているので簡単です(*’▽’)

<div class="row">
    <div class="col-md-9">
     |
    省略
     |
    </div>
    <!--//col -->
    <div class="col-md-3">
        <ul class="list-group">
        サイドバー
        </ul>
    </div>
    <!--//col -->
</div>
<!--//row -->

col-xs-12と書いてあったところをcol-md-9に変更。（メインのカラム）
divを追加してcol-md-3追加。（サイドバー）
これで2カラムになります。

ウィジェットを使う

<?php dynamic_sidebar(); ?>

functions.phpを作る
functions.phpは空のままテーマのフォルダにアップロードします。

テーマの編集からfunctions.phpを選択して中身を記述していきます。

<?php

//ウィジェット機能を有効にする
register_sidebar();

//カスタムメニュー機能を有効にする
register_nav_menus(array('navigation' => 'ナビゲーションバー'));

?>

ウィジェット機能を有効にします。
ついでにカスタムメニュー機能も有効にしておこうー。