アーカイブ : 2013年 11月

新着マークを付けてみる

エントリータイトルの横に新着マークを付けてみた。

新着マーク ←これ

参考記事
WordPress Note様-新着記事にNewマークを表示させる

1.以下のコードをfunctions.phpに追加。

/* 新着マーク */
function new_mark(){
	$days=1;
	$today=date_i18n('U');
	$entry=get_the_time('U');
	$diff1=date('U',($today - $entry))/86400;
	if ($days > $diff1) {
		echo "<span class='newmark'><img src='",get_bloginfo('stylesheet_directory') ,"/img/newmark.gif' alt='New Post Mark' /></span>";
	}
}

表示期間は1日に設定したが、変えたい場合は、$days=1の値を変える。

2.次に新着マークを表示したい箇所に、以下を追加。

<?php newmark(); ?>

具体的には、
変更前

<h2 class="post_title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a></h2>

変更後

<h2 class="post_title"><a href="<?php the_permalink() ?>"><?php the_title(); ?></a><?php new_mark(); ?></h2>

3.後はスタイルシートで適当に整形。

.newmark {margin-left:0.5em;}

自分のアバターを設定

自分のコメント時のアバターも変更できるようだ。

参考記事
「WordPressの使い方。個人ブログの作り方 WPナビ」様の「WordPressのアバターを変更する方法「Gravatar」の使い方」内の「GravatarというWEBサービスを利用してアバターを変更する方法」

ゲスト用アバターを変える

WordPressではディスカッション設定でゲスト用のアバターを設定できるが、
デフォルトのミステリーマンでは味気ない。

ミステリーマン

「Webデザインレシピ」様の「WordPressのデフォルトゲストアバター「ミステリーマン」を変更するTips」を参考に、ゲスト用のアバターを追加した。

素材は、「human pictogram 2.0 (無料人物 ピクトグラム素材 2.0)」様の「[No.0336] カメラでパシャリ」をチョイス。
オリジナルのままだと表示された時、何のピクトグラムなのか分かりにくかったので、切り取りリサイズ。
ゲスト用アバター

これをテーマのイメージフォルダーにアップ。

次にfunctions.phpに次のソースコードを追加。
私の場合は子テーマのfunctions.phpに追加してます。

/* ゲスト用アバターの追加 */
function newgravatar ($avatar_defaults) {
    $myavatar = get_bloginfo('stylesheet_directory') . '/img/guest.png';
    $avatar_defaults[$myavatar] = "Guest";
    return $avatar_defaults;
}
add_filter( 'avatar_defaults', 'newgravatar' );

オリジナルソースでは、3行目にtemplate_directoryを使用しているが、
親テーマのイメージフォルダーを見に行ってしまうので、stylesheet_directoryに変更している。

デフォルトアバター設定

できた^^