人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

htmlで以下の記述で表示させている部分をwordpressのカスタムフィールドテンプレートで登録できるようにしたいのですが、記述方法を教えてください。
"http://www.gopano.com/embed/○○○"の部分がページごとに変動するので都度登録できるようにしたいです。

<a href="http://www.gopano.com/embed/○○○"><img alt="" src="http://www.*******.com/wp-content/uploads/aaa.jpg" width="240" height="54" /></a>

●質問者: kaji0245
●カテゴリ:ウェブ制作
○ 状態 :終了
└ 回答数 : 1/1件

▽最新の回答へ

1 ● rouge_2008
●100ポイント ベストアンサー

一つ前の質問と共通ですね?
http://q.hatena.ne.jp/1359469647

custom-field-template内の設定を以下で表示させているのですが、記述したテキスト(URL)をリンクテキストにしてURL先に飛ぶようにしたいのですが、方法を教えてください<(_ _)>

[Url]
type = text
size = 35
label = URL


ループ内に次のように記述してみてください。

<a href="<?php echo post_custom('Url'); ?>"><img alt="" src="http://www.*******.com/wp-content/uploads/aaa.jpg" width="240" height="54" /></a>

※カスタムフィールドの値の表示「<?php echo post_custom('Url'); ?>」の箇所は、「<?php echo get_post_meta(get_the_ID(),'Url',true); ?>」でも可能です。

「WordPressでカスタムフィールドを出力する方法のまとめ」
http://www.koikikukan.com/archives/2011/02/03-015555.php


kaji0245さんのコメント
いつもありがとうございます。 厳密にいうと前質問とは別件(別項目)です。 今回の分は現在iframe内で表示させておりますが、 前質問の件は、現在表(テーブル)内にサイトアドレスがリンクなしでテキスト表示されるのみです。

rouge_2008さんのコメント
それでは、表(テーブル)内での表示で、上記回答の記述を(※必要があれば画像表示部分を任意のテキストに変更するなどして)利用すると良さそうですね。 iframeを設置しているページの種類は分かりませんが、フレーム内に読み込んでいるページが個別投稿または固定ページ、あるいは何らかのアーカイブページで、これらに表示している各投稿にはカスタムフィールド「Url」を設定してある状態でしょうか? この場合、WordPressループを適切に利用してあれば、同じく上記回答の記述で問題なく表示されると思います。 上手く動作しないという場合は、iframeを設置してあるページ、フレーム内に読み込んでいるページ、カスタムフィールド「Url」を設定したページなどの詳細を知らせてください。

kaji0245さんのコメント
iframe内の記述はおかげさまでうまくいきました。 テキストリンクの方が以下でもリンク文字が表示されません。 >|| <tr><td width="20%" class="name">URL</td><td><a href="<?php echo post_custom('Url'); ?>"></a></td></tr> ||<

rouge_2008さんのコメント
リンク文字が抜けているのはコピペミスですか? 「&lt;a href="&lt;?php echo post_custom('Url'); ?&gt;"&gt;ここにリンク文字がありません・・・&lt;/a&gt;」

kaji0245さんのコメント
リンク文字もURLを表示させたいのですが?(^-^;

rouge_2008さんのコメント
その場合は以下で表示されると思います。 >|| <tr><td width="20%" class="name">URL</td><td><a href="<?php echo post_custom('Url'); ?>"><?php echo post_custom('Url'); ?></a></td></tr> ||<

kaji0245さんのコメント
バッチリでした?ありがとうございます<(_ _)>
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ