テンプレート:single-blog.php
ブログの詳細ページ用テンプレートファイルです。
body_class();タグで出される値:class="wp-singular blog-template-default single single-blog postid-2186 wp-theme-test02 defaultClass"
タイトル:アドバンストカスタムフィールド用のテスト記事-001
記事ID:2186
class="hoge post-2186 blog type-blog status-publish has-post-thumbnail hentry blog_category-campaign-website blog_category-design blog_tag-trend blog_tag-309 blog_tag-303 blog_tag-kaden-seihin"
■アイキャッチ画像(サイズ調整):
■URLのみ:
https://blog.simplate.net/cms/wp-content/uploads/2008/06/dsc04563.jpg
日付:2020年2月19日
更新日:2023年09月23日(土)
著者:admin
タクソノミー関連の出力いろいろ
本文
レプリケーターまで後もう少し?
転送装置、光速で移動できる宇宙船… Star Trek(スタートレック)は私たちに、23世紀が待ち遠しくなるような素晴らしい未来の技術を見せてくれました。しかし、そのすべてが私たちが白骨になった後まで登場しないとは限りません。というのも、3Dプリンタがレプリケーターの実現に向けて大きな一歩を踏み出したからです。
製造業やプロトタイプ制作では何十年も使われてきたツールですが、MakerBotのような企業が3Dプリンタを小さく、安くして家庭でも使えるようにするまで、何もないところからパーツや食べ物を作り出す、Star Trekのレプリケーターと比較されることはありませんでした。しかし、実際の3Dプリンタはレプリケーターというには程遠いのが現実です。現在は3DCGのモデルをプラスチックの物体に変えることができますが、サイズ次第では数時間から何日も待たないとプリントが完成しません。
しかし、スイス連邦工科大学ローザンヌ校(EPFL)のLaboratory of Applied Photonics Devicesは、光造形法によって、小さくてディテールも細かい3次元の物体を、数時間ではなく数十秒でプリントできるプリンタを開発しました。
!!ここで一旦記事を分割!!
コメント欄の表示
“アドバンストカスタムフィールド用のテスト記事-001” への6件のフィードバック
admin へ返信する コメントをキャンセル
コメントリストのみの表示
肺炎を引き起こす新型コロナウイルスの感染が拡大する中、サッカーのJリーグが21日、神奈川県平塚市のShonanBMWスタジアム平塚でのJ1湘南―浦和で開幕した。約1万5千人収容で、チケットがほぼ完売となった会場では感染予防策が実施され、マスク姿の観客が目立った。
スペインのバルセロナで今年最初のF1公式プレシーズンテストが行われている
著者情報の表示(!カスタム投稿バージョン!)
admin
ユーザー名(ID):
admin
上の名前:
下の名前:
ニックネーム:
admin
紹介文:
アバター画像(プラグイン併用!):
この著者の記事一覧(現在のカスタム投稿に限定):
この著者の”ブログ”記事一覧を見る
※著者別のURLは「https://ブログのURL/カスタム投稿名/author/著者ID/」のフォーマットで表示できるので リンクURLの末尾にこの著者のIDをくっつけるだけ!
カスタムフィールド関連の出力
参考:
Advanced Custom Fieldsの全フィールドタイプを徹底解説
フィールドグループの作成・設定方法
Advanced Custom Fields の取得・表示方法
テキスト系
1行テキスト(値の有無を判定して表示)
テキストエリア
長い制作プロセスの間に壊れてしまうことが多いからです。しかし、EPFLの新しい方法はそういったことに最適です。さらに、物理的に接触しながら作るのではなく、心臓や筋肉組織などを密閉された空間で作るので、そこから汚染される心配も大幅に減ります。
数値・レンジ
メール・URL
パスワード(登録の有無で表示を切り替え/値そのものは出さない)
オブジェクト系
画像-配列を設定した場合
下記のように配列で画像に関するデータが保存されるので必要な項目を引き出してechoで出力する。
参考:Advanced Custom Fieldsで画像オブジェクトを使う方法
array(24) {
["ID"]=>
int(827)
["id"]=>
int(827)
["title"]=>
string(22) "OLYMPUS DIGITAL CAMERA"
["filename"]=>
string(19) "manhattansummer.jpg"
["filesize"]=>
int(132460)
["url"]=>
string(76) "https://blog.simplate.net/cms/wp-content/uploads/2012/07/manhattansummer.jpg"
["link"]=>
string(71) "https://blog.simplate.net/blog/test-article-001/olympus-digital-camera/"
["alt"]=>
string(36) "オリンパスデジタルカメラ"
["author"]=>
string(1) "3"
["description"]=>
string(0) ""
["caption"]=>
string(0) ""
["name"]=>
string(22) "olympus-digital-camera"
["status"]=>
string(7) "inherit"
["uploaded_to"]=>
int(2186)
["date"]=>
string(19) "2012-07-05 18:07:34"
["modified"]=>
string(19) "2020-03-09 07:56:25"
["menu_order"]=>
int(0)
["mime_type"]=>
string(10) "image/jpeg"
["type"]=>
string(5) "image"
["subtype"]=>
string(4) "jpeg"
["icon"]=>
string(66) "https://blog.simplate.net/cms/wp-includes/images/media/default.png"
["width"]=>
int(640)
["height"]=>
int(480)
["sizes"]=>
array(18) {
["thumbnail"]=>
string(84) "https://blog.simplate.net/cms/wp-content/uploads/2012/07/manhattansummer-150x150.jpg"
["thumbnail-width"]=>
int(150)
["thumbnail-height"]=>
int(150)
["medium"]=>
string(84) "https://blog.simplate.net/cms/wp-content/uploads/2012/07/manhattansummer-300x225.jpg"
["medium-width"]=>
int(300)
["medium-height"]=>
int(225)
["medium_large"]=>
string(76) "https://blog.simplate.net/cms/wp-content/uploads/2012/07/manhattansummer.jpg"
["medium_large-width"]=>
int(640)
["medium_large-height"]=>
int(480)
["large"]=>
string(76) "https://blog.simplate.net/cms/wp-content/uploads/2012/07/manhattansummer.jpg"
["large-width"]=>
int(640)
["large-height"]=>
int(480)
["1536x1536"]=>
string(76) "https://blog.simplate.net/cms/wp-content/uploads/2012/07/manhattansummer.jpg"
["1536x1536-width"]=>
int(640)
["1536x1536-height"]=>
int(480)
["2048x2048"]=>
string(76) "https://blog.simplate.net/cms/wp-content/uploads/2012/07/manhattansummer.jpg"
["2048x2048-width"]=>
int(640)
["2048x2048-height"]=>
int(480)
}
}
コードメモ:配列型で保存されているデータを取り出す方法
-----------------------
データ構造
-----------------------
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を設定した場合
https://blog.simplate.net/cms/wp-content/uploads/2012/07/manhattansummer.jpg画像-IDを設定した場合
827ファイル
画像と同様に配列、URL、IDのタイプがあるが基本はURLで十分(ファイル本体とダウンロードするデータ名を使い分けたい時は配列を使う)
ファイルのダウンロードWysiwygエディタ
3Dプリンタの課題
MakerBotなどの企業から販売されている3Dプリンタは、液状のプラスチックをノズルから押し出し、特定の形の薄い層を作ります。これを何度も重ねていくことで長い時間をかけて形を作り出すわけです。この方法は安価で行なうことができますが、物体につけられるディテールが制限されてしまいます。光造形法(SLA)を採用しているプリンタは少し違います。モデル自体は相変わらず一層ずつ作成されますが、液状のプラスチックを押し出すのではなく、高精度の光を照射して液状レジンを固めます。この方法だと、光の精度のおかげで、モデルには細かいディテールを施すことができるようになります。しかし、それだけではまだかなり時間がかかってしまいます。
複数のレーザーを同時に照射、短時間かつ高精度に
EPFLの研究者たちは、1本のレーザーではなく、複数の位置から同時にレーザーを照射することを考えたのでした。ビームの角度や強さを注意深く調節することで、あたかも何もないところから3Dの物体が、ものの30秒ほどで現れるように見えるのです。

Sydney Harbor Bridge
現在主流の方法は、人工臓器や人工筋肉など柔らかいものには不向きです。長い制作プロセスの間に壊れてしまうことが多いからです。しかし、EPFLの新しい方法はそういったことに最適です。さらに、物理的に接触しながら作るのではなく、心臓や筋肉組織などを密閉された空間で作るので、そこから汚染される心配も大幅に減ります。
oEmbed
選択肢系
セレクタ
チェックボックス
※タグで囲む場合
- シアン
- マゼンタ
- イエロー
ラジオボタン
真偽値
真偽値(値なし/1)が返ってくるので、これを基準にトップページのループにこの記事を表示するかを判定させる。 「値なしだと〜しない」より、値ありをデフォルト設定にして「値ありだと〜する」の方が使い勝手がいい。
1
デフォルトでは[false]は出力されないので出したい場合は下記のようにする
true
関連コンテンツ系
リンク
タイトル:Google.com
URL:https://www.google.com/
開き方:_blank
投稿オブジェクト(単一記事)
※出力方法参考:投稿オブジェクトの出力
記事タイトル:クライアントユーザーによる投稿
パーマリンク:https://blog.simplate.net/blog/%e3%82%af%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%b3%e3%83%88%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%81%ab%e3%82%88%e3%82%8b%e6%8a%95%e7%a8%bf/
サムネイル(URL):https://blog.simplate.net/cms/wp-content/uploads/2008/06/dsc04563.jpg
投稿日:2020.01.29
カテゴリ:キャンペーンサイト / デザイン
ページリンク
関連投稿(複数記事)
グローバル変数へセットすることで通常の投稿と同じような関数で値を取得することができる
※出力方法参考:関連オブジェクトの表示
-
クライアントユーザーによる投稿WordPress納品時のメモ クライアント用のユーザーとして編集者権限のユーザーを作成し、このユーザーのログイン情報のみをクライアントに提供する。 また、管理者権限でこの編集者ユーザーがログインしているときの表示メニュ…↓カスタム投稿&フィールドも取得できる↓
-
テンプレート: 先頭固定表示先頭固定表示投稿です。 以下を確認してください。 先頭に固定表示する投稿は、何らかの形で通常の投稿と差をつけてその違いが認識できるようにしてください。post_class() 関数を使って投稿の class を生成してい…
↓カスタム投稿&フィールドも取得できる↓
-
テンプレート: ピンバックとトラックバックこの投稿には多数のピンバックとトラックバックがつけられています。 一覧表示する方法はいくつかあります。 コメントの上にすべて表示 コメントの下にすべて表示 通常のコメントの流れに沿って表示
↓カスタム投稿&フィールドも取得できる↓
-
北海道札幌市東区北二十六条東3-768-6■「新宿」駅へ直通35分、特急停車「北野」駅徒歩11分、駅からフラットアプローチ! ■共用部も専有部も丸ごとリノベーション!月々5万円台から!! ◆全戸南向きの明るい配棟計画 ◆キッズスペース、カフェスペース、キッチン共…
↓カスタム投稿&フィールドも取得できる↓
グローバル変数を使わない場合は配列から必要のものを取り出していく
クライアントユーザーによる投稿テンプレート: 先頭固定表示
テンプレート: ピンバックとトラックバック
北海道札幌市東区北二十六条東3-768-6
茨城県行方市中根521-20
配列から何を呼び出せるのかを確認したい場合はvar_dumpを使うと一覧でみることができる
array(5) {
[0]=>
object(WP_Post)#2879 (24) {
["ID"]=>
int(2125)
["post_author"]=>
string(1) "4"
["post_date"]=>
string(19) "2020-01-29 19:00:49"
["post_date_gmt"]=>
string(19) "2020-01-29 10:00:49"
["post_content"]=>
string(667) "Wordpress納品時のメモ
クライアント用のユーザーとして編集者権限のユーザーを作成し、このユーザーのログイン情報のみをクライアントに提供する。
また、管理者権限でこの編集者ユーザーがログインしているときの表示メニュー等を制限することで不要な機能のアクセスしたり、アップデートのメッセージが出ないようにすることができる。
"
["post_title"]=>
string(45) "クライアントユーザーによる投稿"
["post_excerpt"]=>
string(0) ""
["post_status"]=>
string(7) "publish"
["comment_status"]=>
string(6) "closed"
["ping_status"]=>
string(6) "closed"
["post_password"]=>
string(0) ""
["post_name"]=>
string(135) "%e3%82%af%e3%83%a9%e3%82%a4%e3%82%a2%e3%83%b3%e3%83%88%e3%83%a6%e3%83%bc%e3%82%b6%e3%83%bc%e3%81%ab%e3%82%88%e3%82%8b%e6%8a%95%e7%a8%bf"
["to_ping"]=>
string(0) ""
["pinged"]=>
string(0) ""
["post_modified"]=>
string(19) "2022-09-16 14:53:29"
["post_modified_gmt"]=>
string(19) "2022-09-16 05:53:29"
["post_content_filtered"]=>
string(0) ""
["post_parent"]=>
int(0)
["guid"]=>
string(33) "https://blog.simplate.net/?p=2125"
["menu_order"]=>
int(0)
["post_type"]=>
string(4) "blog"
["post_mime_type"]=>
string(0) ""
["comment_count"]=>
string(1) "0"
["filter"]=>
string(3) "raw"
}
[1]=>
object(WP_Post)#2878 (24) {
["ID"]=>
int(1241)
["post_author"]=>
string(1) "2"
["post_date"]=>
string(19) "2012-01-07 07:07:21"
["post_date_gmt"]=>
string(19) "2012-01-06 22:07:21"
["post_content"]=>
string(1224) "先頭固定表示投稿です。
以下を確認してください。
- 先頭に固定表示する投稿は、何らかの形で通常の投稿と差をつけてその違いが認識できるようにしてください。post_class() 関数を使って投稿の class を生成している場合、
.stickyクラスにスタイルを追加できます。この方法が最適なやり方です。 - ブログのインデックスページでは、もし時系列的に後の方に出現する投稿であったとしても一番先頭に表示されるべきです。
- 時系列的に正しい位置でももう一度表示されるべきです。その際には固定表示向けの特別なスタイルは必要ありません。
- 人気の投稿やコメントを一覧表示するプラグインやウィジェットを使っている場合、この先頭固定表示投稿が実際に人気があるのではない限りは常に上位表示されないようにしてください。
- コメントの上にすべて表示
- コメントの下にすべて表示
- 通常のコメントの流れに沿って表示
タクソノミー
ユーザー
jQuery系
Googleマップ
array(10) {
["address"]=>
string(72) "日本、〒370-0851 群馬県高崎市上中居町1136−14"
["lat"]=>
float(36.318464678877)
["lng"]=>
float(139.03524829312)
["zoom"]=>
int(12)
["place_id"]=>
string(27) "ChIJz_0WGbaSHmARobvbcPP4amE"
["city"]=>
string(9) "高崎市"
["state"]=>
string(9) "群馬県"
["post_code"]=>
string(8) "370-0851"
["country"]=>
string(6) "日本"
["country_short"]=>
string(2) "JP"
}
デイトピッカー
2020年03月21日(土)
デイト & タイムピッカー
タイムピッカー
開催予定:2020年03月21日(土)20:20 - 20:20
カラーピッカー
繰り返しフィールド
※サブフィールドの取得は【the_sub_field】を使う
-

ワークチェア(N ターゲット)
3,695円(税別)背中にあわせたラインに加え、疲れやすい腰部分をサポートするクッション付き。
-

ワークチェア(オワン WH)
7,399円(税別)体にフィットする座面と樹脂製の背もたれ。軽量で圧迫感の少ないコンパクトデザイン。
-

ワークチェア(インバネスU OR)
7,399円(税別)人工臓器や人工筋肉など柔らかいものには不向きです。 長い制作プロセスの間に壊れてしまうことが多いからです。しかし、EPFLの新しい方法はそういったことに最適です。さらに、物理的に接触しながら作るのでは
-

ワークチェア(N キャドレ RE)
5,547円(税別)背もたれは、メッシュ素材を使用し長時間でも快適に座れます。
-

ワークチェア(インバネス BK)
7,399円(税別)長時間座っていても疲れにくい角度・背の当たり。さらにメッシュ仕様で通気性もあるリーズナブルなハイバックチェア。
-

ワークチェア(コルテス RE)
9,250円(税別)リラックスできる可動式ヘッドレスト。高さ・角度4段階調整可能。座面のメッシュは立体メッシュで通気性に優れ、滑りにくい。






米大リーグ、マリナーズは20日(日本時間21日)、イチロー会長付特別補佐兼インストライクター(46)が3月26日(同3月27日)に本拠地Tモバイルパークで開催されるレンジャーズとのシーズン開幕戦で始球式を行うと発表した。
そこで大きな話題を呼んでいるの。
シーズン開幕戦で始球式を行うと発表した
肺炎を引き起こす新型コロナウイルスの感染が拡大する中、サッカーのJリーグが21日、神奈川県平塚市のShonanBMWスタジアム平塚でのJ1湘南―浦和で開幕した。約1万5千人収容で、チケットがほぼ完売となった会場では感染予防策が実施され、マスク姿の観客が目立った。
スペインのバルセロナで今年最初のF1公式プレシーズンテストが行われている
test