WordPress | tande lab.

[WordPress] Twitter Bootstrap を気軽に導入できるプラグイン

By: koeri

2012.04.29

HTML / CSS, Twitter Bootstrap, WordPress

Twitter Bootstrap をWordpressで気軽に導入できるプラグインがあったー。
WordPressのショートコードを使って設定できるみたい。便利そう。

WordPress Twitter Bootstrap CSS Plugin Home | Worpit: Rapid WordPress Admin

色々調べたらとても丁寧に紹介されている記事も見つけました。
最新Twitter Bootstrapを一発で導入しちゃうWordPressプラグイン – はじめよう

ショートコード例と実際に表示されるボタン画像も載せられていてとても分かりやすいです。

[WordPress] どんなテーマにもポートフォリオページを追加できるプラグイン

By: koeri

2012.04.03

WordPress

ポートフォリオページをブログ記事ページとは別にちゃんと作りたくて
既存テーマをだましだましカスタマイズして利用するか、
いよいよWordPressテーマを一から作るのに挑戦するか、
どちらにしても時間がかかりそうで、どうしようかなーと思っていたのですが、
どんなテーマでもすぐにポートフォリオページを追加できるプラグインを見つけてしまいました。

Portfolio Post Type プラグインです。
WordPress 3.0以上で使えるようです。

利用には別途、
Options Framework プラグインのインストールも必要です。

色々探してみたけど、日本語で解説しているサイトがなかったので噛み砕きながら解説します。
作者さんありがとうございます!!

[WordPress] WP-Table Reloaded プラグインで五十音順ソートする方法

By: koeri

2012.02.02

WordPress

WP-Table Reloaded プラグインを使った表組みで、漢字英数かな混じりの項目を

五十音順順にソート
ひらがなでも検索ヒット

できるようにする方法を紹介します。

某サイトを構築している際に ”ふりがな項目” を新たに列に加えずに、そこそこ大量の項目を五十音順で並び替える必要があったのでそのときのメモです。

WP-Table Reloaded プラグイン自体の使い方については前記事 – [WordPress] CSVエクスポート&インポート可能な表組を簡単に組み込めるプラグインを参照してください。

CSSを利用した単純な工夫ですが、以外と使えると思います。

[WordPress] 指定したURLのスクリーンショットを挿入する

By: koeri

2012.01.09

WordPress

functions.php に以下を追記することで
url入力したサイトのスクリーンショットを手軽に貼付けることができます。
スクリーンショットには自動でリンクが貼られます。

//URLを入力しスクリーンショットを撮る
function wpr_snap($atts, $content = null) {
	extract(shortcode_atts(array(
		"snap" => 'http://s.wordpress.com/mshots/v1/',
		"url" => 'http://tande.jp/',
		"link" => '',
		"alt" => 'My image',
		"w" => '480', // width
		"h" => '360' // height
	), $atts));

	if($link == '') { $link = $url; }
	$img = '<img src="' . $snap . '' . urlencode($url) . '?w=' . $w . '&h=' . $h . '" alt="' . $alt . '"/>';
	return '<p>' . '<a href="' . $link . '" target="_blank">' . $img . '</a>' . '</p>';

}

add_shortcode("snap", "wpr_snap");