覚書。

WordPressのプラグイン、Random Imageを入れてみた。
ヘッダーにランダムに記事の画像を表示している。

[参考]
記事の画像をサイドバーなどにランダム表示するプラグイン[WP]

で、今回はスタイルシートで苦戦。

画像を縮小したいけれど
縦>横の画像と、横<縦の画像があるので
サイズを揃えるのに以下のようにした。
（縦横比が他の画像と異なる画像が何枚かあるけどそれは無視）

・縦>横の画像の横　= 縦<横の画像の縦 かつ
・縦>横の画像の縦　= 縦<横の画像の横

#randomimage img{
  max-width: 110px;
  max-height: 110px;
  width: expression(this.height > this.width && this.width > 83 ? 83: true);
  height: expression(this.width > this.height && this.height > 83 ? 83: true );
}

max-widthとmax-heightのIE対策に
expressionを使用した。

なんか、すごいゴリ押しな感じ。
もうちょっとうまい方法がないかな～。

この間、
立て続けにWordpressのプラグインをインストールしたり
テーマを修正してたりしてて不具合が2点あったのを修正。

1. LightBox 2 が動かない
→header.phpの中の使用していないJavascriptを削除したら治った。

2. 検索結果後のページナビリンクが不正
→以下のように修正

[修正前]

<div id="navlink"><?php echo paginate_links( array(
	'base' => trailingslashit(get_pagenum_link(1)) . '%_%',
	'format' => user_trailingslashit('page/%#%/', 'paged'),
	'total' => $wp_query->max_num_pages,
	'mid_size' => 3,
	'current' => ($paged ? $paged : 1),
	'prev_text' => 'prev',
	'next_text' => 'next',
)); ?></div>

[修正後]

<div id="navlink"><?php global $wp_rewrite;
$paginate_base = get_pagenum_link(1);
if (strpos($paginate_base, '?') || ! $wp_rewrite->using_permalinks()) {
	$paginate_format = '';
	$paginate_base = add_query_arg('paged', '%#%');
} else {
	$paginate_format = (substr($paginate_base, -1 ,1) == '/' ? '' : '/') .
	user_trailingslashit('page/%#%/', 'paged');;
	$paginate_base .= '%_%';
}
echo paginate_links( array(
	'base' => $paginate_base,
	'format' => $paginate_format,
	'total' => $wp_query->max_num_pages,
	'mid_size' => 5,
	'current' => ($paged ? $paged : 1),
	'prev_text' => 'prev',
	'next_text' => 'next',
)); ?></div>

参考
WP-PageNavi を使わずにナビゲーション表示

覚書。

◆パンくずリスト

ページ上部に、

TOP > カテゴリー

といった表示をするようにした。

wordpressのプラグイン、
Breadcrumb NavXTの日本語化されたもの
をインストール。

◆ページナビ

ページ下部に、
1 2 3 … next
と表示するように修正。
（今までは「next」だけだった。）

[解決済み] 過去ログをナビ的に表示するには？
を参考に、テンプレートにコード追加。

<div id="navlink"><?php echo paginate_links( array(
	'base' => trailingslashit(get_pagenum_link(1)) . '%_%',
	'format' => user_trailingslashit('page/%#%/', 'paged'),
	'total' => $wp_query->max_num_pages,
	'mid_size' => 3,
	'current' => ($paged ? $paged : 1),
	'prev_text' => 'prev',
	'next_text' => 'next',
)); ?></div>

デフォルトでは、
次ページへのリンクが「次のページへ」と表示されてしまうので
「next」と表示されるように、
paginate_links()の引数としてnext_textを追加。
prev_textも同様に追加。

CSSもちょこっといじったので
・・・一応ね、修正したら
IE8とFireFoxとGoogle Chromeで表示確認。