カスタムフィールドを使ったサムネイル表示｜Webクリエイターネット
Category WordPress WordPressを使ってCMSサイトを構築する場合、サムネイル画像をページ側に出力することってよくありますよね？(私の場合、しょっちゅうあるんですが...) WordPressのデフォルトの機能で実装すると、"アイキャッチ画像を指定"しなくてはいけません。クライアントさんからすると、「アイキャッチ画像って何？」とか、ついつい指定し忘れることもよくありますよね...。 そこで、今回紹介するのは... 1.カスタムフィールドで複数の画像をアップロードし、一覧ページで1枚をサムネイル表示 2.詳細ページでは、アップロードした複数の画像を全て表示("1"よりは大きく表示) 3.詳細ページの各画像をクリックすると、Lightboxで拡大表示させる といったもの。 また、クライアントさんが写真撮影時、写真の縦横比を意識して撮影してもらうのが難しい場合を想定し(縦
[WordPress]カスタムフィールド画像からオリジナルサムネイルを生成して表示させる | バシャログ。
知人にエイプリルフールネタを言った所、一切のツッコミもなく終わってしまった可哀想な私、Latinです。 さて今回ですが、WordPressのカスタマイズ要件でもよくあるサムネイル周りの取り扱いについて。 オリジナルのサムネイルサイズを定義する事自体は割と簡単なんですが、 カスタムフィールド絡んで来ると結構、「訳わからん･･･」みたいな状態になったりします。 え？私だけ？ とりあえず、フロントエンドで表示する所までをまとめてみようかと思います。 元々WordPressでは、画像フィールドに画像を入れ込むと、 管理画面の「メディア設定」で設定したサイズを元にサムネイルが自動生成されますが、 これらの設定とは別に、オリジナルのサイズを定義したいケースがあるかと思います。 例えば、既にこれらの設定を使用している状態で、さらに別のサイズのサムネイルを作成・表示させたい場合などです。 function
![[WordPress]カスタムフィールド画像からオリジナルサムネイルを生成して表示させる | バシャログ。](https://cdn-ak-scissors.b.st-hatena.com/image/square/b53dec6a802a8894496962b618bea8a7e8829438/height=288;version=1;width=512/https%3A%2F%2Fbashalog.c-brains.jp%2Fimages%2Fcat_wordpress.png)
WordPressでブログ以外のサイトを作る 〜カスタム投稿タイプやカスタムフィールドの使い方〜
WP-CLIとWordPress公式ディレクトリを活用した爆速サイト構築術 ーインストールからデザイン、ページ作成までを10分でータカシ キタジマ
カスタムフィールドとは | WordPress 編
カスタムフィールドは、ポストに独自の情報を追加します。WordPress をブログとして使用する場合、カスタムフィールドは必ずしも必要ありませんが、CMS として使用する場合は必須と言ってもいいでしょう。 カスタムフィールドの必要性 例えば、企業サイトを作る場合、ニュース記事やブログに投稿を使い、製品情報にはカスタム投稿タイプを使うとします。このとき、製品情報が、タイトル（製品名）と内容（製品詳細）だけでは情報が十分ではありません。そこでカスタム投稿タイプである製品情報には、価格、サイズ、色などさまざまな情報をカスタムフィールドとして追加します。 別にカスタムフィールドなんか使わずに、内容欄に製品詳細、価格、サイズ、色を入力すれば良いではないかと思うかもしれません。しかし、そのような方式は必ずしも間違いではありませんが、”冴えたやり方”ではありません。次のような欠点があります。 データ入力
Custom Field Template（カスタムフィールドテンプレート） | WordPress 編
カスタムフィールドの定義と表示 インストール時に作成されるカスタムフィールドのフィールドの定義のサンプルです。フィールドの詳細については、カスタムフィールドテンプレート設定ページのオプションリストを調べてください。 カスタムフィールド定義 [Plan] type = text size = 35 label = Where are you going to go? [Favorite Fruits] type = checkbox value = apple # orange # banana # grape default = orange # grape [Miles Walked] type = radio value = 0-9 # 10-19 # 20+ default = 10-19 clearButton = true [Temper Level] type = select
WordPressのサイト内検索の検索条件をカスタマイズする
※WordPress3.3.2を使用しています。 2012.06.01 「投稿記事だけ検索したい」に抜けている部分があったので修正しました。 検索フォームの設置 一つのテキストフォームだけで検索する場合は以下のコードを表示させたい位置に配置するだけですね。 wp template <div id="search-box"> <form method="get" action="<?php bloginfo( 'url' ); ?>"> <input name="s" id="s" type="text" /> <input id="submit" type="submit" value="検索" /> </form> </div> あとは「search.php」を作成して適当にループさせれば検索結果が表示されます。 投稿記事だけ検索したい 標準のサイト内検索は固定ページも検索範囲に含まれて
WordPressのカスタムフィールドがかなり便利になっている件（3.5対応）
おそらく、数年前のWordPressの解説本の知識でいる方にとって、かなりオドロキの進化がなされているのではないかと思うのが、WordPressのカスタムフィールド周りの機能です。 たとえば、ピックアップ商品としてフラグを立てた商品の中から、価格が500円以上のものを最新5件取得して表示する、みたいなコードは、WordPress3.5ではこのように書けます。非常にスッキリしております。 <section> <h1>ピックアップ商品</h1> <ul> <?php // 投稿の取得条件を設定 $args = array( // 'product' 投稿タイプから取得 'post_type' => 'product', // 最新の投稿を5件取得 'posts_per_page' => 5, // カスタムフィールドで絞込み '
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
