テンプレート:single-blog.php
ブログの詳細ページ用テンプレートファイルです。
body_class();タグで出される値:class="wp-singular blog-template-default single single-blog postid-2069 wp-theme-test02 defaultClass"
タイトル:1行分しか想定されていない見出しのデザインだと文字がはみ出してしまってあら大変。ものすごく長い日本語のタイトルが付いた記事の表示テストです。複数行になっても問題ないデザインだといいですね。あと前後の記事へのリンクを出力している場合や、パンくずリストを実装している場合なども表示にズレがないか確認しておきましょう。
記事ID:2069
class="hoge post-2069 blog type-blog status-publish hentry"
■アイキャッチ画像(サイズ調整):
■URLのみ:
日付:2014年1月5日
更新日:2022年09月16日(金)
著者:達也 海野
タクソノミー関連の出力いろいろ
■タグ(タクソノミー名:blog_tag)
本文
- 記事タイトル部分の見出しデザインが崩れていないか、文字が背景からはみ出していたりしないか確認しましょう。
- the_post_navigation() などで前後の記事のタイトルを出力する場合も、レイアウト崩れが発生していないか確認しましょう。
- その他、ウィジェットやプラグイン等でいろいろな場所に記事タイトルが出力されるケースが多いので併せて確認しましょう。
- 用途に応じて、wp_trim_words() 関数を使って文字列をトリミングするという手もあります。
コメント欄の表示
コメントリストのみの表示
著者情報の表示(!カスタム投稿バージョン!)
達也 海野
ユーザー名(ID):
chipbennett
上の名前:
海野
下の名前:
達也
ニックネーム:
マカロニグラタン
紹介文:
プロフィールに添える簡単な自己紹介を書き入れてみましょうプロフィールに添える簡単な自己紹介を書き入れてみましょうプロフィールに添える簡単な自己紹介を書き入れてみましょうプロフィールに添える簡単な自己紹介を書き入れてみましょう
アバター画像(プラグイン併用!):

この著者の記事一覧(現在のカスタム投稿に限定):
この著者の”ブログ”記事一覧を見る
※著者別のURLは「https://ブログのURL/カスタム投稿名/author/著者ID/」のフォーマットで表示できるので リンクURLの末尾にこの著者のIDをくっつけるだけ!
カスタムフィールド関連の出力
参考:
Advanced Custom Fieldsの全フィールドタイプを徹底解説
フィールドグループの作成・設定方法
Advanced Custom Fields の取得・表示方法
テキスト系
1行テキスト(値の有無を判定して表示)
テキストエリア
改行も反映されます
数値・レンジ
メール・URL
パスワード(登録の有無で表示を切り替え/値そのものは出さない)
オブジェクト系
画像-配列を設定した場合
下記のように配列で画像に関するデータが保存されるので必要な項目を引き出してechoで出力する。
参考:Advanced Custom Fieldsで画像オブジェクトを使う方法
bool(false)
コードメモ:配列型で保存されているデータを取り出す方法
-----------------------
データ構造
-----------------------
array(
'url' => string()
'alt' => string()
'width' => int()
'height' => int()
'sizes' => array( //入れ子構造
'thumbnail' => string()
'thumbnail-width' => int()
'thumbnail-height' => int()
)
)
----------------------
取り出し方
----------------------
1.get_fieldで必要なデータを取り出す
$hoge = get_field('カスタムフィールド名');
$src = $hoge['url'];
$alt = $hoge['alt'];
$width = $hoge['sizes']['thumbnail-width'];
$height = $hoge['sizes']['thumbnail-height'];
2.echoで取り出したデータをそれぞれ吐き出す
echo $src;
echo $alt;
echo $width;
echo $height;
表示例:デフォルトサイズ
表示例:中サイズのサムネイル(300×225)
画像-URLを設定した場合
画像-IDを設定した場合
ファイル
画像と同様に配列、URL、IDのタイプがあるが基本はURLで十分(ファイル本体とダウンロードするデータ名を使い分けたい時は配列を使う)
登録されていませんWysiwygエディタ
oEmbed
選択肢系
セレクタ
チェックボックス
※タグで囲む場合
ラジオボタン
真偽値
真偽値(値なし/1)が返ってくるので、これを基準にトップページのループにこの記事を表示するかを判定させる。 「値なしだと〜しない」より、値ありをデフォルト設定にして「値ありだと〜する」の方が使い勝手がいい。
1
デフォルトでは[false]は出力されないので出したい場合は下記のようにする
true
関連コンテンツ系
リンク
Warning: Illegal string offset 'title' in /home/uminet/www/wp02/cms/wp-content/themes/test02/single-blog.php on line 417
Warning: Illegal string offset 'url' in /home/uminet/www/wp02/cms/wp-content/themes/test02/single-blog.php on line 418
Warning: Illegal string offset 'target' in /home/uminet/www/wp02/cms/wp-content/themes/test02/single-blog.php on line 419
タイトル:
URL:
開き方:
投稿オブジェクト(単一記事)
※出力方法参考:投稿オブジェクトの出力
記事タイトル:
パーマリンク:https://blog.simplate.net/blog/%e3%82%82%e3%81%ae%e3%81%99%e3%81%94%e3%81%8f%e9%95%b7%e3%81%84%e6%97%a5%e6%9c%ac%e8%aa%9e%e3%81%ae%e3%82%bf%e3%82%a4%e3%83%88%e3%83%ab%e3%81%8c%e4%bb%98%e3%81%84%e3%81%9f%e8%a8%98%e4%ba%8b%e3%81%ae/
サムネイル(URL):
投稿日:2014.01.05
カテゴリ:
ページリンク
※出力方法参考:ページリンクの出力
関連投稿(複数記事)
グローバル変数へセットすることで通常の投稿と同じような関数で値を取得することができる
※出力方法参考:関連オブジェクトの表示
記事が見つかりませんグローバル変数を使わない場合は配列から必要のものを取り出していく
配列から何を呼び出せるのかを確認したい場合はvar_dumpを使うと一覧でみることができる
タクソノミー
ユーザー
jQuery系
Googleマップ
デイトピッカー
デイト & タイムピッカー
タイムピッカー
開催予定: -
カラーピッカー
繰り返しフィールド
※サブフィールドの取得は【the_sub_field】を使う


