第9回目のWordPressのサイト作り
今回が最終回になります。
前回の記事までの記事はこちらから
WordPress オリジナルテーマを作る〜ヘッダー〜
WordPress オリジナルテーマを作る〜ヘッダーその2〜
WordPress オリジナルテーマを作る〜メイン部分〜
WordPress オリジナルテーマを作る〜メイン部分その2〜
WordPress オリジナルテーマを作る〜サイドとフッター〜
WordPress オリジナルテーマを作る〜テーマに分割~
WordPress オリジナルテーマを作る〜記事一覧を作る~
WordPress オリジナルテーマを作る〜記事を表示するページの作成~
固定ページを作成する
今日は固定ページを作っていきます。
固定ページはpage.phpで作ります。
内容は殆どsingle.phpと変わりません。
single.phpからをコピーしてpage.phpを作りましょう。
まずは投稿日やカテゴリーといった
投稿情報を削除します。
そして記事はありません。
となっている部分を
ページはありません。
に修正すればとりあえず完成です!
<!-- page.php --> <?php get_header(); ?> <div class="container"> <div class="main"> <div class="post"> <?php if (have_posts()) : while (have_posts()) : the_post(); ?> <div class="post-content"> <p class="ttl"><a href="<?php the_permalink(); ?>"></a><?php the_title(); ?></p> <div class="post-meta"> <ul> <li><i class="fa fa-clock-o" aria-hidden="true"></i><?php echo get_the_date_date(); ?></li> <li><i class="fa fa-folder-open-o" aria-hidden="true"></i><? php the_category(', '); ?></li> </ul> </div> <div class="post-txt"> <p><?php the_content(); ?></p> </div> </div> </div> <?php end while; else: ?> <p>ページはありません</p> <?php endif; ?> </div> <?php get_sidebar(); ?> </div> <?php get_footer(); ?>
これでOK!
完成です!!!!
ソースを組むのに時間がかかりますが、
WordPressに分解する事自体は
思っていたよりも簡単でした
(基礎だけだから)
これからも経験値を増やしていこうと思います!
せば!