Web Design Articles

日付系タグ echoを使ったやり方 カテゴリーの表示タグ タグの表示 著者の表示 前後の記事へのリンクを表示する ページ分割した記事を表示する 日付系タグ the_date() ：公開日時を表示。一覧の場合は最初の１記事しか表示されない。 the_modified_date()：更新日時を表示 the_time()：一覧表示で日付を表示する場合はこちらを利用 <?php the_time('Y/m/d'); ?>や <?php the_time('Y年m月d日'); ?>のように日付タグは()中にフォーマットを指定することができます。 echoを使ったやり方 <?php echo get_the_date(); ?> このようにechoを使ってgetメソッドで取得した値を表示させる方法もあります。 利点としては、the_date() と違い何度も利用できます。 カテゴリーの表示タグ the_category()：カテゴリーの表示 利用例：<?php the_category(); ?> 初期表示ではリストになります。(「ねこ」と「いぬ」カテゴリに属している例) <ul class="post-categories"> <li><a href="http://localhost:8888/localtest/?cat=2" rel="category">ねこ</a></li> <li><a href="http://localhost:8888/localtest/?cat=1" rel="category">いぬ</a></li> </ul> <?php the_category(', '); ?> このように()内に複数のカテゴリに属していた場合の区切り文字を指定できます。 また、get_the_category()を使うことで次の情報を取得できます term_id：カテゴリーID name：カテゴリー名 slug：カテゴリースラッグ [...]

こんにちは、前回は固定ページのテンプレートを作成しました。 hollywis.hatenablog.com 今回、第11回目は投稿ページのテンプレートを作成していきます。 投稿ページのテーマの作成方法 投稿ページのデザインの使い分ける方法 カスタム投稿タイプを作る カスタム投稿タイプ用のテンプレートを作成する 投稿ページのテーマの作成方法 投稿ページはWordPressで定期的な記事の投稿時に利用する機能です。ブログ機能とも言えますが、投稿タイプを増やすことで様々な投稿に対応しています。 今回はこの投稿ページのテンプレートの作成方法をご紹介します。 投稿ページのテンプレートを作成することで、その他のページと独立して自由にデザインを設定することができます。 テンプレートファイル名は予め決まっており「single.php」になります。 もしテーマの中にsingle.phpがある場合、投稿ページを表示する際の挙動が、index.phpよりもsingle.phpの方が表示優先度が高くなります。 この仕組みを利用して、投稿ページのテンプレートを作ります。 それでは実際に書いて見ましょう。 「single.php」というファイル名でテーマ直下に新規作成し、次のようにコードを記載します。 single.php <?php while ( have_posts() ) : the_post(); ?> <h1><?php the_title() ?>：single.phpによる投稿ページ</h1> <div> <?php the_content(); ?> </div> <?php endwhile; ?> 固定ページとほぼ一緒です。 実は、その他にヘッダーやフッター、サイドバー、などの表示も一緒です。 詳しくはこちらを参照ください。 hollywis.hatenablog.com 投稿ページのデザインの使い分ける方法 このままでは表示が味気無いので、CSSを触ってデザインを強化したいと思います。 しかし、例えば別の投稿タイプの時にデザインを変えたい場合はどうすればいいのでしょうか。 (例：ブログ、プレスリリースなど) そこで、WordPressでは固定ページと同様に投稿ページ毎にデザインを変える方法が２つ用意されています。 ページ毎に違うidやclassを自動的に埋め込む 投稿タイプ毎にページテンプレートを作る 投稿ページのテンプレート階層は次の通りです。 このように、投稿タイプ(post_type)毎にテンプレートを作ることができます。 それでは試しに、作成しましょう。 [...]