<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Little.ws &#187; 人にやさしく</title>
	<atom:link href="http://little.ws/tag/%e4%ba%ba%e3%81%ab%e3%82%84%e3%81%95%e3%81%97%e3%81%8f/feed" rel="self" type="application/rss+xml" />
	<link>http://little.ws</link>
	<description>web制作とかcssとかデザインとか色々～な覚え書き</description>
	<lastBuildDate>Sat, 04 Feb 2012 07:27:16 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>wordpress（アップデート）とFatal error（メモリが足りません）その2</title>
		<link>http://little.ws/200908/233.html</link>
		<comments>http://little.ws/200908/233.html#comments</comments>
		<pubDate>Wed, 05 Aug 2009 02:04:16 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[Wordpress基礎編]]></category>
		<category><![CDATA[.htaccess]]></category>
		<category><![CDATA[php.ini]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp-config.php]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://little.ws/?p=233</guid>
		<description><![CDATA[先日の記事で解決出来ないのでというご質問をいただきました。 はじめに 個人的な考えなんですが、正直言って、wordpressのバージョンが上がってすぐの導入は全くオススメ出来ません。 テストサイトでの導入を行ったり、しば&#8230;]]></description>
			<content:encoded><![CDATA[<p>先日の記事で解決出来ないのでというご質問をいただきました。</p>
<h4>はじめに</h4>
<p>個人的な考えなんですが、正直言って、wordpressのバージョンが上がってすぐの導入は全くオススメ出来ません。<br />
テストサイトでの導入を行ったり、しばらくして落ち着いたら導入するようにしてます。<br />
2.8系がリリースされた直後にも何か不具合情報が沢山出てましたよね。。。</p>
<h4>wp-config.phpからの操作</h4>
<p>先日の記事では基本的なMemoryLimitの変更を書きました。ただ、wordpressでは、configファイルでphp.iniのMemoryLimitの値を書き換えてくれるんです。まずは、こちらを試すのが良いのかもしれません。</p>
<pre class="brush: php; title: ; notranslate">
//wp-config.phpに以下の一行を追加
define('WP_MEMORY_LIMIT', '64M');
</pre>
<p>アップデート時の注意点に関してはコリスさんに記事がありますので、そちらをご覧下さい。<br />
<a href="http://coliss.com/articles/blog/wordpress/update-note-and-ways-of-coping-wordpress-28.html" target="_blank" class="liexternal">WordPress 2.8のアップデートの注意点と対処法 | コリス</a><br/><br />
自分も先日、とても痛い思いをしましたのでDBのバックアップを取るプラグインは必ず導入しましょう！</p>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200908/233.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress：親カテゴリと子カテゴリのID取得（兄弟カテゴリ？）</title>
		<link>http://little.ws/200906/206.html</link>
		<comments>http://little.ws/200906/206.html#comments</comments>
		<pubDate>Mon, 08 Jun 2009 03:00:30 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[Wordpress応用]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpressタグ]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://little.ws/?p=206</guid>
		<description><![CDATA[調べても無かったので覚え書き程度に。 先日は、wordpress:親カテゴリが同じな子カテゴリの一覧表示でリスト表示させたのですが、IDが欲しい！というときのために。。 まずはこの前と同じ。。。 ここまでで、親カテゴリの&#8230;]]></description>
			<content:encoded><![CDATA[<p>調べても無かったので覚え書き程度に。<br />
先日は、<a href="http://little.ws/200906/204.html" class="liinternal">wordpress:親カテゴリが同じな子カテゴリの一覧表示</a>でリスト表示させたのですが、IDが欲しい！というときのために。。<br />
<span id="more-206"></span><br />
まずはこの前と同じ。。。</p>
<pre class="brush: php; title: ; notranslate">
/* 現在のカテゴリの取得 */
$cat_now = get_the_category();
$cat_now = $cat_now[0];

/*親カテゴリのID取得*/

$parent_id = $cat_now-&gt;category_parent;
</pre>
<p>ここまでで、親カテゴリのIDを取得します。<br />
ちなみに超初歩的なことですが、get_the_categoryはループ内で使うタグですので。。。<br/><br />
あとはget_category_childrenというタグを使用します。<br />
このタグに関してはリファレンスが無かったりするので・・<br />
ソースは</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php $cat_children = get_category_children($parent_id); ?&gt;
</pre>
<p>こんな感じです。<br />
get_category_childrenに関しては、<br/><br />
<strong>get_category_children(親カテゴリーID, before,after)</strong><br/><br />
以上の表記になります。<br />
デフォルトでは。IDの間に『/』が入りますので、以上の表記をいじって変える感じです。<br />
これで兄弟カテゴリ（姉妹カテゴリ）のID取得できます。</p>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200906/206.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress:カスタムフィールドを使いやすく！その２</title>
		<link>http://little.ws/200903/193.html</link>
		<comments>http://little.ws/200903/193.html#comments</comments>
		<pubDate>Wed, 18 Mar 2009 03:35:25 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[php]]></category>
		<category><![CDATA[wordpressタグ]]></category>
		<category><![CDATA[カスタムフィールド]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://little.ws/?p=193</guid>
		<description><![CDATA[カスタムフィールドを呼び出す方法、wordpress:Get Custom Field Valuesでプラグインを使用して呼び出す方法は書いていたみたいです。 これ、先の記事（wordpress:カスタムフィールドを使い&#8230;]]></description>
			<content:encoded><![CDATA[<p>カスタムフィールドを呼び出す方法、<a href="http://little.ws/200901/103.html" class="liinternal">wordpress:Get Custom Field Values</a>でプラグインを使用して呼び出す方法は書いていたみたいです。<br />
これ、先の記事（<a href="http://little.ws/200903/182.html" class="liinternal">wordpress:カスタムフィールドを使いやすく！</a>）の続きですので、先にそっちを読んだ方がいいです。<br/><br />
でも、今回はプラグインを使用せずに呼び出しましょう。<br />
<span id="more-193"></span><br />
前回の記事で、サムネイル表示用のメタボックスを作成したので、<br />
それを呼び出してあげましょう。<br />
先にソース書きます！</p>
<pre class="brush: php; title: ; notranslate">
&lt;div class=&quot;eximg&quot;&gt;
	&lt;?php
		$smallimg = get_post_meta($post-&gt;ID, &quot;smallimg_value&quot;, true);
	?&gt;

   &lt;p&gt;
	&lt;?php if($smallimg !== '') { ?&gt;
	&lt;a title=&quot;&lt;?php the_title(); ?&gt;&quot; href=&quot;&lt;?php the_permalink() ?&gt;&quot; rel=&quot;bookmark&quot;&gt;&lt;img style=&quot;width:100px; height:100px;&quot; src=&quot;&lt;?php echo $smallimg; ?&gt;&quot; alt=&quot;&lt;?php the_title(); ?&gt;&quot;/&gt;&lt;/a&gt;
	&lt;?php } else { ?&gt;
	&lt;a title=&quot;&lt;?php the_title(); ?&gt;&quot; href=&quot;&lt;?php the_permalink() ?&gt;&quot; rel=&quot;bookmark&quot;&gt;&lt;img src=&quot;&lt;?php bloginfo('template_url'); ?&gt;/images/postsmall.jpg&quot; style=&quot;width:100px; height:100px; &quot; alt=&quot;&lt;?php the_title(); ?&gt;&quot;/&gt;&lt;/a&gt;
    &lt;?php } ?&gt;
   &lt;/p&gt;
&lt;/div&gt;
</pre>
<p>簡単に説明すると、メタボックスに入力した画像を読み込み表示プラス記事へのリンクです。<br />
んで、もしメタボックスに何も入力されていないときは、テーマフォルダ内の/images/postsmall.jpgという画像を表示させて記事へのリンクを張ります。<br />
ただ、これは先の記事で書いたstdの部分にデフォルトの画像として入力しておいてあげればすむことなのですが、<br />
万が一空白にしてしまったときのための保険みたいなモノとして書いてあげています。<br />
100pxの値は任意の値に変えてあげて下さい。</p>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200903/193.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress:カスタムフィールドを使いやすく！</title>
		<link>http://little.ws/200903/182.html</link>
		<comments>http://little.ws/200903/182.html#comments</comments>
		<pubDate>Wed, 18 Mar 2009 03:22:19 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpressタグ]]></category>
		<category><![CDATA[カスタムフィールド]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://little.ws/?p=182</guid>
		<description><![CDATA[wordpressのカスタムフィールドを無駄にしている人がきっと沢山いると思います。 こんなに便利なものを！！ でもきっと、使いにくいと思っている人もおおいはず。 ましてや、素人さんに、カスタムフィールドを使用させるのも&#8230;]]></description>
			<content:encoded><![CDATA[<p>wordpressのカスタムフィールドを無駄にしている人がきっと沢山いると思います。<br/><br />
こんなに便利なものを！！<br />
でもきっと、使いにくいと思っている人もおおいはず。<br />
ましてや、素人さんに、カスタムフィールドを使用させるのも・・。<br/><br />
ということで、今回はカスタムフィールドをばっちり使いやすくします。<br />
以下の画像の様に投稿画面に誰でも分かりやすい入力欄を作成します。<br />
<a href="http://little.ws/wp-content/uploads/2009/03/custom_panel.jpg" rel="fancybox-gallery" rel='lightbox' class="liimagelink"><img src="http://little.ws/wp-content/uploads/2009/03/custom_panel-300x257.jpg" alt="custom_panel" title="custom_panel" width="300" height="257" class="alignnone size-medium wp-image-183" /></a><br />
<span id="more-182"></span><br />
functions.phpに書いてもOKですが、すぐぐちゃぐちゃになっちゃうので、今回は別にFileを作っちゃいます。<br />
適当なFile名でOKです。ではソースを</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php

	$work_meta_boxes =
	array(
	&quot;smallimg&quot; =&gt; array(
	&quot;name&quot; =&gt; &quot;smallimg&quot;,
	&quot;std&quot; =&gt; &quot;&quot;,
	&quot;title&quot; =&gt; &quot;サムネイルイメージ&quot;,
	&quot;description&quot; =&gt; &quot;画像をUPした場合、画像のサムネイルimgのアドレスをコピペ！&quot;)

/* 以下の段落をカスタムして増やせます。
	&quot;company&quot; =&gt; array(
	&quot;name&quot; =&gt; &quot;カスタムフィールドの名前&quot;,
	&quot;std&quot; =&gt; &quot;&quot;,
	&quot;title&quot; =&gt; &quot;入力欄のタイトル&quot;,
	&quot;description&quot; =&gt; &quot;説明文（ﾀｸﾞ使用可能）&quot;),
*/

	);
</pre>
<p>今回は『smallimg』という名前のカスタムフィールドで『サムネイルイメージ』がタイトルです。descriptionはその通り説明書きみたいなものです。stdは初期値です。初期値の変更で、imgが無いときにデフォルトの画像URLを入力しておくとか、そんな感じの使い方です。<br/><br />
次に、投稿画面への入力欄の追加のために以下を追加。</p>
<pre class="brush: php; title: ; notranslate">
	function work_meta_boxes() {
		global $post, $work_meta_boxes;
		foreach($work_meta_boxes as $meta_box) {
			$meta_box_value = get_post_meta($post-&gt;ID, $meta_box['name'].'_value', true);

			if($meta_box_value == &quot;&quot;)
			$meta_box_value = $meta_box['std'];

			echo'&lt;input type=&quot;hidden&quot; name=&quot;'.$meta_box['name'].'_noncename&quot; id=&quot;'.$meta_box['name'].'_noncename&quot; value=&quot;'.wp_create_nonce( plugin_basename(__FILE__) ).'&quot; /&gt;';

			echo'&lt;h2&gt;'.$meta_box['title'].'&lt;/h2&gt;';

			echo'&lt;input type=&quot;text&quot; name=&quot;'.$meta_box['name'].'_value&quot; value=&quot;'.$meta_box_value.'&quot; size=&quot;55&quot; /&gt;&lt;br /&gt;';

			echo'&lt;p&gt;&lt;label for=&quot;'.$meta_box['name'].'_value&quot;&gt;'.$meta_box['description'].'&lt;/label&gt;&lt;/p&gt;';
		}
	}

	function create_meta_box() {
		global $theme_name;

		if ( function_exists('add_meta_box') )
			add_meta_box( 'work-meta-boxes', 'TOPページサムネイル追加', 'work_meta_boxes', 'post', 'normal', 'high' );
	}
</pre>
<p>この辺の説明は割愛します。<br />
知りたければ書きますが・・<br/><br />
上のソースの23行目の説明だけ・・</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php add_meta_box('id', 'title', 'callback', 'page', 'context', 'priority'); ?&gt;
</pre>
<p><strong>id </strong><br />
    編集画面でのID（識別名）です。<br />
<strong>title </strong><br />
    編集画面で表示されるタイトル（ラベル）です。<br />
<strong>callback </strong><br />
    コールバック関数です。（今回はwork_meta_boxes）<br />
<strong>page</strong><br />
    投稿画面orページ作成画面orリンク編集画面どれで表示させるか。 (&#8216;post&#8217;, &#8216;page&#8217;, or &#8216;link&#8217;)<br />
<strong>context </strong><br />
    コンテキスト<br />
<strong>priority </strong><br />
    プライオリティ（優先順位です）。メタボックスが呼び出される順番。<br/><br />
あとは、記事と一緒に入力したデータをどこに保存するかの設定です。</p>
<pre class="brush: php; title: ; notranslate">
	function save_postdata( $post_id ) {
		global $post, $work_meta_boxes;
		foreach($work_meta_boxes as $meta_box) {
		// Verify
			if ( !wp_verify_nonce( $_POST[$meta_box['name'].'_noncename'], plugin_basename(__FILE__) )) {
				return $post_id;
			}

			if ( 'page' == $_POST['post_type'] ) {
				if ( !current_user_can( 'edit_page', $post_id ))
					return $post_id;
			} else {
				if ( !current_user_can( 'edit_post', $post_id ))
					return $post_id;
			}

			$data = $_POST[$meta_box['name'].'_value'];

			if(get_post_meta($post_id, $meta_box['name'].'_value') == &quot;&quot;)
				add_post_meta($post_id, $meta_box['name'].'_value', $data, true);
			elseif($data != get_post_meta($post_id, $meta_box['name'].'_value', true))
				update_post_meta($post_id, $meta_box['name'].'_value', $data);
			elseif($data == &quot;&quot;)
				delete_post_meta($post_id, $meta_box['name'].'_value', get_post_meta($post_id, $meta_box['name'].'_value', true));
		}
	}
</pre>
<p>ここも割愛。<br/><br />
んで、最後に</p>
<pre class="brush: php; title: ; notranslate">
	add_action('admin_menu', 'create_meta_box');
	add_action('save_post', 'save_postdata');
</pre>
<p>あとはfunctions.phpに以下の一文を付け足して、呼び出してあげましょう。</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php
	include_once (TEMPLATEPATH . '/保存したfile名.php');
?&gt;
</pre>
<p>なんだか説明になってないので、File上げときます。<br />
適当にいじって使って下さい。<br/><br />
ダウンロードする方、何かｺﾒいただけるとうれしいです。<br />
<strong>右クリ保存でお願いしますYO</strong><br />
<a href="http://little.ws/wp-content/uploads/2009/03/custom-write-panel.zip" class="lizip">ダウンロード</a><br/><br />
functions.phpだけは自分で一文を付け足して下さい。<br />
カスタムフィールドの呼び出し方は。。前に書いた気がするので探して下さいｗ<br />
無ければ後で書きます。</p>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200903/182.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>IEなんて大嫌い：Opacityを使う！</title>
		<link>http://little.ws/200901/172.html</link>
		<comments>http://little.ws/200901/172.html#comments</comments>
		<pubDate>Fri, 30 Jan 2009 01:31:14 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[css応用!?]]></category>
		<category><![CDATA[css]]></category>
		<category><![CDATA[cssハック]]></category>
		<category><![CDATA[IE6]]></category>
		<category><![CDATA[IE嫌い]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://little.ws/?p=172</guid>
		<description><![CDATA[立て続けにIE6の嫌いなとこ。 Opacityでかっこよく見せたいのに見せられない。 ということで、FirefoxとかIEとかOperaとか大体のブラウザに対応させるためには・・・ css内に３行も書かないといけない！ &#8230;]]></description>
			<content:encoded><![CDATA[<p>立て続けにIE6の嫌いなとこ。<br />
Opacityでかっこよく見せたいのに見せられない。<br/><br />
ということで、FirefoxとかIEとかOperaとか大体のブラウザに対応させるためには・・・<br />
css内に３行も書かないといけない！<br />
<span id="more-172"></span><br />
css３からはopacityで全部対応出来るようになっているみたいですが。。<br />
IE6のユーザーが未だに8割！？なのという感じなので、<br />
半透明表示させるときは！</p>
<pre class="brush: css; title: ; notranslate">
/*--不透明度50%の時の指定--*/
filter: alpha(opacity=50);
-moz-opacity:0.50;
opacity:0.50;
</pre>
<p>50もしくは0.50の数値を変えることで不透明度の調整が出来ます。<br />
不透明度なので、もちろん0指定で完全に見えなくなります。<br/><br />
↓例(不透明度50%指定)<br />
<a href="http://little.ws/wp-content/uploads/2009/01/pa230908.jpg" rel="fancybox-gallery" rel='lightbox' class="liimagelink"><img style="filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;" src="http://little.ws/wp-content/uploads/2009/01/pa230908-300x225.jpg" alt="pa230908" title="pa230908" width="300" height="225" class="alignnone size-medium wp-image-173" /></a><br />
ソース</p>
<pre class="brush: xml; title: ; notranslate">
&lt;img style=&quot;filter: alpha(opacity=50); -moz-opacity:0.50; opacity:0.50;&quot; src=&quot;image/画像File.jpg&quot; alt=&quot;テスト画像&quot; /&gt;
</pre>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200901/172.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>エクセルシートをHTMLテーブルに変換しちゃう君 (ββ)を使ってみた</title>
		<link>http://little.ws/200901/165.html</link>
		<comments>http://little.ws/200901/165.html#comments</comments>
		<pubDate>Sat, 24 Jan 2009 05:44:39 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[webツール]]></category>
		<category><![CDATA[ジェネレータ]]></category>
		<category><![CDATA[ブックマーク]]></category>
		<category><![CDATA[人にやさしく]]></category>
		<category><![CDATA[便利ツール]]></category>

		<guid isPermaLink="false">http://little.ws/?p=163</guid>
		<description><![CDATA[テーブルタグが苦手な方へ。。 便利なツールがあったもんだ！ その名も『エクセルシートをHTMLテーブルに変換しちゃう君』 エクセルで作った表をcssとhtmlで出力してくれます。 では使ってみよー。 適当にエクセルで作成&#8230;]]></description>
			<content:encoded><![CDATA[<p>テーブルタグが苦手な方へ。。<br />
便利なツールがあったもんだ！<br/><br />
その名も『<a href="http://styleme.jp/tool/xls2html/#close" class="liexternal">エクセルシートをHTMLテーブルに変換しちゃう君</a>』<br/><br />
エクセルで作った表をcssとhtmlで出力してくれます。<br />
では使ってみよー。<br />
<span id="more-165"></span><br />
適当にエクセルで作成。<br />
<a href="http://little.ws/wp-content/uploads/2009/01/exel1.jpg" rel="fancybox-gallery" rel='lightbox' class="liimagelink"><img src="http://little.ws/wp-content/uploads/2009/01/exel1-300x182.jpg" alt="exel1" title="exel1" width="300" height="182" class="alignnone size-medium wp-image-164" /></a><br />
んで表の部分を範囲指定してクリップボードへコピー。<br />
<a href="http://little.ws/wp-content/uploads/2009/01/exel2.jpg" rel="fancybox-gallery" rel='lightbox' class="liimagelink"><img src="http://little.ws/wp-content/uploads/2009/01/exel2-300x235.jpg" alt="exel2" title="exel2" width="300" height="235" class="alignnone size-medium wp-image-165" /></a><br />
あとはサイトの上のテキストボックスにペーストして、オプションをいじくって変換ボタンをポン！<br/><br />
それだけでめんどくさいテーブルタグが産まれます。<br />
ちなみに、テスト用で作ってみたcssとhtmlが以下<br/><br/></p>
<style>
table {
	border-collapse: collapse;
}
th {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ff9999;
}
td {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ffffff;
}
</style>
<table>
<thead>
<tr>
<th>
</th>
<th>
				テスト1
			</th>
<th>
				テスト2
			</th>
<th>
				テスト3
			</th>
<th>
				テスト4
			</th>
<th>
				テスト5
			</th>
</tr>
</thead>
<tbody>
<tr>
<th>
				てすと1
			</th>
<td>
				1
			</td>
<td>
				2
			</td>
<td>
				3
			</td>
<td>
				4
			</td>
<td>
				5
			</td>
</tr>
<tr>
<th>
				てすと2
			</th>
<td>
				6
			</td>
<td>
				7
			</td>
<td>
				8
			</td>
<td>
				9
			</td>
<td>
</td>
</tr>
<tr>
<th>
				てすと3
			</th>
<td>
				2
			</td>
<td>
</td>
<td>
				3
			</td>
<td>
</td>
<td>
				40000
			</td>
</tr>
<tr>
<th>
				てすと4
			</th>
<td>
				1
			</td>
<td>
				2
			</td>
<td>
				3
			</td>
<td>
</td>
<td>
				4
			</td>
</tr>
<tr>
<th>
				てすと5
			</th>
<td>
				6
			</td>
<td>
</td>
<td>
				7
			</td>
<td>
				5
			</td>
<td>
</td>
</tr>
</tbody>
</table>
<p><br/></p>
<h4>css</h4>
<pre class="brush: css; title: ; notranslate">
table {
	border-collapse: collapse;
}
th {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ff9999;
}
td {
	border: solid 1px #666666;
	color: #000000;
	background-color: #ffffff;
}
</pre>
<p><br/></p>
<h4>HTML</h4>
<pre class="brush: xml; title: ; notranslate">
&lt;table&gt;
	&lt;thead&gt;
		&lt;tr&gt;
			&lt;th&gt;

			&lt;/th&gt;
			&lt;th&gt;
				テスト1
			&lt;/th&gt;
			&lt;th&gt;
				テスト2
			&lt;/th&gt;
			&lt;th&gt;
				テスト3
			&lt;/th&gt;
			&lt;th&gt;
				テスト4
			&lt;/th&gt;
			&lt;th&gt;
				テスト5
			&lt;/th&gt;
		&lt;/tr&gt;
	&lt;/thead&gt;
	&lt;tbody&gt;
		&lt;tr&gt;
			&lt;th&gt;
				てすと1
			&lt;/th&gt;
			&lt;td&gt;
				1
			&lt;/td&gt;
			&lt;td&gt;
				2
			&lt;/td&gt;
			&lt;td&gt;
				3
			&lt;/td&gt;
			&lt;td&gt;
				4
			&lt;/td&gt;
			&lt;td&gt;
				5
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;th&gt;
				てすと2
			&lt;/th&gt;
			&lt;td&gt;
				6
			&lt;/td&gt;
			&lt;td&gt;
				7
			&lt;/td&gt;
			&lt;td&gt;
				8
			&lt;/td&gt;
			&lt;td&gt;
				9
			&lt;/td&gt;
			&lt;td&gt;

			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;th&gt;
				てすと3
			&lt;/th&gt;
			&lt;td&gt;
				2
			&lt;/td&gt;
			&lt;td&gt;

			&lt;/td&gt;
			&lt;td&gt;
				3
			&lt;/td&gt;
			&lt;td&gt;

			&lt;/td&gt;
			&lt;td&gt;
				40000
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;th&gt;
				てすと4
			&lt;/th&gt;
			&lt;td&gt;
				1
			&lt;/td&gt;
			&lt;td&gt;
				2
			&lt;/td&gt;
			&lt;td&gt;
				3
			&lt;/td&gt;
			&lt;td&gt;

			&lt;/td&gt;
			&lt;td&gt;
				4
			&lt;/td&gt;
		&lt;/tr&gt;
		&lt;tr&gt;
			&lt;th&gt;
				てすと5
			&lt;/th&gt;
			&lt;td&gt;
				6
			&lt;/td&gt;
			&lt;td&gt;

			&lt;/td&gt;
			&lt;td&gt;
				7
			&lt;/td&gt;
			&lt;td&gt;
				5
			&lt;/td&gt;
			&lt;td&gt;

			&lt;/td&gt;
		&lt;/tr&gt;
	&lt;/tbody&gt;
&lt;/table&gt;
</pre>
<p></br></p>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200901/165.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wp初めてのテーマ作成時に役立ちそうな記事</title>
		<link>http://little.ws/200901/141.html</link>
		<comments>http://little.ws/200901/141.html#comments</comments>
		<pubDate>Wed, 21 Jan 2009 04:51:28 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[Wordpress基礎編]]></category>
		<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wordpressタグ]]></category>
		<category><![CDATA[wordpressテーマ]]></category>
		<category><![CDATA[ブックマーク]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://little.ws/?p=141</guid>
		<description><![CDATA[WordPressのテンプレート作成時に欠かせない有用チートシート:phpspot開発日誌 初めてのテーマ作成時に役立ちそうな記事。 元記事　My WordPress Cheat Sheet：Graphic Rating&#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://phpspot.org/blog/archives/2009/01/wordpress_9.html" class="liexternal">WordPressのテンプレート作成時に欠かせない有用チートシート:phpspot開発日誌</a><br />
初めてのテーマ作成時に役立ちそうな記事。<br />
元記事　<a href="http://www.graphicrating.com/2009/01/18/my-wordpress-cheat-sheet/" class="liexternal">My WordPress Cheat Sheet：Graphic Rating</a><br />
<span id="more-141"></span><br />
Bloginfoタグとか未だに忘れるので・・記事を日本語にして覚え書き<br/></p>
<h4>Template Bloginfoタグ</h4>
<pre class="brush: php; title: ; notranslate">
&lt;?php bloginfo('name'); ?&gt; - ブログタイトルを出力
&lt;?php bloginfo('charset'); ?&gt; - 文字コード(UTF-8とか)を出力
&lt;?php bloginfo('description'); ?&gt; - ブログのdescriptionを出力
&lt;?php bloginfo('url'); ?&gt; - 一般設定で設定したブログアドレスを出力
&lt;?php bloginfo('rss2_url'); ?&gt; - RSSのURLを出力
&lt;?php bloginfo('template_url'); ?&gt; - テーマ（テンプレート）のURLを出力
&lt;?php bloginfo('pingback_url'); ?&gt; - ピンバック（トラックバック）用URLを出力
&lt;?php bloginfo('stylesheet_url'); ?&gt; - テーマのスタイルシートURLを出力
&lt;?php bloginfo('wpurl'); ?&gt; - WordPressのURLを出力
&lt;?php bloginfo('template_directory'); ?&gt; - テーマのディレクトリを出力
</pre>
<h4>一般的なタグ</h4>
<pre class="brush: php; title: ; notranslate">
&lt; ?php the_time() ?&gt; - 現在の記事の投稿・更新時間出力
&lt; ?php the_date() ?&gt; - 記事の投稿・更新日を出力
&lt; ?php the_title(); ?&gt; - 記事のタイトルを出力
&lt; ?php the_permalink() ?&gt; - 記事のURLを出力
&lt; ?php the_category() ?&gt; - 記事のカテゴリを出力
&lt; ?php the_author(); ?&gt; - 投稿者を出力
&lt; ?php the_ID(); ?&gt; - 現在の記事のIDを出力
&lt; ?php wp_list_pages(); ?&gt; - ページ一覧を出力
&lt; ?php wp_tag_cloud(); ?&gt; - タグクラウドを出力
&lt; ?php wp_list_cats(); ?&gt; - カテゴリ一覧を出力
&lt; ?php get_calendar(); ?&gt; - カレンダを出力
&lt; ?php wp_get_archives() ?&gt; - アーカイブを出力
&lt; ?php posts_nav_link(); ?&gt; - 新しい記事及び古い記事へのリンクを出力
&lt; ?php next_post_link() ?&gt; - 新しい記事へのリンクを出力
&lt; ?php previous_post_link() ?&gt; - 古い記事へのリンクを出力
</pre>
<h4>自分で作成したテンプレートファイルの読み込み</h4>
<pre class="brush: php; title: ; notranslate">
&lt; ?php include (TEMPLATEPATH . '/hogehoge.php'); ?&gt;
</pre>
<h4>ループについて</h4>
<pre class="brush: php; title: ; notranslate">
&lt; ?php if(have_posts()) : ?&gt;
   &lt; ?php while(have_posts()) : the_post(); ?&gt;
// Custom HTML &amp; PHP code
   &lt; ?php endwhile; ?&gt;
&lt; ?php else : ?&gt;
&lt; ?php endif; ?&gt;
</pre>
<p>タグによって、ループ内で使用と指定されるものがありますが、<br />
その場合は基本的に上記のソース内で使用します。<br/><br />
元ページより一部抜粋しました。</p>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200901/141.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CSS：画面中央配置</title>
		<link>http://little.ws/200901/139.html</link>
		<comments>http://little.ws/200901/139.html#comments</comments>
		<pubDate>Mon, 19 Jan 2009 04:09:31 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[css]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://little.ws/?p=139</guid>
		<description><![CDATA[需要は無いと思いますが・・。 あんまり使わないと思うけど。 position:absolute; top:50%; left:50%; この３行で、#mainの左上を画面ど真ん中へ。 margin-top:-200px;&#8230;]]></description>
			<content:encoded><![CDATA[<p>需要は無いと思いますが・・。<br />
<span id="more-139"></span></p>
<pre class="brush: css; title: ; notranslate">
body{
    background-image:url(img/body_bg.gif);
    margin:0px;
    padding:0px;
}
/*今回は600*400のBOXを画面中央に配置*/
div#main{
    background-image:url(img/main_bg.jpg);
    overflow:auto;
    height:400px;
    width:600px;
    position:absolute;
    top:50%;
    left:50%;
    margin-top:-200px;
    margin-left:-300px;
}
</pre>
<p></br><br />
あんまり使わないと思うけど。<br/><br />
    position:absolute;<br />
    top:50%;<br />
    left:50%;<br />
この３行で、#mainの<span style="color:red;">左上</span>を画面ど真ん中へ。<br/><br />
    margin-top:-200px;<br />
    margin-left:-300px;<br />
この2行で、600*400のBOXの半分ずつをマイナスして、<br />
#mainの真ん中を画面の真ん中へ</p>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200901/139.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress:Get Custom Field Values</title>
		<link>http://little.ws/200901/103.html</link>
		<comments>http://little.ws/200901/103.html#comments</comments>
		<pubDate>Tue, 06 Jan 2009 05:17:02 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[カスタムフィールド]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://little.ws/?p=103</guid>
		<description><![CDATA[カスタムフィールドを有効活用したら、wordpressの活用の幅が広がると思います。 今日の天気、気分、一言、使ったお金とか。何でもメモ出来るしねー。 ちなみに、その日の写真のimgソース書いて別ページにサムネ表示させた&#8230;]]></description>
			<content:encoded><![CDATA[<p>カスタムフィールドを有効活用したら、wordpressの活用の幅が広がると思います。<br />
今日の天気、気分、一言、使ったお金とか。何でもメモ出来るしねー。<br/><br />
ちなみに、その日の写真の<a href="http://little.ws/200901/92/" class="liinternal">imgソース書いて別ページにサムネ表示</a>させたりも出来ます。<br />
それはまた別ページで紹介しているので、今回はプラグインの覚え書き。<br/><br />
カスタムフィールドに記入した値を表示させるタグといえば、<strong>the_meta()</strong>でOKですが、<br />
これだと、色んなプラグイン入れてるひとは要らないものまで吐き出してくれます。<br />
なので必要な値を必要な場所に。それが<a href="http://coffee2code.com/wp-plugins/get-custom-field-values/" class="liexternal">Get Custom Field Values</a>です。<br/></p>
<p>例えば、こんな感じで毎日自分の体重を書き込んでいったとします。<br/><br />
<a href="http://little.ws/wp-content/uploads/2009/01/01061.jpg" rel="fancybox-gallery" rel='lightbox' class="liimagelink"><img src="http://little.ws/wp-content/uploads/2009/01/01061-300x94.jpg" alt="01061" title="01061" width="300" height="94" class="alignnone size-medium wp-image-105" /></a><br/><br />
これを、</p>
<p style="text-indent:1em;">今日の体重　<span style="color:red;">58.2kg</span></p>
<p>という感じで表示させたいと思います。<br/><span id="more-103"></span><br />
毎日書くので、今回はindex.phpのループの記事コンテンツ表示部分の後ろに追加します。<br />
コードはこんな感じです。</p>
<pre class="brush: php; title: ; notranslate">
&lt;?php echo c2c_get_custom
('体重','&lt;p&gt;今日の体重　&lt;span style=&quot;color:red;&quot;&gt;','kg&lt;/span&gt;&lt;/p&gt;','サボった');
 ?&gt;
</pre>
<p>わかりにくいですが、<strong>ループ内に置くとき</strong>は</p>
<pre class="brush: php; title: ; notranslate">&lt;?php echo c2c_get_custom
('$field','$before','$after','$none','$between','$before_last');
 ?&gt;</pre>
<p>こんな感じの引数になります。</p>
<div style="margin:5px;border:1px solid #cccccc;padding:5px;">
<ul>
<li><strong>$field</strong>　表示させるカスタムフィールドの名前（ここでは体重）</li>
<li><strong>$before</strong>　値の前に表示させるテキストもしくはHTML(ここではHTMLと今日の体重というテキスト）</li>
<li><strong>$after</strong>　値の後に表示させるテキストもしくはHTML（ここではkgという単位表示とタグ閉じ）</li>
<li><strong>$none</strong>　値をが空もしくは見つからないときに表示されるテキス(ry　（ここではサボったというテキスト。空でもOK）</li>
<li><strong>$between</strong>　2つ以上値がある時、間に表示させるテキス(ry　（空に指定すると一つ目だけ表示。例としてはコンマとか）</li>
<li><strong>$before_last</strong>　2つ以上値がある時、最後と最後から2個目の間に表示させる(ry　（例としてはandとか。日本人には馴染みがない習慣）</li>
</ul>
</div>
<p><br/><br />
ちなみにループの外に置きたい時は、<strong>c2c_get_custom</strong>ではなく<strong>c2c_get_recent_custom</strong>とします。<br />
<br/></p>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200901/103.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>wordpress：Role Manager（ユーザー権限設定）</title>
		<link>http://little.ws/200901/80.html</link>
		<comments>http://little.ws/200901/80.html#comments</comments>
		<pubDate>Mon, 05 Jan 2009 04:41:13 +0000</pubDate>
		<dc:creator>chibi</dc:creator>
				<category><![CDATA[wordpress]]></category>
		<category><![CDATA[wp-admin]]></category>
		<category><![CDATA[プラグイン]]></category>
		<category><![CDATA[人にやさしく]]></category>

		<guid isPermaLink="false">http://little.ws/?p=80</guid>
		<description><![CDATA[色んなとこで紹介されてるので、ここで覚え書きを書くこともないかと。 今回、お店の新商品告知やスタッフのブログをつけたいとの事でお仕事頂いたのでwordpressで制作。 お店スタッフ内でコメント承認、ページ管理、様々な事&#8230;]]></description>
			<content:encoded><![CDATA[<p>色んなとこで紹介されてるので、ここで覚え書きを書くこともないかと。<br />
今回、お店の新商品告知やスタッフのブログをつけたいとの事でお仕事頂いたのでwordpressで制作。<br/><br />
お店スタッフ内でコメント承認、ページ管理、様々な事でユーザー権限を切り分ける必要があったので、<br />
<a href="http://www.im-web-gefunden.de/wordpress-plugins/role-manager/" class="liexternal">Role Manager</a>を導入。<br/><br />
導入すると、管理画面のユーザーの所の項目が増えます。<br />
<a href="http://little.ws/wp-content/uploads/2009/01/role1.jpg" rel="fancybox-gallery" rel='lightbox' class="liimagelink"><img src="http://little.ws/wp-content/uploads/2009/01/role1-150x150.jpg" alt="role1" title="role1" width="150" height="150" class="alignnone size-thumbnail wp-image-81" /></a><br/><br />
今回は納品前にお店のスタッフの方と店長さん分のアカウントを作成、<br />
アカウント作成時に店長さんは『編集者』に、スタッフさんは『投稿者』にしました。<br/><span id="more-80"></span><br />
あとはそれぞれの権限を、ユーザーの中の『役割グループ』ってとこで設定していきます。<br />
<a href="http://little.ws/wp-content/uploads/2009/01/role2.jpg" rel="fancybox-gallery" rel='lightbox' class="liimagelink"><img src="http://little.ws/wp-content/uploads/2009/01/role2-300x187.jpg" alt="role2" title="role2" width="300" height="187" class="alignnone size-medium wp-image-83" /></a><br />
上から、『管理者』『編集者』『作成者』『投稿者』の権限の設定が出来ます。<br />
（<a href="http://wppluginsj.sourceforge.jp/i18n-ja_jp/role-manager/" class="liexternal">WordPress Plugins/JSeries：Role Manager 日本語版</a>で日本語化されていますが、この部分は英語のままです。）<br/><br />
デフォルトの『編集者』や『作成者』の設定を変更したくなければ、<br />
新しいグループも作成できます（例：『スタッフ』とか）<br/><br/><br />
別に、wordpressの基本のままの設定でも良かったのですが、<br />
webの更新は自分でする！ということ自体、webに親しんでいないお客さんには、<br />
専門的なことに思えると思います。<br />
そんな人が、いざ更新！というときに、wordpressの管理画面を開いて、まず思うのは<br />
『むずかしそうだな～』だと思います。<br/><br />
そんな方の負担を軽くするために、管理画面をスッキリ見やすくさせることで、<br />
少しでも『出来そう』と思わせることが大切だと思います。</p>
]]></content:encoded>
			<wfw:commentRss>http://little.ws/200901/80.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

