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 Tips：post_class()にアイキャッチ画像を使用した記事の場合のclassを追加する
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) ) {
プラグイン [ Popular Posts ] / [ Similar Posts ] のカスタマイズまとめ #1 « nulldesign
サイト内の人気のあるポストをリスト形式で表示してくれるプラグイン[ Popular Posts ]ですが、カスタマイズのための日本語資料があまりないようだったので、調べてみました。 私の場合かなりの確率でこのプラグインを利用しているのですが、使えば使うほど便利なプラグインだなと感心してしまいます。 今回の内容は少し長くなってしまうようなので、4回に分けてのエントリーにします。 予定としては・・・(タイトルは仮です) #1 管理画面での設定各種 (今回のポストですね) #2 よく使いそうなカスタマイズ方法 #3 ちょっと突っ込んだカスタマイズ方法 #4 PHPと連動してみる 同じくよく使うプラグイン[ Similar Posts ]についても備忘録としてまとめようと思ったのですが、同じフォーマットでカスタマイズが可能なようです。 あわせてご覧ください。 管理画面について Gene
サムネイルつきでアクセス数の多い記事を表示できる `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
[Wordpress] WordPress Popular Postsでウィジェットを使わずにサムネイルや順位画像を表示する方法 | nm705.com
[WordPress] WordPress Popular Postsでウィジェットを使わずにサムネイルや順位画像を表示する方法 WordPressでアクセスランキングのプラグインとして人気があるものは、 WordPress Popular Posts と WP-PostViews があると思うのですが、 月間・週間などの指定ができるWordPress Popular Postsを選びました。 本来、WordPress Popular Postsはウィジェットとしての利用を想定して作られていますが、テンプレートの記述も可能ということで、基本の表示の記事を元に、なんとか自分好みにカスタマイズすることができました。 使い方 1.WordPress Popular Postsをダウンロード＆インストールして有効化 下記で日本語版をダウンロードできます。 人気記事表示プラグイン『Wordpr
[Wordpress] サムネイル（アイキャッチ）画像の設定いろいろ | nm705.com
サムネイルを表示させる方法は比較的簡単に見つかったのですが、 alt や title が画像名になってしまい、不恰好だったので、調べてみました。 まず、サムネイルの表示方法から説明します。 1.サムネイルを表示させる サムネイルとは、上記画像のように、 画像挿入の時に「アイキャッチ画像として使用」をクリックした時に表示される画像です。 上記サイトに詳しく書いてあるのですが、初心者の私が試したところ、 function.php で設定したとおりにならなかったので、別の方法でサイズ指定しています。 とりあえず、function.php に、 add_theme_support( 'post-thumbnails' ); と記載するところまでは、同じです。 （記載箇所はfunction.phpの一番最後でいいと思います。） 次に、set_post_thumbnail_size( 50,
WordPress「アイキャッチ画像」の使い方
WordPressでは「アイキャッチ画像」という機能が追加されています（2.9～。当時は「投稿サムネイル／投稿画像」という名称だった模様）。 本エントリーでは「アイキャッチ画像」について紹介したいと思います。認識誤り等ありましたらご指摘ください。 １．アイキャッチ画像とは 「アイキャッチ」は「人目を引く」といった意味があり、WordPressの「アイキャッチ画像」とは、記事単位にアイキャッチ用の画像を設定できる機能を指します。 アイキャッチ画像を記事に設定しておけば、記事にひもづいたサムネイルや、ページのヘッダー画像として利用することができます。 TwentyElevenテーマでは次のようにヘッダー画像（赤枠部分）にアイキャッチ画像を表示できます（仕組みについては後述）。 アイキャッチ画像を利用するには、利用しているテーマにアイキャッチ画像を利用する設定が必要です。設定の詳細は４項で解説し
Plastic Post Style – 記事の抜粋等をカスタマイズ | wembley
美しいタイポグラフィの為のツールとチュートリアル集 12 May 2010 WordPressであったらいいなと思うプラグイン 11 May 2010 WPプラグイン”Link Library”で作る自動リンク集 9 May 2010 WordPressでGoogle AJAX APIからjQueryを読み込む 8 May 2010 これはすごい。究極のソーシャルブックマークアイコン集 6 May 2010 [CSS] 完全固定ヘッダー/フッターの作り方 (IE6対応) 6 May 2010 Japanese 記事の本文と抜粋の出力方法を色々とカスタマイズするプラグイン ::概要:: 『plastic = 柔軟な』 記事の自動整形機能を変更したり、抜粋の表示文字数、許可するタグ、”read more”リンクの文字などを設定できます。 WordPressのデフォルトの設定では改行が自動的
WordPressのアイキャッチ画像を使う
WordPress 2.9から追加された機能「アイキャッチ画像」。利用するにはいくつかやることがあるので簡単にまとめておきます。 機能としては、１つの記事に対して画像を１枚アップできるというもの。今までであればカスタムフィールドを使っていたと思いますが、専用のフォームが用意されました。しかも指定したサイズで画像の縮小、または切り抜きができて便利。 設定方法 テーマ内にある「function.php」に下記を追加します。 <?php add_theme_support( 'post-thumbnails' ); set_post_thumbnail_size( 150, 80, true ); ?> この場合、画像を縮小してぴったり横150px、縦80pxに切り抜きます。 関数「set_post_thumbnail_size」の３つ目の引数「true」が重要。これがあると指定のサイズぴったり
トップに指定した固定ページにサムネイル付き最新記事の抜粋を表示した
トップページに固定ページを設定し、ページの下部に ・最新の記事のタイトル ・更新日時 ・本文抜粋（できれば記事内の画像を自動で取得してのサムネイル付きで） を表示したいと考えています。 ある女性サークルのサイトで更新作業はあまり知識のない方々があたる事になり、ページ内でPHPが動くようにし固定ページにプログラムを書き込む方法だと、ユーザーがビジュアルエディタを使用する度にプログラム部分が化けてしまいます。 専用のページテンプレートを作り、thumbnail-for-excerpts等のプラグインを利用して…？とおぼろげに考えるのですがうまく設定出来ません。 PHPはほとんど理解出来ていない身で申し訳ないのですが アドバイスをいただけませんでしょうか、よろしくお願いいたします ・wordpressは2.9.2です ・ThemeはVicuna、スキンはstyle-vegaを改変したものです ・
WordPressの「QF-GetThumb」プラグインがPHPのセーフモード環境で動作しない問題の対処
先日エントリーした「WordPressの記事に挿入した画像のサムネイルを表示する「QF-GetThumb プラグイン」」で、PHPのセーフモード環境で正常に動作しない問題の対処方法を紹介します。 「QF-GetThumb」は、記事に挿入した画像から自動的にサムネイル（キャッシュ）を生成するプラグインです。 １．問題点 XREAやCORESERVERなど、PHPがセーフモードで動作するサーバでは、プラグインが利用するための、キャッシュを保存するディレクトリが正常に生成されないため、プラグインが正常に動作しないようです。 ２．対処方法 プラグインファイルqf-getthumb.phpの中にある、qf_get_savepath()関数の以下の部分を変更することで、サムネイルを表示させることができました。 変更内容は、プラグインのデフォルト動作である、サムネイル単位のディレクトリ作成をやめて、ファ
WordPressの記事に挿入した画像のサムネイルを表示する「QF-GetThumb プラグイン」
WordPressの記事に挿入した画像のサムネイルを表示する「QF-GetThumb プラグイン」について紹介します。 １．プラグインの機能 プラグインを適用することで、記事に挿入した画像から自動的にサムネイル（キャッシュ）を生成します。 1つの記事に対して作成するサムネイルは1つだけです。記事中に複数の画像がある場合、何番目の画像をサムネイルにするか、指定することもできます。 ２．ダウンロード・インストール QF-GetThumbのページ右にある「Download Version 1.1.3（2010年9月現在のバージョン）」をクリック。 ダウンロードしたアーカイブを展開して、中にある「qf-getthumb」フォルダをwp-content/pluginsディレクトリにアップロードします。 管理画面左メニューの「プラグイン」をクリックして、次の画面で「QF-GetThumb」の「有効化」
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
