WordPress Archive

投稿の本文にJavaScriptを埋め込もうとしたら、自動整形されてひどいことになったので、本文の一部分を自動整形しないプラグインを入れてみた。

• WordPress › Raw HTML « WordPress Plugins

コードエディタ中で、<!--start_raw--> <!--end_raw-->か[RAW] [/RAW]で囲んだ部分が自動整形されなくなる。ビジュアルエディタは使っていないので、どうなるのか試してない。

<!--start_raw--> <!--end_raw-->のテスト

<!--start_raw-->
<script type="text/javascript">
  document.writeln(new Date());
</script>
<!--end_raw-->

上のコードをこの下に挿入してみる。

[RAW] [/RAW]のテスト

[RAW]
<script type="text/javascript">
  document.writeln(new Date());
</script>
[/RAW]

上のコードをこの下に挿入してみる。

テーマをwp.Vicuna Ext.に変更。サイドバーのウィジェットに対応してるし使いやすい！

テーマを変えるとだいぶ雰囲気が変わるな。

• Vicuna - WordPress テーマ
• ma38su.sourceforge.jp - wp.Vicuna Ext.

追記：プラグイン化したのものがありました。わーどぷれすっ！ » サムネイルのサイズの変更

画像を投稿したときにWordPressが生成するサムネイルのサイズは、phpファイルを直接変更することで変更可能ということらしい。

WordPress 2.3では/wp-admin/includes/image.phpの以下の部分の128がサムネイルのデフォルトの長辺の長さ。128を書き換えるとサムネイルの最大サイズが変わる。

$max_side = apply_filters( 'wp_thumbnail_max_side_length', 128, $attachment_id, $file );

image.phpを見ていたら、以下の部分で縦横の長辺から、サムネイルのサイズを計算していたので、

// figure out the longest side

if ( $image_attr[0] > $image_attr[1] ) {
	$image_width = $image_attr[0];
	$image_height = $image_attr[1];
	$image_new_width = $max_side;

	$image_ratio = $image_width / $image_new_width;
	$image_new_height = $image_height / $image_ratio;
	//width is > height
} else {
	$image_width = $image_attr[0];
	$image_height = $image_attr[1];
	$image_new_height = $max_side;

	$image_ratio = $image_height / $image_new_height;
	$image_new_width = $image_width / $image_ratio;
	//height > width
}

ここをifブロックのどちらかの内容だけに書き換えることで、サムネイルを横幅サイズ固定もしくは縦幅サイズ固定で生成できる。
上のコードを以下の様に書き換えると、横幅固定でサムネイルを生成する。

// figure out the longest side

// 横幅固定のサムネイル作成に変更
// if ( $image_attr[0] > $image_attr[1] ) {
	$image_width = $image_attr[0];
	$image_height = $image_attr[1];
	$image_new_width = $max_side;

	$image_ratio = $image_width / $image_new_width;
	$image_new_height = $image_height / $image_ratio;
	//width is > height
// } else {
// 	$image_width = $image_attr[0];
// 	$image_height = $image_attr[1];
// 	$image_new_height = $max_side;
//
// 	$image_ratio = $image_height / $image_new_height;
// 	$image_new_width = $image_width / $image_ratio;
// 	//height > width
// }

Sandboxテーマにはレイアウト用のCSSファイルが含まれていた。該当するCSSを適用することで2カラムレイアウトや3カラムレイアウトを作ってくれる。

インポートするレイアウト用のCSSを切り替えても、ちゃんと使えるCSSを書いてみたいな。

そうは言ってもテンプレートがわからないと、どのページでどんなid,、classが生成されてくるのかわからない。ページの生成結果から調べても対応しきれないよな。なので、やっぱりテンプレート。このあたり参照中
Theme Development « WordPress Codex
Stepping Into Templates « WordPress Codex
Template Hierarchy « WordPress Codex

テンプレートを自作しなくても、ベースとなるテーマがあるみたい。
The Sandbox · plaintxt.org

テーマをいじろうと思いWordPress テーマの詳説：第一章を読んでみる。まずはテンプレートに慣れるのがよさそう。