[サイト作り] [WordPress] 投稿に投稿者の画像を表示させる

ワードプレスでコミュニティちっくなサイトを構築してる人向け?複人数でブログをやってる人向け?

WP2.61でテスト確認

あくまでユーザー参加型サイト向けです。

テンプレートディレクトリーのimagesフォルダ内にauthorsフォルダを作成し、その中に画像をアップロードする。

画像のファイル名は”ユーザーID.jpg”となるように。

投稿者AのユーザーIDが”1″の場合は”1.jpg”
投稿者BのユーザーIDが”5″の場合は”5.jpg”

※ユーザーIDは管理画面→設定→ユーザー名の上にマウスカーソルを乗せるとブラウザの下のバーに表示されます。

※半角記号が全角になってる場合があります。確認

<img src="<?php bloginfo('template_directory') ?>/images/authors/<?php the_author_ID()?>.jpg" alt="<?php the_author() ?>" alt="<?php the_author() ?>" title="<?php the_author() ?>" />
上記のコードを、index.php, single.php, archive.phpの画像を表示させたい場所に貼る。

タイトル付近に張ったり、本文の最期に貼ったり、用途に応じて下さい。

スタイルシートでレイアウトする必要はあります。

ポストタイトルの下に画像を置いて、本文を回り込ませるとか

レイアウトは自由です。

設置ファイルも、シングルページだと画像を大きめに表示させ、アーカイブページでは縮小で表示させるとか

これもシングル用、アーカイブ用とスタイルを書く必要があります。

Did you like this? Share it:

PR

<

関連してるかも

  • 2010年10月22日 -- [WPプラグイン] Widgets on Pages – ページ内にウィジェット領域を追加する。WordPress Plugin
    ページやポストにウィジェット領域を追加するプラグイン 「Widgets on Pages」 通常だと、ウィジェット領域を記述したページテンプレートをテーマフォルダに追加して、ウィジェット領域を持ったページを作りますが このプラグインを導入すれば、ページの新規作成時にショートコードを入れるだけで済むので便利です。 1、プラグインをアップロード & 有効化 2、管理メニュー ...
  • 2010年7月25日 -- [WPプラグイン] QR Encoder – QRコードエンコーダーをウィジェットに設置
    ウィジェットにQRコードエンコーダーを設置するプラグイン。 「QR Encoder」 プラグインを有効化後にウィジェットに追加するだけ。 プラグイン"QR Encoder"のダウンロードページへのリンクと、URLのインプットフォームが表示され URLを入力してエンターでQRコードが生成される。 QRコードを設置するのでは無く、エンコーダーの設置です。 QRコード...
  • 2010年7月23日 -- [WPプラグイン] HTML5 Player Plugin for Wordpress – HTML5 プレイヤー
    HTML5 Player Plugin for Wordpress は、HTML5 プレイヤーのプラグインです。 Support VIDEO Type .mp4 .ogv .webm Support AUDIO Type .ogg .aac .mp3 作者サイトにテストがあるのでプレイヤーのインターフェースはそちらで確認して下さい。 「CJ Jackson 」 ...
  • 2010年7月18日 -- [WordPress] カテゴリーページの備忘録
    カテゴリーページのループ外にカテゴリー名と、カテゴリー説明と画像を表示する備忘録 カテゴリー説明のタグは WP 3x のデフォルトテーマ2010に使われてるタグです。 使用テーマの画像フォルダ内に、各カテゴリーの画像を用意する。 "wp-content/themes/xxxx/images/cat/カテゴリーID.gif" category.php の if (have_p...
  • 2010年7月17日 -- [WPプラグイン] HidePost – 投稿内に会員にだけ表示させるスペースを
    本文内のショートコードで囲んだ部分をログインユーザーにのみ表示させるプラグイン。 「HidePost」 前からあったプラグインだと思うので前のWPバージョンでもOKと思いますが、今回は WP 3.0 でテスト 1、プラグインを有効化 2、管理メニューの設定から"HidePost"を開く "Enable Hidepost (Uncheck if you want to di...
  • 2010年7月15日 -- [WPプラグイン] Sidebar Photoblog: Photoblog – サイドバーに特定カテゴリーのフォトを一覧表示
    サイドバーに指定したカテゴリー内のフォトをサムネイル表示するプラグイン 「Sidebar Photoblog: Photoblog」 フォトを多く含んだカテゴリーや、フォト日記のカテゴリーがある場合に、サイドバーにサムネイル表示させれれば見栄えもいいかもです。 ※、指定できるカテゴリーはひとつだけ 1、プラグインを有効化 2、管理メニュー「外観」からウィジェットを開き、"Si...
  • 2010年7月12日 -- [WPプラグイン] Simple Footnotes – 事項の作成に便利そうな WordPress Plugin
    Create simple, elegant footnotes on your site. Use the [ref] shortcode and the plugin takes care of the rest. Example usage: Lorem ipsum. [ref]My note.[/ref] 事項ページを作る時に便利そうなプラグイン 「Simple Foot...
  • 2010年7月11日 -- [WPプラグイン] Front Page Categories – トップページに特定カテゴリーの記事だけ表示
    特定のカテゴリーの記事だけをトップページに表示するプラグイン。 「Front Page Categories」 ハックでも出来るんですが、プラグインで簡単に済ませたい時に便利 1、プラグインの有効化 2、管理メニュー「設定」から"Front Page Categories"を開く。 3、表示させたいカテゴリーにチェックを入れて変更を保存 ...
  • 2010年7月8日 -- [WPプラグイン] Improved Page Permalinks – ページに .html を付ける WordPress Plugin
    ページのURLに .html を付けるプラグイン 「Improved Page Permalinks」 プラグインを有効化するだけ 次ぎのようになる ドメイン/ページ名.html ドメイン/親ページ/ ドメイン/親ページ/子ページ.html...
  • 2010年7月6日 -- WPMU 設定備忘録
    WordPress 3.0から使えるようになったMUの設定備忘録。 1、wp-config.phpをダウンロード 2、wp-config.phpに次のコードを追加 define('WP_ALLOW_MULTISITE', true); 追加する場所は * @package WordPress */ ここに追加 // 注意: // Window...