アイキャッチ

の記事

  • WordPressのアイキャッチの表示をフィルターフックでカスタマイズしてみる

    ブログにおいて、記事タイトルの横にちょこんとした添えもの程度だったアイキャッチが、今では重要な要素となっている。WordPressのテーマでも、Twenty Tenのころにはその存在すらなかったものの、Twenty Fourteenあたりから大きく扱われるようになった。

    アイキャッチを表示

    WordPressのテーマでアイキャッチを表示するには、テンプレートタグthe_post_thumbnail()を使う。画像に対して表示を調整したい場合は、cssでしかできないのか?それとも、出力されるimgタグをカスタマイズすることができるのか?

    (さらに…)

    WordPressのアイキャッチの表示をフィルターフックでカスタマイズしてみる
  • Feedにアイキャッチ画像を追加

    以前フィードに画像を追加する方法として、フィードテンプレートを上書きする方法をメモしていた。画像を追加するだけなら、もっと簡単な方法があった。

    [PHP]
    function my_thumbnail_feeds($content) {
    global $post;
    if(has_post_thumbnail($post->ID)) {
    $content = ‘

    ‘ . get_the_post_thumbnail($post->ID, array(150,150)) . ‘

    ‘ . $content;
    }
    return $content;
    }
    add_filter(‘the_excerpt_rss’, ‘my_thumbnail_feeds’);
    add_filter(‘the_content_feed’, ‘my_thumbnail_feeds’);
    [/PHP]

    なるほど、フィード用にもフィルタがあったんだ!

  • フォトログテーマ「BirdSITE」がテーマディレクトリに登場

    birdsiteフォトログ用のテーマ「BirdSITE」が、WordPressテーマディレクトリに登録されました!
    WordPress.orgからのテーマレビューで何度もダメだしされながら、英語も苦手なために挫折しそうになったものの、晴れて公式テーマは嬉しい。
    http://wordpress.org/extend/themes/birdsite

    これまれの経過
    ・8/11 WordPress.orgに登録申請
    ・8/13 1回目のテーマレビュー「DEBUGモードで開発せよ」
    ・8/17 再申請
    ・8/24 2回目のテーマレビュー「WordPress 3.0に対応せよ」
    ・9/8 再々申請
    ・9/16 3回目のテーマレビュー「Very good work.」
    ・9/18 テーマディレクトリに掲載

    テーマの原案は昨年末に赤羽で行われたWordBench東京もくもく部(みんなで集まってもくもくと何かを作る会)をきっかけに出たもの。そこでアドバイスを受けテーマディレクトリへの登録を目標とし、ウィジェット対応や多言語対応などしてやっと8月に申請。その間WordPressは3.0へのメジャーアップデートがあったためカスタムメニューやアイキャッチなど開発要件が増えているのに気付かなかった。そのあたりテーマレビューで指摘を受け、3度めの提出で登録された。最初に申請を行ってから1ヵ月かかっているものの、自分にはムリ・・・と何度も思ったので本当に嬉しい!
    WordPress.orgのスタッフはこれを手作業で行っている。初歩的なミスにも丁寧にフィードバックしてくれるのはありがたく申し訳ない気持ちだ。

    作ったのはごくシンプルなテーマだけど、この作業は勉強になったしWordPressを使って仕事をするうえでの自信にもつながる。
    BirdSITEのテーマを使った私のフォトログは、
    BirdSITE -TORIYAMAHONPOS Photo Gallery-

  • アイキャッチ画像

    WordPress 2.9よりアイキャッチ画像という機能が加わっている。投稿に添付した画像のなかから、トップページなどでサムネイル的に表示する画像を1枚選択できるのだ。アイキャッチ画像を使用するには、テーマのafter_setup_theme フックでそのむね宣言しておく必要がある。functions.php に以下を記述しておけばよい。

    [PHP]
    function mysetup() {
    add_theme_support( ‘post-thumbnails’ );
    }

    add_action( ‘after_setup_theme’, ‘mysetup’ );
    [/PHP]

    これで投稿画面の右下あたりにアイキャッチ画像の項目が表示される。テーマを作成するうえで必須の処理となっている。
    設定したアイキャッチ画像は、以下の一行でサムネイルとして表示することができる。

    [PHP]

    [/PHP]

    eye今までは、投稿記事に添付した画像からget_children()で抽出した画像を表示するために長々とコードを書いていた。こんな便利になっていたとは知らなかった。