WordPressの投稿記事内の画像の最初の1枚をサムネイルとして表示する方法
アイキャッチではなく、投稿記事内の画像を使用してサムネイルとしてトップページやサイドバー等に表示する方法です。調べていたら色々方法がありましたので、書き出してみました。 get_postsタグを使用してサムネイルを表示する get_postsを使用して投稿記事の添付画像を取得し表示する方法です。 下記のコード表示したい箇所に記入します。このコードでサムネイルサイズ（150px × 150px）のサイズの画像を表示します。 <?php $args = array( 'post_type' => 'attachment', 'posts_per_page' => 1, 'post_status' => null, 'post_parent' => $post->ID ); $attachments = get_posts($args); if ($attachments) { foreach
WordPressの関連記事に、Similar Postsプラグインを使ってサムネイルと概要を表示する
WordPressの関連記事に、Similar Postsプラグインを使ってサムネイルと概要を表示する ※2013-11-16更新 ブログの記事の下に表示してる関連項目にサムネイルも表示したかったのですが、LinkWithin では精度が物足りませんでした。 Similar Posts でのサムネイルの入れ方がわからずテキストのみで放置だったところ、ウェビメモさんの記事でみごと解決させていただきましたのでそのメモです。 いま製作中の別サイトで、関連記事を各投稿の下にサムネイル付きで表示させたかったんですが、 Similar Postsの設定でいくら{image}と書いてもまったく全然サムネイルを取得してくれなかったので phpを使って表示させてやりましたよ！！！！同じ現象で困ってる人はこの方法を試してみてください！！ 関連記事のプラグインSimilar Postsでサムネイル表示がうまくい
WordPressで過去投稿のサムネイル(アイキャッチ画像)を一括で作成する
WPtouchをインストールしてスマートフォン対応にだいぶ満足しています。 投稿一覧もスマホサイトっぽく並べて表示することも出来ていますが、過去の投稿のサムネイルはデフォルトアイコンのままです。 これではあまりかっこよくありません。 かと言って、過去の投稿のサムネイル（アイキャッチ）画像を作成するのは相当骨が折れる作業です。 ここで救世主なプラグインを見つけました。 「Auto Post Thumbnail」というプラグインです。 手順１：サムネイル一括作成プラグイン「Auto Post Thumbnail」のインストール WordPress管理画面 プラグイン → 新規追加 で Auto Post Thumbnail と検索します。 プラグインが見つかったらインストールします。 手順２：サムネイル一括作成プラグイン「Auto Post Thumbnail」の有効化 手順３：サムネイル一括
関連記事のプラグインSimilar Postsでサムネイル表示がうまくいく方法
いま製作中の別サイトで、関連記事を各投稿の下にサムネイル付きで表示させたかったんですが、 Similar Postsの設定でいくら{image}と書いてもまったく全然サムネイルを取得してくれなかったので phpを使って表示させてやりましたよ！！！！同じ現象で困ってる人はこの方法を試してみてください！！ 使用したプラグイン 今回使用したのは関連記事を表示できるプラグインSimilar Postsです。 サムネイル設定以外のこまかい設定方法は以下の記事で解説されています。 カスタムフィールドを使ったサムネイルの表示方法も解説されているので、元々カスタムフィールドを使用している方はそちらの方法がおすすめです！ 参考：関連記事をサムネイル付きで表示できるWordPressプラグイン – ミblog : レビューや日常など 早速結論を。サムネイルを取得できる記述方法！ カスタムフィールドは使いません
WordPressでアイキャッチ画像を使う
基本設定 function.phpに以下を追加 以下を追加することで、WordPressでアイキャッチ画像を使うことが可能になります。 これが設定されていないと、管理画面内の投稿ページにもアイキャッチ関連のボックスは表示されないようです。 add_theme_support( 'post-thumbnails' ); アイキャッチを表示させる アイキャッチを呼び出すには、呼び出したい箇所に以下を記述します。 <?php the_post_thumbnail(); ?> これだけの設定でアイキャッチは使えるようになります。 アイキャッチ画像のサイズを設定する 上記の基本設定の状態だと、アップロードされた画像のサイズそのままで表示されてしまうので、サイズを設定したい場合は、以下のようにします。 テンプレートファイル内のアイキャッチを使用する箇所でサイズ指定する場合 <?php the_post
ワードプレスのアイキャッチのURLを取得したい！画像のURLだけ欲しい！
ワードプレスのテンプレートタグはとても便利で恋をしそうな程です。しかし、ちょいと困ったことがあります。テンプレートというだけあって決まった動き・表示しかしないことです。 欲しいのは画像のURLだけなんだ！ アイキャッチ画像を表示する方法を以前ご紹介しましたが、「表示」は簡単なんです。 アイキャッチ画像表示のテンプレートタグ【the_post_thumbnail()】でimg のhtmlまで形成して出力してくれるもんだからテンプレートタグを埋め込むだけで終わりなんですよね。 でも、欲しいのはURLなんです！ URLだけ取得するテンプレートタグ テンプレートタグでアイキャッチのURLだけを取得する事は可能！ ついでに、PHPの関数を駆使して分かりやすくまとめる！ アイキャッチ画像の要素とその要素分割するPHP関数を使っちゃいます(｀･ω･´)ゞ テンプレートタグは「wp_get_attachm
WordPressのアイキャッチ画像に任意のデフォルト画像を登録する方法 - かちびと.net
WordPressのアイキャッチ画像は とても便利ですけど、全ての方 が毎回登録するとは限りません。 クライアントさんの中でもやはり 毎回登録するのは面倒だ、という 方もいます。 確かに毎回アイキャッチを登録するのも、慣れていないと面倒です。しかし、何もしないとレイアウトが崩れてしまう場合もあります。その為、テーマファイル内で条件分岐して、レイアウトを調整して・・・というのも面倒ですよね。 なので、アイキャッチを設定しない際は自動でデフォルト画像が表示されるようにしましょう、というのが今日の内容です。 よく使われる方法 if (has_post_thumbnail()) { the_post_thumbnail(); }else { echo '<img src="' . get_bloginfo('template_directory') . '/images/default.png'
Movable Typeでアイテムを利用しているブログ記事一覧を表示する「AssetEntriesプラグイン」
Movable Typeでアイテムを利用しているブログ記事一覧を表示する「AssetEntriesプラグイン」を公開します。下のスクリーンショットはアイテムを利用しているブログ記事一覧を表示サンプルです。 １．プラグインの機能 AssetEntriesプラグインは、MTAssetsタグまたはMTAssetタグ内で動作するMTAssetEntiresブロックタグを提供します。各テンプレートタグの具体的な利用方法は３項を参照してください。 本プラグインはMT5.0/MT5.1で動作確認しています。 ２．プラグインのダウンロード・インストール 下記のリンクをクリックして、プラグインアーカイブをダウンロードします。 AssetEntries_0_01.zip プラグインアーカイブを展開し、中にあるAssetEntriesフォルダごと、Movable Type のアプリケーションディレクトリのplu
アイキャッチ画像の「URL,横幅,高さ」を取得する[WordPress]
まえがき 前回「アイキャッチ画像のURLを取得する」方法は書きましたが もっとシンプルな方法を発見しましたので、エントリーします。 合わせて「アイキャッチ画像の横幅と高さを取得する」方法も紹介しますにゃー。 アイキャッチ画像の「URL,横幅,高さ」の情報を取得するタグ「wp_get_attachment_image_src」 wp_get_attachment_image_srcというタグを使えば アイキャッチ画像の「URL,横幅,高さ」が配列で返ってきます。 アイキャッチのサイズ指定（thumbnail, medium, large, full）もできます。 記述例 $thumbnail_id = get_post_thumbnail_id($post->ID); //アタッチメントIDの取得 $image = wp_get_attachment_image_src( $thumbnai
![アイキャッチ画像の「URL,横幅,高さ」を取得する[WordPress]](https://cdn-ak-scissors.b.st-hatena.com/image/square/ae275e8fa003aceaddee05ec058e47eee609dda6/height=288;version=1;width=512/https%3A%2F%2Fkotori-blog.com%2Fwordpress%2Fwp-content%2Fplugins%2Fwp-ogp%2Fdefault.jpg)
Movable Typeの記事編集画面に登録アイテムを表示する「ShowAssetImage」プラグイン
Movable Typeの記事編集画面に登録アイテムを表示する「ShowAssetImage」プラグインを公開します。 １．機能 ブログ記事・ウェブページ編集画面の右下にある「アイテム」エリアで画像を登録した場合、保存後はファイル名にカーソルをあてないと画像が表示されませんが、プラグイン適用後は画像をダイレクトに表示します（保存後のみ）。 プラグイン適用前 プラグイン適用前（ファイル名にカーソルをあてたところ） プラグイン適用後 ２．プラグインのダウンロード・インストール 下記のリンクをクリックして、プラグインアーカイブをダウンロードします。 ShowAssetImage_0_02.zip v0.01 初版 v0.02 2013.10.30 MT5.2.x/MT6に対応しました。 プラグインアーカイブを展開し、中にあるShowAssetImageフォルダごと、Movable Type のア
Movable Typeの記事一覧画面にアイテムを表示する「EntryAssetListingプラグイン」バージョンアップ
Movable Typeの記事一覧画面にアイテムを表示する「EntryAssetListingプラグイン」に不具合があったため、バージョンアップしました。 このプラグインの機能は、下のスクリーンショットのように、記事一覧画面の右端に「アイテム」を表示します。1つの記事に複数のアイテムがある場合は並べて表示します。 EntryAssetListingプラグインを適用したところ １．修正点 システム管理画面のブログ記事一覧にあるオプションのチェックボックスで「アイテム」をチェックしてもアイテムが表示されず、代わりに、 Can't call method "id" on an undefined value at C:\xampp\htdocs\MT-5.12-ja\plugins\EntryAssetListing\lib/EntryAssetListing/CMS.pm line 91. と
Movable Typeのテーマにブログ記事を利用できる「EntryImExporterプラグイン」バージョンアップ
Movable Typeのテーマにブログ記事を利用できる「EntryExporterプラグイン」をバージョンアップしました。バージョンアップに伴い、プラグイン名も「EntryImExporterプラグイン」に変更しました。 １．変更点 ブログ記事のエクスポート時に、ブログ記事のアイテム（アイテムのラベル）を含むようにしました。これにより、テーマ適用時に同じラベル名のアイテムが存在すれば、自動的にプログ記事のアイテムとして登録することができるようになります。 例えば、ブログのアイテムに3つの画像「車」「オレンジ」「コーヒー」が登録されているものとします。 そしてブログ記事のアイテムに、この3つの画像を登録しています。 このブログ記事をテーマに（バージョンアップしたプラグインを使って）エクスポートします。 エクスポートすれば、エクスポートしたtheme.yamlの該当記事に「asset_lab
お手軽WordPress Tips：post_class()にアイキャッチ画像を使用した記事の場合のclassを追加する - かちびと.net
WordPressにはpost_class()という関数が あって、自動で要素にclassを付けてくれ るんですが、この中にアイキャッチ画像 を使用した投稿の場合にclassを追加する という、誰に需要があるのか分からない Tipsシリーズです。 post_class()は僕も殆ど使ったことが無かったんですが（大量のclassが付くので）投稿フォーマットの出現で少し使うようになりました。投稿フォーマットに関しては以前記事を書いたのでご参照下さい。 で、そのpost_class()に、アイキャッチ画像を使った投稿があった際にclassを加える、という方法です。 コード functions.phpに以下を加えます。 function add_eyecatch_class($classes) { global $post; if( has_post_thumbnail($post->ID) )
Movable Typeでアイテムアップロード時にリサイズ可能な「UploadImageResizerプラグイン」バージョンアップ
Movable Typeでアイテムアップロード時にリサイズ可能な「UploadImageResizerプラグイン」をバージョンアップしました。 このプラグインは、アイテムアップロード画面に表示されたチェックボックスをチェックすれば、アップロード画像をリサイズするためのオプションを表示します。各フィールドに値を設定してアップロードすれば、指定したサイズでアップロードされます。 １・変更点 アップグレード後の報告ですが、MT5.0xに対応しました。MT5.0xのアイテムアップロードでも次のようにオプションが表示されます。 MT5.06のアイテムアップロード画面 また、リサイズ指定後の上書きアップロードに対応しました。リサイズ指定したアップロードで次の画面が表示された場合、「はい」をクリックすればリサイズした内容でアップロードします。 ２．プラグインのダウンロード プラグインは以下のリンクからダ
Movable Typeの画像アップロード時にリサイズできる「UploadImageResizerプラグイン」
Movable Typeの画像アップロード時にリサイズ可能な「UploadImageResizerプラグイン」を公開します。 １．機能 アイテムのアップロード画面で画像をアップロードする際、「アップロード画像オプション」をチェックします。 チェックすると、アップロード画像をリサイズするためのオプションが表示されます。各フィールドに値を設定してアップロードすれば、指定したサイズでアップロードされます。 このプラグインは、アップロード後の画像をリサイズするのではなく、アップロード時にサイズ指定するものです。アップロード後に画像をチェックしながらリサイズしたい場合は、インターネットに接続された環境であれば「Pixenateプラグイン」を推奨します。 Movable Typeでアイテム画像を編集できる「Pixenateプラグイン」 また、UploadImageResizerプラグインは画像の拡大は
サムネイルつきでアクセス数の多い記事を表示できる `WordPress Popular Posts` を導入してみた
Popular Postsというプラグインもあるけどwp-super-cacheと相性が悪い（キャッシュページ表示時にカウントされない）ので使えなかった。 » Google Analytics Popular Posts Yaima surfというものもあったけど今回はやめといた。 そういうことで WordPress Populer Posts というものを試してみることにした いちおう普通にアイキャッチ画像をサムネイルに使う人のためにウィジェットは特に説明しなくても見れば分かると思いますが、記事の下などに Wordpless Populer Posts にアイキャッチ画像を表示させたい場合は以下のように記述する <?php get_mostpopular( 'thumbnail_width=50&thumbnail_height=50&thumbnail_selection=userge
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
アイキャッチ画像のキャプション表示の方法
画像のみ、pタグで囲わないようにする - かちびと.net
WordPressのアイキャッチ画像をドラッグ&ドロップで設定出来るプラグイン・Drag & Drop Featured Image
WordPressのギャラリー機能で追加した画像一覧からアイキャッチを除外して、画像に任意のリンク先を指定する - かちびと.net