Loading...

htmlコーディング 小棹制作所

この記事がよく読まれてます

tumblrでの企画など、お手伝いします
  • fullPage.js ページスクロールで紙芝居のように魅せるWebページが作れるjQueryプラグイン (37,305Views)
  • 初代から大幅にパワーアップして帰ってきた! Owl Carousel 2の紹介とかんたんな設置方法 (18,745Views)
  • 多分一番簡単!ドロワーメニューを実装するためのjQueryプラグイン「drawer」 (18,078Views)
  • [メモ]Macのメールアプリで自動転送(もしくはリダイレクト)設定をする方法 (16,391Views)
  • tumblrのオリジナルテーマ作成入門 tumblrの独自タグを理解しよう (15,963Views)
  • wow.jsとanimate.cssを組み合わせると、かんたんに、かっこいい動きがあるWebページを作れます。 (15,905Views)
  • スマートフォンサイトでよく見る横からニョキッと出現するスライドメニューの実装なら「Sidr」で (15,513Views)
  • 国産のtumblrポートフォリオ用テーマ “Illustfolio2″ がすごくいい! (11,805Views)
  • シンプルだから機能もデザインもかんたんにカスタマイズできるjQueryのカルーセルプラグイン “Owl Carousel” (11,235Views)
  • ミュージシャン・バンド・アーティスト用Webサイト作成のためのTumblrテーマを作ったので配布します (11,165Views)
  • さくっとヘッダー固定のhtmlテーブルが作れるjQueryプラグイン「Fixed Header Table」 (10,754Views)
  • 企業ホームページっぽいレイアウトのTumblrのテーマを作ったので無料配布します (10,694Views)
  • Twitter Bootstrapが3にアップグレードして、さらに使いやすくなった (10,330Views)
  • 翻訳機能をWebサイトに埋め込む方法 (10,273Views)
  • tumblrのオリジナルテーマをゼロから作るのは心が折れるので、スターターテーマを使おう (9,834Views)
  • Twitter Bootstrapの基礎 Twitter Bootstrapってなに? からモーダルウィンドウ作成まで (8,918Views)
  • 細かいカスタマイズができるCSSフレームワーク、”Gumby FRAMEWORK” (6,884Views)
  • Twitter BootstrapベースのWordPress無料テーマ “Roots” (6,611Views)
  • tumblrのテーマに無限スクロール機能を追加する方法 (5,932Views)
  • TwitterBootstrapでも採用されている、たぶんもっとも簡単なレスポンシブ対応テーブルの作り方 (5,502Views)
  • カスタムフィールドで項目になにもテキストを入れない時に自動的にあらかじめ決めておいたテキストを表示させるようにしてみた

    2012年12月21日(金)

    この記事は執筆から1年以上経過しており、情報が古い可能性があります。

    カスタムフィールドになにも記入がないときに、自動的にあらかじめ決められた文言を出力するphpコードの紹介です。

    当ブログページの下の方にある「まとめ」や「参考リンク」などの内容は、カスタムフィールドを使って出力しています。

    ただ、カスタムフィールドをそのまま使うだけだと、「まとめ」や「参考リンク」になにも書くことがないときは、いちいち手打ちで「この記事のまとめはありません。」とか「この記事の参考リンクはありません。」と入力する必要があり、ちょっとスマートではないです。

    phpをちょこっといじって、カスタムフィールドに記入がないときに自動的に文言が入るようにしてみましょう。
    以下、[WordPress] カスタムフィールドで条件分岐する – かちびと.netこちらのページに記載されているコードを元に若干変更を加えたものです。

    コード

    <?php $links = get_post_meta($post->ID, '参考リンク', true); if ($links) { ?>
    <?php echo $links; ?>
    <?php } else { ?>
    この記事の参考リンクはありません。
    <?php } ?>
    

    上記のコードは実際の当ブログページの参考リンクの箇所に使われているカスタムフィールドを出力するためのコードです。

    このコードをsingle.phpのなかの、出力させたい箇所に貼り付けています。

    解説

    カスタムフィールド「参考リンク」の内容を変数「$links」に格納します。
    次にif文でその内容を見て、記入がある場合は

    <?php echo $links; ?>
    

    こちらで「参考リンク」の内容をカスタムフィールドに出力。
    項目がカラの場合は
    「この記事の参考リンクはありません」というテキストを出力します。

    まとめ

    上記のコードを流用する際に変更が必要なポイントを書きます。

    まず、必ず変える必要はありませんが、$linksという変数名。基本的には英文字なら大丈夫ですが、なるべくわかりやすい単語にしましょう。

    次に、1行目の「参考リンク」というカスタムフィールド名。カスタムフィールド作成時に名前を入力しているはずですから、その名前に書き換えてください。

    あとは、項目がカラの時に出力されるテキストですね。これは、各自、自由に変更してください。

    おわりに

    この記事はあなたのお役にたてましたか?
    もしよろしければ・・・

    この記事をみんなに教える?


    筆者に何か教える?

    たとえば、 小棹制作所はこんなこと↓を知りたがっているようです。

    feedlyでブログを購読する?

    follow us in feedly

    筆者にメーッセージを送る?

    なんでもご自由に書いて送ってください。
    ご質問等返信を希望の場合は、メールアドレス等返信先の記載をお忘れなく。

    チェックを入れて送信してください

    Copyright (C) 2012 小棹制作所.
    All rights reserved.