> regulus8.com

Home

regulus8.com

JavaScriptのライブラリ

とりあえずjQueryを使ってみているけど、ほかのも使ってみたい。

いっぱいあるなあ。

再開

面倒だと思っても、書き続けないとだめだよね…

iKnow!やってます。

最近はオンラインの英語学習SNSサイトをやってます。

【iKnow! /アイノウ】TOEIC、基礎英語からビジネスまで、無料でオンライン学習

フレンドリクエスト歓迎です。http://www.iknow.co.jp/user/ozatz
よろしくお願いします!

WordPressが生成するサムネイルのサイズを変更する

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

画像を投稿したときに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
// }

草ブラシ

kusa.jpgPhotoshopのブラシのまとめ記事はよくみかけるし、ダウンロードサイトもたまに見かける。

あきらかに筆記具には見えないブラシが多くて、意味がわからなかったんだけど、 模様書いたりするんだね。

プリセットのブラシで草が描けました。楽しいなこれ。

思い出した

A CSS styled table version 2 | Veerle’s blog

記事の中で参照されているこっちの記事、 A CSS styled table | Veerle’s blog を2005年当時に読んでいた。CSSを勉強し始めた頃だったから、いろいろなブログでデザインとかコードが公開されていることを、すげーなーと思ったことを思い出した。

画像を貼ってみる

nlogos書くことがないので、試しに画像を貼ってみる。

EmacsのCSS用のモードを再設定

EmacsのCSSモードを設定しなおした。

EmacsWiki: CascadingStyleSheetModeここで、CSS用のモードを探して、このサイト(Emacs Lisp Package)にあるcss-mode.elに入れ替え。ブロックの折り畳みにhs-minor-modeを使いたいけど、複数行にまたがるコメントは畳まないでほしいので、 (setq hs-hide-comments-when-hiding-all nil)も追加。

以下.emacsのメモ


(autoload 'css-mode "css-mode" "Yet another CSS mode" t)
(setq auto-mode-alist (cons '(".css$" . css-mode) auto-mode-alist))
(add-hook 'css-mode-hook
  '(lambda ()
    (setq css-indent-offset 4)
    (setq tab-width 4)
    (setq indent-tabs-mode nil)
    (hs-minor-mode t)
    (setq hs-hide-comments-when-hiding-all nil)
    (setq hs-isearch-open t)
  ))

まずはテンプレートありき

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

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

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

Template Hierarchy « WordPress Codex

テーマのベースにThe Sandbox

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

Home

Search
Feeds
Meta

Return to page top