<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>ウェブデザイン事務所 石川県金沢市 YUZDESIGN &#187; Wordpress</title>
	<atom:link href="http://yuzdesign.com/archives/category/yuz/wordpress/feed" rel="self" type="application/rss+xml" />
	<link>http://yuzdesign.com</link>
	<description>石川県金沢市でホームページ制作を得意とするデザイン事務所です。</description>
	<lastBuildDate>Wed, 01 Sep 2010 09:32:57 +0000</lastBuildDate>
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://yuzdesign.com/archives/category/yuz/wordpress/feed" />
		<item>
		<title>WordPressのトップページを自由なデザインで</title>
		<link>http://yuzdesign.com/archives/11</link>
		<comments>http://yuzdesign.com/archives/11#comments</comments>
		<pubDate>Tue, 08 Apr 2008 03:57:10 +0000</pubDate>
		<dc:creator>YUZ</dc:creator>
				<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://yuzdesign.com/?p=11</guid>
		<description><![CDATA[とにかく関連本を数冊ほど読めば済む話。
トップページをチョコっと触る程度なら初心者レベルでしょ。
初心者に限って参考書を読もうとしない事が問題。
－－－－－－－－－－－－－－－－
このネタは他人に読んでもらおうと思って書 [...]]]></description>
			<content:encoded><![CDATA[<p><span style="color: #cc0000;">とにかく関連本を数冊ほど読めば済む話。<br />
トップページをチョコっと触る程度なら初心者レベルでしょ。<br />
初心者に限って参考書を読もうとしない事が問題。</span></p>
<p>－－－－－－－－－－－－－－－－</p>
<p><span style="color: #cc0000;">このネタは他人に読んでもらおうと思って書いているワケじゃない。<br />
ただ、言える事は「人それぞれ違う」という事。<br />
まずは構造を理解しなければ、テーマのカスタムなんて無理でしょ。<br />
他人のサイトを覗いたところで、覚え書き程度の内容しか書いてないし。<br />
とにかく本を読めば済む話。</span></p>
<p>テーマによってカスタムの難易度は違います。<br />
sandboxやら、ME時代のEasyAllあたりはシンプルなので、<br />
カスタムするにはピッタリなテーマかもしれません。</p>
<p>WordPress3.0のデフォルトテーマであるTwentyTenは難しいですね。<br />
それを使いこなすほど技術がないので、僕には向いていません。</p>
<p>－－－－－－－－－－－－</p>
<p>ヒントとして、PHPのコードなんて参考書などを調べりゃ分かります。<br />
テーマのカスタムといってもデザインレベルの話だと思うので、<br />
まずはCSSを勉強した方が早いと思いますよ。</p>
<p>－－－－－－－－－－－－</p>
<p>■トップページを固定するためには</p>
<p>ダッシュボード　→　設定　→　表示設定<br />
<a rel="lightbox" href="http://yuzdesign.com/image/wptop.jpg"><img src="http://yuzdesign.com/image/_wptop.jpg" width="250" height="175" /></a><br />
この設定をおこなえば、好きなページを常にトップで表示できる。</p>
<p>■もう少し凝ったデザインで仕上げる</p>
<p>自分の方法ですが、home.php　というファイルを作成します。<br />
テーマフォルダ内に放り込むと、このファイルが必ずトップに表示されます。</p>
<p>・ローカル上でpage.phpを複製し、home.phpとリネームする。<br />
・home.phpを適当なエディタで開き、不必要な項目を削除。<br />
・トップページ用にCSSを編集したり、独自にデザインする。</p>
<p>という感じでしょうか。<br />
CSSに強ければ良いのですが、弱い人ならば既製のテーマに<br />
頼った方が良いと思います。</p>
<blockquote><p>自分の場合、home.phpを放り込んでいますが、home.php以外の名前にリネームし、<br />
テンプレート扱いにした方が楽かもしれませんね。それは人それぞれなので。</p></blockquote>
<p>－－－－－－－－</p>
<p>★どんな情報を書き込めば良いか？</p>
<p>というのは人それぞれなので、参考書を読みながら組み立てれば良い。</p>
<p>デザインに関しては、スタイルシートをチョコっと触りトップページ用の情報を追加する。<br />
CSSを理解していれば決して難しい作業じゃないし、理解していないのであれば<br />
参考になるようなサイトや参考書を読めば良い。</p>
<p>その方が勉強になりますよ。</p>
<p>－－－－－－－－</p>
<p>上記以外にも色々と方法はあります。<br />
Google等で調べると色々と掲載されています。<br />
詳しく掲載されているサイトもあれば、僕のように不親切なサイトも。</p>
<p>きっと楽しいので、頑張って勉強してください。</p>
<p>－－－－－－－－－－－－</p>
<p>多分、僕の方法は参考にならないかもしれない。<br />
だって、トップページを見ても分かる通り、手作り感が満載ですから。</p>
<p>ちなみに、このサイトでは以下の方法で構築しています。</p>
<p><a rel="lightbox[howto]" href="http://yuzdesign.com/image/wordpress/howto01.jpg"><img src="http://yuzdesign.com/image/wordpress/_howto01.jpg" width="300" height="240" /></a></p>
<p>・トップページは「home.php」<br />
・カテゴリー毎の投稿一覧は「index.php」<br />
・投稿の単独表示は「single.php」</p>
<p><a rel="lightbox[howto]" href="http://yuzdesign.com/image/wordpress/howto03.jpg"><img src="http://yuzdesign.com/image/wordpress/_howto03.jpg" width="300" height="247" /></a></p>
<p>トップページ用に新たなdiv要素を使用し、サイドバーを表示させないようなデザインに。<br />
CSSには「content」ではなく「topcontent」を書き加えています。<br />
もちろん、どんな名前でも良いかと。</p>
<p><a rel="lightbox[howto]" href="http://yuzdesign.com/image/wordpress/howto02.jpg"><img src="http://yuzdesign.com/image/wordpress/_howto02.jpg" width="300" height="235" /></a></p>
<p><a rel="lightbox[howto]" href="http://yuzdesign.com/image/wordpress/howto04.jpg"><img src="http://yuzdesign.com/image/wordpress/_howto04.jpg" width="300" height="240" /></a></p>
<p>そのためには、header.php、footer.phpを加工する必要があります。<br />
もちろん、使用しているテーマによりますが。</p>
<p>投稿一覧の場合、class名を「post」から「post2」に変更し、CSSに書き加えています。<br />
サムネイル表示用プラグインは「Post Thumbs」を使用しています。</p>
<p>わかるかな～？<br />
ま、人それぞれ作り方が違うので。</p>
<div class="tw_button" style=""><a href="http://twitter.com/share?url=http%3A%2F%2Fyuzdesign.com%2Farchives%2F11&amp;text=Wordpress%E3%81%AE%E3%83%88%E3%83%83%E3%83%97%E3%83%9A%E3%83%BC%E3%82%B8%E3%82%92%E8%87%AA%E7%94%B1%E3%81%AA%E3%83%87%E3%82%B6%E3%82%A4%E3%83%B3%E3%81%A7&amp;lang=ja&amp;count=horizontal&amp;counturl=http%3A%2F%2Fyuzdesign.com%2Farchives%2F11"  class="twitter-share-button">Tweet</a></div>]]></content:encoded>
			<wfw:commentRss>http://yuzdesign.com/archives/11/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
	<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://yuzdesign.com/archives/11" />
	</item>
	</channel>
</rss>
