タグ

eycatch imageに関するtomoworksのブックマーク (5)

  • WordPressでアイキャッチ画像をサムネイルとして一覧ページに表示する方法

    優れたイメージは一瞬で人を惹きつけ、キャッチコピーへと誘います。 優れたデザイナーは、優れたコピーライターと、優れた写真家を知っています。それは彼らがいなければ自分がどんなに努力をしても徒労に終わる事を知っているからです。 人は「イメージ → キャッチコピー → 文」という順序で興味を移します。それらの要素が訪問者にとって心地よく融合すると相乗効果を生み出します。 そんなサイトを作るためにも、今回はサムネイルを一覧ページに表示する方法を紹介します。 サムネイルの仕組み まずはWordPressにおけるサムネイルの仕組みについて解説をします。 サムネイルとは、画像を縦横どちらかにフィットさせて、はみ出た部分をカットする方法です。下のサンプル画像をご覧ください。どちらも同じ横200xp、縦160pxで指定しています。 どんな画像も同じサイズで表示してくれるので、デザインしやすのがサムネイル。

    WordPressでアイキャッチ画像をサムネイルとして一覧ページに表示する方法
  • 記事に挿入する画像のサイズの種類を増やせるWordPressプラグイン・Additional image sizes - かちびと.net

    地震の災害の最中ですし、僕も東京住まい でそれなりの被害がありますが、関東以外 の方は普通にお仕事をされてると思います。 地震の情報は多数存在しますし、僕が変に 介入しすぎても混乱を招きかねないので 日より通常更新に戻ります。が、停電を 含め、地震の弊害次第では更新が止まる かも知れ無いことをご了承下さい。 さて、今日はちょっと便利そうなWordPressのプラグインがあったのでシェア。有りそうでなかったプラグインです。 WordPressは、画像をアップロードし、その画像を投稿に含める際にサイズを選べるんですが、そのサイズがデフォルトでは限られています。このサイズの種類を増やせるプラグインがAdditional image sizesです。 上記のように、デフォルトの4つのサイズ以外に3つ増えています。試してはいませんが、いくらでも増やせそうですよ。 設定 プラグインを有効化すると、「

    tomoworks
    tomoworks 2012/03/13
    うーん、プラグインで対応した方が楽だろうか。←で、使用してみたが、なんだかいまいちだったのでfunctions.phpにて設定。
  • WordPressのアイキャッチ画像を複数サイズ表示させる – Simple Colors

    WordPressで表示されるアイキャッチ画像のサイズを、表示する場所によって変えたいケースが出てくることもあります。たとえば、トップとカテゴリー等のアーカイブ表示とかとか。 そんな場合でも、大して記述することもなく簡単に実装することが出来てしまいます。 実を言えば、アイキャッチ画像(投稿サムネイル)も単なるメディアのアップロードされた画像でしかありません。 つまり、メディアにて異なる画像サイズが生成されるようにしておき、表示するときには、追加設定したサイズの画像を表示してあげればいいのです。 画像サイズの追加方法は、画像アップロードで作成される画像の種類を追加するにて紹介してあります。 たとえば、横160px、縦120px、トリミング有りの large_thumbnail というサイズを追加するには、 add_image_size( 'large_thumbnail', 160, 120

    tomoworks
    tomoworks 2012/03/13
    なるほど!したいことが実現できそうです。役立ちました!
  • WordPress 2.9 の新機能の投稿サムネイル画像の使い方 – わーどぷれすっ!!

    New in WordPress 2.9: Post Thumbnail Images « Mark on WordPress を参考に、WordPress 2.9 の新機能の投稿サムネイル画像の使い方をご紹介。 基的な使い方 まず編集画面で専用のインターフェースを使えるようにするため、テーマの functions.php ファイル内に次を追加します: add_theme_support( 'post-thumbnails' ); これで投稿と固定ページの両方の編集画面で投稿サムネイルのインターフェースが有効になりますが、もしどちらか一方だけで有効にしたいのなら次のようにします: add_theme_support( 'post-thumbnails', array( 'post' ) ); // 投稿で有効 add_theme_support( 'post-thumbnails', a

    WordPress 2.9 の新機能の投稿サムネイル画像の使い方 – わーどぷれすっ!!
    tomoworks
    tomoworks 2012/02/23
    add_theme_support( 'post-thumbnails' );で全部解決した><よかった!
  • 投稿編集画面に「アイキャッチ画像」欄が表示されません

    WP3.1、マルチサイト機能を使用しています。 functions.phpにadd_theme_support(‘post-thumbnails’); を挿入しましたが、投稿編集画面右下に「アイキャッチ画像」欄が表示されません。 アップロード/挿入→メディアライブラリ から画像を選択する際は「アイキャッチ画像として使用」 という項目が表示されており、正常に動作しているようです。 選択するとアイキャッチ画像が作成され、 the_post_thumbnail()で表示できています。 投稿編集画面に「アイキャッチ画像」欄が表示されないのは どのような原因が考えられますでしょうか? 因にプラグインは ・カスタムフィールドテンプレート ・Custom Post Type UI を使用しています。

    投稿編集画面に「アイキャッチ画像」欄が表示されません
    tomoworks
    tomoworks 2012/02/22
    結局私の場合この方法では解決せず、functions.phpへの「add_theme_support( 'post-thumbnails' );」の一行記述で全部解決した>< 参照元は wp.tekapo.com
  • 1