テンプレート: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_category)

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


本文

  • 記事タイトル部分の見出しデザインが崩れていないか、文字が背景からはみ出していたりしないか確認しましょう。
  • the_post_navigation() などで前後の記事のタイトルを出力する場合も、レイアウト崩れが発生していないか確認しましょう。
  • その他、ウィジェットやプラグイン等でいろいろな場所に記事タイトルが出力されるケースが多いので併せて確認しましょう。
  • 用途に応じて、wp_trim_words() 関数を使って文字列をトリミングするという手もあります。

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


コメント欄の表示

コメントは受け付けていません。

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

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

著者名:
達也 海野
ユーザー名(ID):
chipbennett
上の名前:
海野
下の名前:
達也
ニックネーム:
マカロニグラタン
紹介文:
プロフィールに添える簡単な自己紹介を書き入れてみましょうプロフィールに添える簡単な自己紹介を書き入れてみましょうプロフィールに添える簡単な自己紹介を書き入れてみましょうプロフィールに添える簡単な自己紹介を書き入れてみましょう
アバター画像(プラグイン併用!):

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

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

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


テキスト系

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

登録されていません

テキストエリア

初期値がセットされています
改行も反映されます

数値・レンジ

/ 0

メール・URL

/ https://samplecomain.com

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

未登録

オブジェクト系

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

下記のように配列で画像に関するデータが保存されるので必要な項目を引き出して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マップ

取得できる情報:
      

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');」とすることで複数のパーツを作成して読み込んでいくことができます。

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