テンプレート:single-blog.php

ブログの詳細ページ用テンプレートファイルです。

body_class();タグで出される値:class="wp-singular blog-template-default single single-blog postid-1149 wp-theme-test02 defaultClass"


タイトル:テンプレート: ピンバックとトラックバック

記事ID:1149
class="hoge post-1149 blog type-blog status-publish hentry blog_category-yahoo"

■アイキャッチ画像(サイズ調整):

■URLのみ:

日付:2012年1月1日
更新日:2020年02月22日(土)
著者:testuser


タクソノミー関連の出力いろいろ

■カテゴリー(タクソノミー名:blog_category)

■タグ(タクソノミー名:blog_tag)


本文

この投稿には多数のピンバックとトラックバックがつけられています。

一覧表示する方法はいくつかあります。

  1. コメントの上にすべて表示
  2. コメントの下にすべて表示
  3. 通常のコメントの流れに沿って表示

記事が分割されいるときはここにページャーが表示される


コメント欄の表示

“テンプレート: ピンバックとトラックバック” への5件のフィードバック

  1. […] トラックバックのテスト […]

  2. […] 長いトラックバックのテスト。Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec hendrerit gravida nisi. Praesent libero odio, tincidunt nec, fringilla et, mollis ut, ipsum. Proin a lacus quis nisi pulvinar bibendum. Donec massa justo, dapibus at, imperdiet vestibulum, dapibus in, leo. Donec pretium tellus in dui. Phasellus tristique aliquet justo. Donec sodales. Nulla urna mi, molestie ac, malesuada sit amet, sagittis id, lacus. Mauris auctor leo ac justo. Proin convallis. Nulla eleifend dictum mi. Donec at lectus. Integer augue sapien, ornare vitae, rhoncus quis, rhoncus sed, sapien. Nunc mattis diam sodales diam.Etiam porttitor, ante sed varius semper, ante arcu rutrum tortor, at luctus nunc urna id nibh. Fusce sodales. Integer sed ligula. Donec posuere, nibh aliquet auctor congue, augue est porttitor odio, imperdiet facilisis tortor urna vel mauris. Pellentesque pretium, lorem non pellentesque varius, elit diam ultrices mi, sed posuere sapien lectus sed mi. Donec vestibulum urna. Donec gravida elit et enim. Ut dignissim neque ut erat. Morbi tincidunt nunc vitae lorem. Morbi rhoncus mi. Praesent facilisis tincidunt enim. Ut pulvinar. Suspendisse potenti. Vivamus turpis odio, porta at, malesuada in, iaculis eget, odio. Aenean faucibus, urna quis congue dignissim, orci tellus ornare leo, eget viverra ante ipsum sit amet magna. Suspendisse mattis nunc at justo. Nullam malesuada lobortis lorem. Morbi ultricies. Nam risus erat, sagittis ut, tristique rhoncus, luctus id, ante. Maecenas ac dui. […]

  3. […] 短いコメント […]

  4. […] 短いコメント […]

  5. アバター 田中太郎 より:

    これはピンバックとトラックバックの間に含まれるコメントの例です。

コメントリストのみの表示

[…] トラックバックのテスト […]

[…] 長いトラックバックのテスト。Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec hendrerit gravida nisi. Praesent libero odio, tincidunt nec, fringilla et, mollis ut, ipsum. Proin a lacus quis nisi pulvinar bibendum. Donec massa justo, dapibus at, imperdiet vestibulum, dapibus in, leo. Donec pretium tellus in dui. Phasellus tristique aliquet justo. Donec sodales. Nulla urna mi, molestie ac, malesuada sit amet, sagittis id, lacus. Mauris auctor leo ac justo. Proin convallis. Nulla eleifend dictum mi. Donec at lectus. Integer augue sapien, ornare vitae, rhoncus quis, rhoncus sed, sapien. Nunc mattis diam sodales diam.Etiam porttitor, ante sed varius semper, ante arcu rutrum tortor, at luctus nunc urna id nibh. Fusce sodales. Integer sed ligula. Donec posuere, nibh aliquet auctor congue, augue est porttitor odio, imperdiet facilisis tortor urna vel mauris. Pellentesque pretium, lorem non pellentesque varius, elit diam ultrices mi, sed posuere sapien lectus sed mi. Donec vestibulum urna. Donec gravida elit et enim. Ut dignissim neque ut erat. Morbi tincidunt nunc vitae lorem. Morbi rhoncus mi. Praesent facilisis tincidunt enim. Ut pulvinar. Suspendisse potenti. Vivamus turpis odio, porta at, malesuada in, iaculis eget, odio. Aenean faucibus, urna quis congue dignissim, orci tellus ornare leo, eget viverra ante ipsum sit amet magna. Suspendisse mattis nunc at justo. Nullam malesuada lobortis lorem. Morbi ultricies. Nam risus erat, sagittis ut, tristique rhoncus, luctus id, ante. Maecenas ac dui. […]

[…] 短いコメント […]

[…] 短いコメント […]

アバター 田中太郎 より:

これはピンバックとトラックバックの間に含まれるコメントの例です。

著者情報の表示(!カスタム投稿バージョン!)

著者名:
testuser
ユーザー名(ID):
WP-Hangouts
上の名前:
クライアント用アカウント
下の名前:

ニックネーム:
testuser
紹介文:
testuser@example.com iew34rgvtr
アバター画像(プラグイン併用!):

この著者の記事一覧(現在のカスタム投稿に限定):
この著者の”ブログ”記事一覧を見る
※著者別のURLは「https://ブログのURL/カスタム投稿名/author/著者ID/」のフォーマットで表示できるので リンクURLの末尾にこの著者のIDをくっつけるだけ!

カスタムフィールド関連の出力

参考:
Advanced Custom Fieldsの全フィールドタイプを徹底解説
フィールドグループの作成・設定方法
Advanced Custom Fields の取得・表示方法


テキスト系

1行テキスト(値の有無を判定して表示)

登録されていません

テキストエリア

数値・レンジ

メール・URL

パスワード(登録の有無で表示を切り替え/値そのものは出さない)

未登録

オブジェクト系

画像-配列を設定した場合

下記のように配列で画像に関するデータが保存されるので必要な項目を引き出してechoで出力する。
参考:Advanced Custom Fieldsで画像オブジェクトを使う方法

NULL

コードメモ:配列型で保存されているデータを取り出す方法

-----------------------
データ構造
-----------------------
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)が返ってくるので、これを基準にトップページのループにこの記事を表示するかを判定させる。 「値なしだと〜しない」より、値ありをデフォルト設定にして「値ありだと〜する」の方が使い勝手がいい。


  

デフォルトでは[false]は出力されないので出したい場合は下記のようにする

false  

関連コンテンツ系

リンク

※配列から必要なものを取得/表示する
タイトル:
URL:
開き方:

投稿オブジェクト(単一記事)

※出力方法参考:投稿オブジェクトの出力

記事タイトル:
パーマリンク:https://blog.simplate.net/blog/template-pingbacks-an-trackbacks/
サムネイル(URL):
投稿日:2012.01.01
カテゴリ:

ページリンク

※出力方法参考:ページリンクの出力

関連投稿(複数記事)

グローバル変数へセットすることで通常の投稿と同じような関数で値を取得することができる

※出力方法参考:関連オブジェクトの表示

記事が見つかりません

グローバル変数を使わない場合は配列から必要のものを取り出していく


配列から何を呼び出せるのかを確認したい場合はvar_dumpを使うと一覧でみることができる

      

タクソノミー

カテゴリー名(ブロクのタクソノミー別アーカイブ):

ユーザー

ユーザー名(ブロクの著者別アーカイブ):

jQuery系

Googleマップ

取得できる情報:
      

GoogleMapを開く

デイトピッカー

年月日(曜日):

デイト & タイムピッカー

タイムピッカー

デイトピッカーとタイムピッカー(x2)を組み合わせることでセミナー情報っぽいフォーマットをつくることができる
開催予定: -

カラーピッカー


繰り返しフィールド

参考: ACF 繰り返しフィールドの表示方法

※サブフィールドの取得は【the_sub_field】を使う

    記事が見つかりません

sidebar.php

ウィジェット

人気の記事

カテゴリー(ドロップダウン)

アーカイブ

カレンダー

2026年1月
 1234
567891011
12131415161718
19202122232425
262728293031  

サイドバーで個別に使いそうなもの
検索フォーム

※この検索フォームは【物件情報】のみを対象とするようになっています。(functions.php使用)


カテゴリー(投稿タイプ:blog)

タグ(投稿タイプ:blog)

アーカイブ(投稿タイプ:blog)

固定ページ

物件タイプ(タクソノミー名:property_type)

※このタクソノミーは【物件情報】と【施工事例】2つカスタム投稿タイプで共有しているためそれらの合計数が出てしまう。 解決策(functions.php使用)


物件エリア(タクソノミー名:property_area)※階層構造あり

物件オプション(タクソノミー名:property_option)

人気記事の表示(プラグイン:WordPress Popular Postsと連携)

最新記事を5件取得(サブループ)

お問い合わせエリアを共通パーツ化してテーマフォルダに保存しています。

テーマフォルダ内に「content.php」という名前で保存した場合は「get_template_part('content');」だけで読み込むことができます。
「content-sample.php」という名前で保存した場合は「get_template_part('content','sample');」とすることで複数のパーツを作成して読み込んでいくことができます。

インターネットからのお問い合わせ