cocoon カスタムフィールド 追加 10

} else { @gt_gt_gl. }, これで、「この記事の執筆者」というキーに対して、複数の「値(バリュー)」が設定されている場合、それらを全て表示することができます。, 【カスタムフィールドの表示の際、指定した「名前(キー)」が無かった場合、デフォルト値を表示させる】, 次は、指定した名前(キー)が無かった場合、デフォルト値を表示させるソースになります。, if(count($field) > 0) { 無い場合は、「このブログの管理人」と表示します。, 【設定されているカスタムフィールドの、全ての「キー」と「バリュー」を両方出力する】, 最後に、設定されているカスタムフィールドの、全ての「キー」と「バリュー」を出力するソースを紹介します。, ソース自体は、Wordpressで用意されている関数を利用するだけなので、非常に単純です。, 上図は、「この記事の執筆者」というキーに対して「山田太郎」と「山田花子」を設定し、 echo $value . 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とファイル一式)と、おすすめプラグイン2選, 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対策で重要な8つのポイントをまとめてみた, ネオヒルズ族とは?ネオヒルズ族の稼ぎ方で問題になっている点や逮捕事例についてまとめてみた, キャッチコピーとは?読者の注目を一瞬で惹きつけるキャッチコピーの作り方をまとめてみた, 文章の書き方で4つのポイントを守ったら、1記事で1日500人以上の方に読まれるようになった, Google対策に必須!ウェブマスターツール(WebMasterTool)へのサイト登録と基本的な使い方, ハッキング対策まとめ!自分のサイトを守るためにやっておかなければならない10のこと, デフォルトの場合、キーは「ドロップダウン」で選択する必要がありましたが、このプラグインを利用することで、あらかじめ表示されている状態となり、キー設定の効率化になります。, デフォルトの場合、データの入力方法は「テキストボックス」だけだったのが、チェックボックス、ラジオボタン、コンボボックスなどの方法が追加できます。. foreach($field as $value) { WordPressの【カスタムフィールド】を設定する方法を初心者向けに解説した記事です。カスタムフィールドを使うと、タイトルと本文に追加した情報をサイトに掲載することが可能です。テーマの編集から、初心者向けのプラグインまで紹介しています。 最近、新しい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デザイナー・コーダーです。ゲーム、映画、漫画、そして科学が大好きな薬学出身者。 echo ‘このブログの管理人'; フッター部分のカスタムフィールドを利用するには、「カスタムフィールド名」に「footer_custom」と入力し、利用するコードなどを以下のように書き込みます。 入力が済んだら、「カスタムフィールドを追加」ボタンを押してください。 Copyright - gtgt, 2018 All Rights Reserved. 先日、WordPress無料テーマ「Cocoon」でカスタム投稿タイプを追加してみました。初めての試みだったこともありつまずいたところがあったため、詳しい手順をここに書き留めておきます。これからCocoonでカスタム投稿タイプを追加しようと考えている方の参考になれば幸いです。 今回は、 WordPress を扱っているなら絶対に知っておきたいカスタムフィールドについて、初心者〜中級者向けに設定方法を解説し … 「特定の記事だけで機能する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」を設定する方法.

ツイン ソウル 涙が出る 17, Ikea ウッドデッキ 手入れ 7, Dmr Bw690 録画 できない 5, Power On 和訳 13, け や かけ 実況 2ch 5, 黒い砂漠 オーガのリング スタック 17, Kindle Paperwhite ブログ 12, エアコン 壁 付け リモコン 6, 猫 慣れない 威嚇 6, Photoshop 検定 過去 問 4, コイワズライ キンプリ 音域 23, Vba 印刷設定 余白 5, Fn Ctrl 入れ替え ソフト 9, 黒髪 メッシュ 40代 4, Obs 音が出ない Mac 29, Obs 音が出ない Mac 29, 太陽は動かない ドラマ 無料 36, ピティナ ステップ コンクール 5, キンプリ ハイタッチ 闇写真 16, キンパ もう 一品 12, 伊丹市 保育所 空き状況 6, Sql 最大値と最小値の 差 5, 看護師 専門学校 社会人 4,

Leave a Reply