}, これで、「この記事の執筆者」というキーに対して、複数の「値（バリュー）」が設定されている場合、それらを全て表示することができます。, 【カスタムフィールドの表示の際、指定した「名前（キー）」が無かった場合、デフォルト値を表示させる】, 次は、指定した名前（キー）が無かった場合、デフォルト値を表示させるソースになります。, if(count($field) > 0) { echo $value . WordPress には、「カスタムフィールド」と呼ばれる、記事の タイトル や本文以外に別の情報を追加してサイトに掲載する属性を設定できる機能があります。. フッター部分のカスタムフィールドを利用するには、「カスタムフィールド名」に「footer_custom」と入力し、利用するコードなどを以下のように書き込みます。 入力が済んだら、「カスタムフィールドを追加」ボタンを押してください。 「特定の記事だけで機能するJavaScriptとcssの記載方法」です。「head_custom」「footer_custom」で設定します。, 「スクリプトやCSSで特定のファイルを読み込ませる場合」→「カスタムフィールドのhead_customを利用した方が良い」「フッターで読み込みたい場合」→「footer_customを利用すると良い」, 「投稿内で、カスタムフィールドを利用する方法がわからい 」です。ダッシュボードを探しても、「head_custom」が見当たらないです。, 迷いに迷って、これまで触れてもいない箇所に？設定ボタンがありました。や～。GUIは迷子になります。, これで解決！と思ったんですが無いんですね～。「 head_custom」「footer_custom」が・・！？, とりあえず、適当な名前のフィールドを追加して、「 head_custom」「footer_custom」と名前を変更して「更新」！・・っと、出来たようです。保存して、HTMLソースを確認しましょう。文字列が思った位置に挿入されてるでしょうか？, 「 head_custom」はの閉じタグ直前に、指定した文字列を挿入してくれます。, 「footer_custom」は「container」が閉じる直前に、指定した文字列を挿入してくれます。OKです。, カスタムフィールドが、何たるものか知らないのですが、どうやら任意の記事で任意の文字列を任意の場所に挿入できるようです。, これで、特定の記事だけに、任意のJavaScriptやCSSを指定できるようになりました。この機能は、ありがたいですね。ようやく出発できます。, その後、新規に追加する記事では、Cocoonのカスタムフィールドに「head_custom」「footer_custom」が居るようになりました。最初の一歩で迷うようです。, 次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。, サーバーサイドに居たことがあります。フロントエンドは未知の世界です。何もわかりません。, Cocoonで「 head_custom」「footer_custom」を設定する方法. Wordpressのちょっとしたお悩み解決します かゆいところに手がとどくカスタマイズを提供します. foreach($field as $value) { 無い場合は、「このブログの管理人」と表示します。, 【設定されているカスタムフィールドの、全ての「キー」と「バリュー」を両方出力する】, 最後に、設定されているカスタムフィールドの、全ての「キー」と「バリュー」を出力するソースを紹介します。, ソース自体は、Wordpressで用意されている関数を利用するだけなので、非常に単純です。, 上図は、「この記事の執筆者」というキーに対して「山田太郎」と「山田花子」を設定し、 echo get_post_meta($post->ID, ‘この記事の執筆者’, true); $field = get_post_meta($post->ID, ‘この記事の執筆者’, false); the_content( __( ‘Continue reading ’, ‘twentyfourteen’ ) ); WordPressとは？ワードプレスのインストール方法・使い方と、オススメの無料テーマ（テンプレート）・プラグイン紹介, Search Everything – 検索対象をカスタムフィールドにまで広げられるWordPressプラグイン, wordpress（ワードプレス）のバックアップ方法（データベース：mysqlとファイル一式）と、おすすめプラグイン２選, CSRF（クロスサイト・リクエスト・フォージェリ）とは？その仕組みと対策方法について, Chromeで閲覧サイトのCookie情報を確認する方法と、編集・削除・追加する方法も, curlコマンドの使い方 ～GET、POST、REST（json）の確認と、windowsでの利用手順, 「Advanced REST client」の使い方まとめ ～GoogleChromeの拡張ツール, WordPress（ワードプレス)のseo対策で、おすすめのプラグイン、テーマ・テンプレートと、やっておくべ設定, ブランディングの意味とは？企業（会社）や自分（セルフ）のブランドイメージ戦略（手法）は、ブログやデザインが重要, インバウンド（inbound）マーケティングとは？ソーシャルメディア活用など、BtoBの会社（企業）が知るべきWeb事例, メルマガ（メールマガジン配信）の開封率を上げるテンプレート素材（無料・HTML版）の作成（作り方）と、文章の書き方とは, コンテンツ（インバウンド）マーケティングとは？seoとも相性の良い「最新webマーケティング」のセミナー内容について, Web（ネット）マーケティングとは？ウェブコンサルティングのプロが、セミナー（講座）で言った、企業ブログの運営手法, ランディングページとは？landing pageの作り方（制作手順）と、LPO対策で重要な８つのポイントをまとめてみた, ネオヒルズ族とは？ネオヒルズ族の稼ぎ方で問題になっている点や逮捕事例についてまとめてみた, キャッチコピーとは？読者の注目を一瞬で惹きつけるキャッチコピーの作り方をまとめてみた, 文章の書き方で４つのポイントを守ったら、１記事で１日５００人以上の方に読まれるようになった, Google対策に必須！ウェブマスターツール（WebMasterTool）へのサイト登録と基本的な使い方, ハッキング対策まとめ！自分のサイトを守るためにやっておかなければならない１０のこと, デフォルトの場合、キーは「ドロップダウン」で選択する必要がありましたが、このプラグインを利用することで、あらかじめ表示されている状態となり、キー設定の効率化になります。, デフォルトの場合、データの入力方法は「テキストボックス」だけだったのが、チェックボックス、ラジオボタン、コンボボックスなどの方法が追加できます。. echo $value . 最近、新しいWordPressサイトを立ち上げました。テーマはCocoonを初めて導入してみたのですが、無料とは思えないほど充実した機能や、カスタマイズ性の高さに驚きました。, SEO・高速化・モバイルファースト最適化済みのシンプルな無料Wordpressテーマ。100％GPLテーマです。, 運営する上で必要を感じたため、カスタム投稿タイプを追加してみたのですが、初めての試みだったこともありつまずいたところがあったため、詳しい手順をここに書き留めておきます。, スクリーンショット画像を盛り込み、あまりコードに詳しくない方でもわかりやすいように仕上げました。これからCocoonでカスタム投稿タイプを追加しようと考えている方の参考になれば幸いです。, カスタム投稿の一覧ページはサムネイル無しのシンプルなものにしました。HTML/CSSが分かる人なら、自由にデザインすることができます。, function.phpを編集するときは、必ず手を加える前のfunction.phpをダウンロード・保存しておきましょう。このファイルは、テーマを動かすための重要なファイルですので、編集を誤るとブログが表示されなくなる場合があります。万が一ミスしてブログが動かなくなっても、編集前のfunction.phpに差し替えれば元どおりになります。自信のない方は、必ずバックアップをとっておきましょう。, カスタム投稿タイプを追加します。今回はシンプルな「お知らせ」投稿タイプを作ります。, カスタム投稿タイプのスラッグや名前などは、適宜お好きなものに変更してください。これを、子テーマのfunction.phpの末尾に追記します。, WordPressにログインしてみると、これだけでダッシュボードに新しいカスタム投稿タイプが追加されているはず。Cocoonに搭載されているページ設定やメモなど各種機能も、ばっちり使えます。, ただ、このままだと「お知らせ」投稿を作成しても、そのページにアクセスすることができません。, それは、「お知らせ」投稿タイプの本文を表示するためのphpが用意されていないためです。「お知らせ」アーカイブページについても同様に、テンプレートとなるphpがないため表示できません。記事や記事一覧にアクセスしようとすると、いずれも404ページに遷移してしまうはず。, WordPressテーマ開発の決まり事として、phpファイルは以下のように命名される必要があります。, そこで、個別投稿ページ「single.php」を複製し、「single-スラッグ.php」という名前にして、子テーマのfunction.phpと同じ階層に置きます。今回の場合、カスタム投稿タイプのスラッグはnewsなので、ファイル名はsingle-news.phpになります。, これだけでは、新しいカスタム投稿タイプのパーマリンクが生成されていないため、まだ個別ページが表示されないはずです。, そこで、パーマリンク生成のため、WordPressダッシュボード＞設定＞パーマリンク設定で、ページ下部の「変更を保存」ボタンをクリックします。設定内容に変更を加える必要はありません。, これでパーマリンク設定を更新されたため、カスタム投稿タイプの個別ページが表示されるようになります。, テーマ「Cocoon」では、ユーザーの需要・要望に応じた柔軟なカスタマイズ性を実現するため、ブログを構成するパーツごとに細かくphpファイルが分けられ、必要に応じたファイルを呼び出してレイアウトを構築する仕組みになっています。, single.phpを複製して作ったsingle-news.phpの中身を見ると、以下のような記述があります。, 「tmp/single-contents.php」を参照し、このファイルの記述に従って投稿ページの内容を構築する、という指示です。, カスタム投稿ページのデザインを変えたい場合は、tmp/single-contents.phpを参考にして自分で新しいページをデザインし、そのphpファイルを読み込ませるよう、single-news.phpを変更します。, ただ、Cocoonにはarchive.phpが用意されていませんので、代わりにindex.phpを複製します。, 名前は「archive-（スラッグ）.php」に設定します。今回の場合、カスタム投稿タイプのスラッグはnewsなので、archive-news.phpを作成しました。, これでカスタム投稿タイプの一覧ページが作成されました。アドレスは、サイトのURLの後ろにカスタム投稿タイプのスラッグをつけたものになります。, 個別ページのときと同じく、get_template_part(‘tmp/list’); の部分で呼び出しているテンプレートでデザインが決まります。, tmp/list.phpを参考にしつつ自分でテンプレートを作成し、そのテンプレートを読み込ませればデザインを変更できます。, より細かく条件設定したい場合などは、index.phpのの直後に、以下を追記します。, カスタム投稿タイプを使いこなせると、サイトに幅ができます。最初は難しく感じるかもしれませんが、ぜひ挑戦してみてください。, どうしてもうまくいかなかったり、時間をかけずにカスタム投稿タイプを追加したい場合は、有償にて承ります。まずはお気軽にご相談ください！相談は無料です。, 2019.4.6〜プログラミング勉強を始め、同年8月に未経験ながらWeb制作会社に就職したWebデザイナー・コーダーです。ゲーム、映画、漫画、そして科学が大好きな薬学出身者。 } ‘
'; } 先日、WordPress無料テーマ「Cocoon」でカスタム投稿タイプを追加してみました。初めての試みだったこともありつまずいたところがあったため、詳しい手順をここに書き留めておきます。これからCocoonでカスタム投稿タイプを追加しようと考えている方の参考になれば幸いです。 【徹底解説】WordPressカスタムフィールドの設定方法+おすすめプラグイン. その後、新規に追加する記事では、Cocoonのカスタムフィールドに「head_custom」「footer_custom」が居るようになりました。 最初の一歩で迷うようです。 WordPress Memo wordpressのカスタムフィールドとは・・・WordPressの投稿（記事）に、任意の情報（メタデータ）を追加できる機能のことです。, 例えば、下図は、記事の編集ページにて、カスタムフィールドを追加する画面になります。, ここでは、記事に対して、「この記事の執筆者：山田太郎」という情報を追加しているのです。, このように、記事情報として「タイトル」と「本文」だけではなく、任意に項目を追加できる機能が、カスタムフィールドです。, 今回の記事では、この「カスタムフィールド」の設定手順と、設定した「カスタムフィールド」を、記事の公開ページにて表示させる手順。, ※Wordpressの基本的な使い方やインストール手順については、こちらでまとめています→WordPressとは？ワードプレスのインストール方法・使い方と、オススメの無料テーマ（テンプレート）・プラグイン紹介, 当章では、記事の投稿ページにて、カスタムフィールドを設定する手順について、順に解説していきます。, では、まずWordpress管理画面のメニューから「投稿」→「新規追加」を選択して、新規投稿画面を表示してください。, 新規投稿画面が開いたら、上部に「表示オプション」というメニューがあるので、そちらを選択すると、オプション一覧が表示されます（下図、参考）, その中から、「カスタムフィールド」にチェックをつけてください（デフォルトでは、付いていない）, ここで、「カスタムフィールド」の名前（キー）と値（バリュー）を設定し、「カスタムフィールドを追加」ボタンを押下します。, 以上で、設定は終わりですが、これだけでは、記事ページを表示しても、「カスタムフィールド」は表示されません（下図、公開ページ）, 記事の公開ページに、設定した「カスタムフィールド」を表示させるには、利用中のテーマ・テンプレートファイル（PHP）を少しカスタマイズする必要があります。, 当章では、設定した「カスタムフィールド」を、記事ページに表示させるためのカスタマイズ手順について、順に解説していきます。, まず、カスタマイズ対象のファイルは、利用中のテーマ・テンプレートの「content.php（パス：wordpress/wp-content/themes/●●●/content.php）」になります。, ※今回、使用したテーマ・テンプレートは、「TwentyFourteen」になります。, 「content.php」は、記事ページのテンプレートファイルになるので、こちらをカスタマイズすることで、「カスタムフィールド」を表示させることができるんですね。, 「the_content()」では、記事本文が表示されるので、その下に「カスタムフィールド」を表示するソースを追加する。前提で、以降進めていきます。, では、「カスタムフィールド」を表示するソースですが、以下４つに分けましたので、用途に応じて使い分けてください。, ここでは、同じ名前（キー）で、値（バリュー）が複数設定されている場合を考慮して、複数の「値（バリュー）」を表示するソースを紹介します。, foreach($field as $value) { @gt_gt_gl. WordPressの【カスタムフィールド】を設定する方法を初心者向けに解説した記事です。カスタムフィールドを使うと、タイトルと本文に追加した情報をサイトに掲載することが可能です。テーマの編集から、初心者向けのプラグインまで紹介しています。 「この記事の管理者」というキーに対して「佐藤太郎」を設定した表示例になります。, WordPressのカスタムフィールドには、もっと拡張性を高くし、使いやすくするプラグインがあります。, その代表的なプラグインが、「カスタムフィールドテンプレート(Custom field Template)」になります。, 上図からも、キーはあらかじめ表示されていて、入力方法もテキストだけじゃなく、コンボボックスやチェックボックスなどが追加されている事が分かります。, wordpressのカスタムフィールドで設定した値は、デフォルトだと検索対象外となっています。, 例えば、下図のようにカスタムフィールドを設定していたとして、「山田太郎」と検索したとしても、この記事は検索に引っかかりません。, そこで当章では、カスタムフィールドもちゃんと検索対象にするプラグインを紹介します。, 「Search Everything」は、WordPressの検索機能の検索対象を広げることができるプラグインです。, インストールや設定手順（使い方）については、下記記事にてまとめているので、ぜひ参考にしてください。, ・Search Everything – 検索対象をカスタムフィールドにまで広げられるWordPressプラグイン. Copyright - gtgt, 2018 All Rights Reserved. else { 今回は、 WordPress を扱っているなら絶対に知っておきたいカスタムフィールドについて、初心者〜中級者向けに設定方法を解説し … echo ‘このブログの管理人'; }, 上記は、「この記事の執筆者」のキーにひもづく「値（バリュー）」がある場合は、その値を表示し、 Cocoonは、カスタムフィールドに16の値と投稿画面に10のボックスを追加しますが、完全に無効にする方法を紹介します。バージョン: 1.5.1.1で動作確認済みです。 もっと詳しく 本来WordPressの投稿画面ではタイトルと本文しか編集できませんが、カスタムフィールドを活用すれば、画像やテキストなどを追加して編集することが可能です。 ‘
'; 当章では、記事の投稿ページにて、カスタムフィールドを設定する手順について、順に解説していきます。 では、まずWordpress管理画面のメニューから「投稿」→「新規追加」を選択して、新規投稿画面を表示してください。 新規投稿画面が開いたら、上部に「表示オプション」というメニューがあるので、そちらを選択すると、オプション一覧が表示されます（下図、参考） その中から、「カスタムフィールド」にチェックをつけてください（デフォルトでは、付いていない） すると、「カスタムフ…
Ehr 給与明細 吉野家 45, 神宮球場 マウンド 低い 21, 京 大 数学 極限 6, Bmw F10 足回り交換 8, マイクラ 影mod スイッチ 5, クリスタ Pc 買い替え 4, Blu Ray ドライブ Kakaku 12, Youtube 映画 フル 洋画 無料 5, トマト ピクルス 栗原はるみ 6, マックスレイドバトル ローカル できない 28, ソンジェ ジョイ 再会 5, Mini リコール 2020 12, ブルーレイ ディーガ 録画一覧が出ない 5, Illustrator Cc(レガシー 保存) 7, 投資 断り方 友達 9, トイザらス 山口 在庫 5, 積立nisa 特定口座 使い分け 9, Evernote 音声ファイル テキスト化 6, 近江 八幡 イオン チラシ 16, Php Mktime 曜日 5, リクシル ロール網戸 掃除 6, レトロ パチンコ 一覧 6, 共同ホスト Zoom できること 14, ファイルメーカー 印刷設定 保存 されない 6,