- 赤色のリンクは、まだ日本語Codexに存在しないページ・画像です。英語版と併せてご覧ください。（詳細）
「はじめての WordPress」の版間の差分
細 (ページ First Steps With WordPress を はじめての WordPress へ移動: Codex‐ノート:ページ名対応表#F での議論に従い日本語ページ名に改名。) |
細 (最新版に更新。文体調整、内容更新が必要。) |
||
| 1行目: | 1行目: | ||
{{Old}} | {{Old}} | ||
{{スタートガイド|設定}} | {{スタートガイド|設定}} | ||
| + | __TOC__ | ||
| + | ==次のステップ== | ||
| + | [[WordPress のインストール|WordPress の5分間インストール]]が、難なく楽々と完了したかな？WordPress にはたくさんの[[WordPress Features|すばらしい機能]]が詰まっているんだけど、どこからはじめようか。 | ||
| − | + | それじゃ、これから君のサイトの中を一歩ずつ見て回って、いろんな機能がどんなふうに使えるかとか、どうやって WordPress のサイトを自分らしくカスタマイズするかとかを知ることにしよう！ | |
| − | + | ||
| − | + | ||
| − | + | ||
このチュートリアルの最初の部分では、（チュートリアルの一部でない限りは）''プログラムの内部のことには手をつけない''でほしい。これから紹介する簡単なステップに従っていけば、そのうち君もいろんなものに手をつけられるようになるよ。 | このチュートリアルの最初の部分では、（チュートリアルの一部でない限りは）''プログラムの内部のことには手をつけない''でほしい。これから紹介する簡単なステップに従っていけば、そのうち君もいろんなものに手をつけられるようになるよ。 | ||
| − | == | + | ===トップからスタート=== |
| − | まず、[[管理パネル]] | + | まず、[[管理パネル]]にログインするところから始めるとしよう。ここが君のサイトの中枢部分。想像力を思いっきり爆発させて、才能あふれる文章を書いたり、最高にカッコいい Web サイトをデザインしたりする場所だ。そしてここから君のサイトを作っていくんだけど…まだここはほんの入り口だ。 |
| − | [[Image:viewsitelink.png| | + | [[Image:viewsitelink.png|left|thumb|「サイトを表示」リンク]] |
| − | + | 管理パネルの中で、画面左上のサイトタイトル横にある「サイトを表示」をクリックしてみよう。どう、いい感じ？それともあんまり好きじゃないって…？まあどっちでもいいや、ちょっと眺めてみてよ。ここが、これからの数分間・数時間・数週間・数ヶ月間…君がたっぷり時間をすごすことになる場所だ。 | |
| − | =WordPress | + | ==WordPress サイトのテスト運営== |
| − | 目の前にあるサイトをじっくり眺めてみよう。いろいろ手を加えたり[[ | + | 目の前にあるサイトをじっくり眺めてみよう。いろいろ手を加えたり[[Working_with_WordPress|使い方をすべてを理解したり]]するより前に、デフォルトの WordPress テーマがどんなふうに作られていて、どんなふうに動作するのかを知るのが大事だよ。まあ、これはいろいろな機能を付け加える前のテスト運営だと思ってみて。 |
| − | [[Image:kubricktheme.png| | + | [[Image:kubricktheme.png|left|thumb|WordPress デフォルトテーマ - Kubrick]] |
| − | 今見ているレイアウトは[[ | + | 今見ているレイアウトは[[テーマの使い方|テーマ]]っていうんだ。これが、君のサイトの[[管理パネル#Appearance|見た目]]を決めるんだ。WordPress の “default” テーマには、一番上に君のサイトのタイトルの背景となる青色の「ヘッダー」がある。そして横の方にはタイトルやリンクがあるね。これが「サイドバーメニュー」だよ。そしてメインの中央部分には「投稿」が、下のほうには「フッター」がある。 |
| − | + | まず、投稿部分を見てみよう。タイトルがあって、その下にはちょっとした情報があるよね。これは、''’投稿メタデータ'''といって、作成された日付や時間、作成者、カテゴリーなど、その投稿に関する情報が含まれている。 | |
| − | ページを下にスクロールすると、ページの一番下にある横長のセクションに注目してみよう。これがフッター。今のところここには" | + | ページを下にスクロールすると、ページの一番下にある横長のセクションに注目してみよう。これがフッター。今のところここには "【ブログ名】 is proudly powered by WordPress." って書いてあるね。 |
| − | それじゃサイドバーに戻ろうか。情報がが書かれたいろんなセクションがあるよね。ここには[[Pages| | + | それじゃサイドバーに戻ろうか。情報がが書かれたいろんなセクションがあるよね。ここには[[Pages|固定ページ]]、[[管理パネル#Categories|カテゴリー]]、過去の投稿のアーカイブ、カレンダー、そして[[テンプレートタグ/the_date|日付]]なんかがあるはずだ。ここはメニューやナビゲーションパネルにあたるところで、みんなが君のサイトの中のいろんなカテゴリーや時系列別の投稿を見て回るために使う部分だ。 |
| − | ==細部がすべてだ== | + | ===細部がすべてだ=== |
| − | + | ページレイアウトやデザインのちょっとした細かい部分を、時間をかけてじっくり見てみよう。投稿のタイトルの上をマウスオーバーしてみてごらん。色が変わるのが分かった？これは「hover（ホバー）」と呼ばれ、ほとんどのテーマではリンクの上をさわると区別できる色や何かの変化が現れるようになっている。サイドバーのリンクのどこかでマウスオーバーしてみて。何か変わった？さっきと同じ変化かな？ページ上の違う部分でリンクホバーを変化させてもいいけど、たいていは一貫して同じにしておくべきだ。それから、リンクの色も見てごらん。他のテキストより目立つように、どんな色が使われているかな？ | |
| − | + | こういうちょっとした部分や、ページのどこにそういったものがあるのかに注意を払うのは大事なことだ。そのうち、例えばページ上部の青色ボックス内のタイトルのリンク色のような細部に手をつけたくなるだろう。それが「ヘッダー」って言う名前だって分かってたら、スタイルシート（ウェブページの見た目を調整するファイル）の中の ''header'' 部分に変更を加えればいいって分かるからね。 | |
| − | ==手早くひととおり見て回ろう== | + | ===手早くひととおり見て回ろう=== |
| − | + | 今のところトップページ（ホームページ）を見ると、投稿がひとつだけあるだろう。そこで投稿のタイトルをクリックすると、その投稿の独立したページに行くことができる。最初に見る君のサイトのホームページには一番最近の投稿が表示されるようになっていて、それぞれの投稿のタイトルが個別投稿ページにリンクされているんだ。個別投稿ページをホームページと違った見た目にデザインしてあるテーマもある。 | |
| − | [[Image:Kubrick_Single.jpg|right|thumbnail|WordPress | + | [[Image:Kubrick_Single.jpg|right|thumbnail|WordPress デフォルトテーマ - 個別投稿表示]] |
| − | + | 繰り返しになるけど、個別投稿ページでもレイアウトをじっくり見てみて、今度はどういったところが違うかを探してみよう。ヘッダーは何か違う？サイズや色は？サイドバーはある？WordPress のデフォルトテーマでは、個別投稿ページになるとサイドバーはなくなる。じっくり見て違いに注目してみよう。 | |
| − | 投稿は普通、関連するトピックをひとつにまとめられるよう、''[[管理パネル#Categories|カテゴリー]]'' | + | 投稿は普通、関連するトピックをひとつにまとめられるよう、'''[[管理パネル#Categories|カテゴリー]]'''が指定されている。今のところ君のサイトにはひとつしかカテゴリーがないけど、そのうちもっとたくさん欲しくなるはずだ。ホームページで、サイドバーにあるカテゴリーをくりっくしてみてごらん。そしたら、そのカテゴリー内の投稿だけを表示するページに移動する。ここでも他のページと何が違うかよく見ておいてね。 |
| − | + | 「アーカイブ」でも同じことをやってみよう。今のところひとつしか投稿がないかもしれないけど、ページのレイアウトを見てみてごらん。他のページと同じ？違っている？ | |
| − | =WordPress 管理パネルをテスト運転してみる= | + | ==WordPress 管理パネルをテスト運転してみる== |
| − | [[Image:dashboard.jpg|right|thumb|WordPress | + | [[Image:dashboard.jpg|right|thumb|250px|WordPress 管理パネル（ダッシュボード）]]よし、君がサイトをどうやって見せて、様々なレイアウト・セクションがどうやって呼び出されるか想像できるようになったら、WordPress の管理をやってみようじゃないか。これは新しい Web サイトのダッシュボード〔管理画面〕に慣れるのと同じようなものだ。実際、君がログインしたあとに見るページは、[[管理パネル#Dashboard|ダッシュボード]]って言うんだよ。 |
| − | + | ここでは君は常にたくさんの WordPress リソースからちょっとした面白い最新情報を入手できる。片隅には最近君のサイト上で行われたことのリストもあるよ。 | |
管理画面のメインメニューにあるのは以下の通り: | 管理画面のメインメニューにあるのは以下の通り: | ||
| − | * [[ | + | * [[管理パネル#Dashboard|ダッシュボード]] |
| − | * [[ | + | * [[管理パネル#Posts|投稿]] |
| − | * [[ | + | * [[管理パネル#Media|メディア]] |
| − | * [[ | + | * [[管理パネル#Links|リンク]] |
| − | * [[ | + | * [[管理パネル#Pages|固定ページ]] |
| − | * [[ | + | * [[管理パネル#Appearance|外観]] |
| − | * [[ | + | * [[管理パネル#Plugins|プラグイン]] |
| − | * [[ | + | * [[管理パネル#Users|ユーザー]] |
| − | * [[ | + | * [[管理パネル#Tools|ツール]] |
| − | [[Image:userprofilepanel.jpg|right|thumb| | + | * [[管理パネル#Settings|設定]] |
| − | + | [[Image:userprofilepanel.jpg|right|thumb|250px|ユーザープロフィールパネル]] | |
| + | 上のリストのリンクから、管理画面が見せるすべての顔をステップ・バイ・ステップで解説してくれる一連の投稿に行けるよ。今取り掛かるのが心配だっていうのなら、 [[管理パネル#Users|ユーザーパネル]]から始めよう。 | ||
| − | '''ユーザー''' | + | '''ユーザー'''メニューをクリックしよう。画面が切り替わって、[[管理パネル#.E3.81.82.E3.81.AA.E3.81.9F.E3.81.AE.E3.83.97.E3.83.AD.E3.83.95.E3.82.A3.E3.83.BC.E3.83.AB|プロフィール]]というパネルが見えるだろう。これで君は、君自身とサイトの投稿者・管理者の情報にアクセスしたことになる。[[User Levels|投稿者とユーザー]]という次のメニューでは、もっとたくさんの投稿者を設定できる。 今のところは、君のことだけにこだわろう。君自身の情報を入力したら、'''プロフィール更新'''をクリックしよう。 |
| − | + | それでは、WordPress 管理画面の強力な機能を見てみよう。 | |
| − | ==サイトの見た目を手早く変更する== | + | ===サイトの見た目を手早く変更する=== |
| − | [[Image: | + | [[Image:themes.png|right|thumb|250px|外観パネル]] |
| + | [[管理パネル#Appearance|外観パネル]]では、[[Using Themes|テーマ]] | ||
| + | を使うことで、君のサイトの外見を変えることができる。テーマというのはスタイルの表現で、サイトの見栄えを完璧に変えることができる。WordPress のユーザーによってデザインされたテーマが何百とあって、君はそこから選ぶことができる。デザインパネルには、2つのテーマ、「WordPress Default」と「WordPress Classic」があるだろう。この素早い切り替えのプロセスを見たかったら、'''Classic''' を選択して、どんな見栄えになったかを確かめるために'''サイトを表示'''をクリックすればいい。ワオ、サイトの見栄えは変わったのに、見栄え以外に変わったものはない。実に簡単だね。 | ||
| − | + | ブラウザの'''戻る'''ボタンで外観パネルに戻って、以前のデザインに戻すために '''default''' を選択しよう。もう一度確認するために、'''サイトを表示'''をクリックすると、ほらね。正直言って、簡単だ。 | |
| − | == | + | ===投稿を作成・管理する=== |
| − | 管理画面に戻って、[[ | + | 管理画面に戻って、[[管理パネル#Posts|投稿管理パネル]]と[[管理パネル#Pages|固定ページ管理パネル]]を見てみよう。ここから、君のサイト内の投稿と固定ページを管理できるんだ。 |
| − | [[ | + | [[管理パネル#Write_Post|投稿を作成]]メニューで最初のテスト投稿を作成することから始めよう。 |
| − | [[Image: | + | [[Image:writepost.png|right|thumb|250px|投稿作成パネル]] |
| − | もし画面が少しおっかなかったら、[[Writing_Posts| | + | もし画面が少しおっかなかったら、[[Writing_Posts|投稿の作成]]という Codex のページが投稿を作成するプロセスについてステップ・バイ・ステップで解説してくれるよ。そのページをちょっと読んでみて、最初のエントリーを投稿したら、次のステップに行こう。 |
もし急ぎなら、空っぽのタイトルと投稿ウィンドウにちょっとしたテストメッセージを入れればいい。これはテストだから、なんでもいいよ。それが済んだら、投稿の右にある'''公開'''をクリックして終わり。こうすると、空っぽの投稿画面が現れて、次の投稿ができるってわけだ。先に進もう。でも、３つから４つぐらいは投稿してくれよ。この前には、もっと面白いことがあるんだから。 | もし急ぎなら、空っぽのタイトルと投稿ウィンドウにちょっとしたテストメッセージを入れればいい。これはテストだから、なんでもいいよ。それが済んだら、投稿の右にある'''公開'''をクリックして終わり。こうすると、空っぽの投稿画面が現れて、次の投稿ができるってわけだ。先に進もう。でも、３つから４つぐらいは投稿してくれよ。この前には、もっと面白いことがあるんだから。 | ||
| 77行目: | 80行目: | ||
それじゃあ、投稿作成の感じは掴めたから、画面の上にある'''サイトを表示'''をクリックして、投稿を見てみよう。ほらね。これで本番に移る準備ができたってわけだ。 | それじゃあ、投稿作成の感じは掴めたから、画面の上にある'''サイトを表示'''をクリックして、投稿を見てみよう。ほらね。これで本番に移る準備ができたってわけだ。 | ||
| − | =計画を立ててみよう= | + | ==計画を立ててみよう== |
すべての良い計画は、良い計画に由来する。くどいように聞えるけど、ほんとだよ。もし良質できっちりしたサイトを作りたかったら、良質できっちりした計画が必要だ。それをやるのは大変だし、このエキサイティングなプログラムで何かと遊んでみたいというのはわかるけど、そろそろパソコンから離れて、古臭い紙とペンに戻る時だよ。そうだよ、人間が物事を書き留めていた時代に戻ろう。 | すべての良い計画は、良い計画に由来する。くどいように聞えるけど、ほんとだよ。もし良質できっちりしたサイトを作りたかったら、良質できっちりした計画が必要だ。それをやるのは大変だし、このエキサイティングなプログラムで何かと遊んでみたいというのはわかるけど、そろそろパソコンから離れて、古臭い紙とペンに戻る時だよ。そうだよ、人間が物事を書き留めていた時代に戻ろう。 | ||
| 87行目: | 90行目: | ||
# 誰がこのサイトを見るのか？ | # 誰がこのサイトを見るのか？ | ||
# どんな種類の情報が投稿されるのか？ | # どんな種類の情報が投稿されるのか？ | ||
| − | |||
| − | |||
# 君はどれぐらいの頻度で投稿し、情報を追加するだろうか？ | # 君はどれぐらいの頻度で投稿し、情報を追加するだろうか？ | ||
| + | # なぜこのサイトを始めたのか？ | ||
で、この情報をまとめると、このようになる: | で、この情報をまとめると、このようになる: | ||
| − | <div style="border:solid 1px | + | <div style="border:solid 1px #B3B3B3; background: #E6E6E6; margin: 5px 20px; padding: 15px;">このサイトの目的は (1) ___________、___________、___________で、読者は<br /><br /> |
| − | + | (2) ___________、___________、___________である。<br /><br /> | |
| − | + | (3) ___________、___________、___________ について (4) ___________ごとに投稿する。<br /><br /> | |
| − | + | サイトを始めた理由は、(5) ___________、___________、___________ である。</div> | |
| − | + | ||
| − | + | ===情報を使って=== | |
| − | ==情報を使って== | + | |
この情報から、たくさんの情報を集めることができる。たとえば、君のサイトをどうやってレイアウト・デザインした方がいいかという情報が得られる。もし君のサイトの読者が25歳以下の若者だけで構成されていることがわかっているなら、たぶん原色でエキセントリックなグラフィックとかダークなトーンのオシャレな外見が必要だろう。つまり、その世代に適切なものだ。もし、マジメな話題における事実に則った情報を提供しているのなら、たぶんポップでflashだらけではなく、もっと保守的な外見が必要だろう。 | この情報から、たくさんの情報を集めることができる。たとえば、君のサイトをどうやってレイアウト・デザインした方がいいかという情報が得られる。もし君のサイトの読者が25歳以下の若者だけで構成されていることがわかっているなら、たぶん原色でエキセントリックなグラフィックとかダークなトーンのオシャレな外見が必要だろう。つまり、その世代に適切なものだ。もし、マジメな話題における事実に則った情報を提供しているのなら、たぶんポップでflashだらけではなく、もっと保守的な外見が必要だろう。 | ||
| − | + | たぶん、君の中にはすでにデザインに関するアイデアがあるか、以前に君が運営していたサイトを踏襲するだろう。しかし、デザインを再考し、君のしたいことが WordPress のオプションでうまく行くようにするために、この情報をもう少し吟味してほしい。 | |
君は自分のサイトにどんなカテゴリーがありえるかについても、気づいているだろう。君がカバーするトピックと主題は、君のサイトの目的にリストされているはずだ。ここで君の目的を宣言しよう。 | 君は自分のサイトにどんなカテゴリーがありえるかについても、気づいているだろう。君がカバーするトピックと主題は、君のサイトの目的にリストされているはずだ。ここで君の目的を宣言しよう。 | ||
| − | :::''" | + | :::''"この Web サイトはパソコン、Web サイト、インターネットに関する情報を提供するためにあり、パソコン関連情報、Web サイトデザインとインターネットニュースに関するトピックをカバーする。"'' |
| − | + | トピックがカテゴリーになる。君の目的をまとめたものの下にカテゴリーを書き、Web サイトデザインについて書きとめよう。 | |
| − | それでは、これらのトピックの下にはどんなサブカテゴリーが来るだろうか。''' | + | それでは、これらのトピックの下にはどんなサブカテゴリーが来るだろうか。'''パソコン関連情報'''の下では、'''Windows''' と '''Linux''' と '''Mac''' を区別したいだろう。もしくは、'''ソフトウェア'''と'''ハードウェア'''かもしれない。サブカテゴリーを作ることはできるけれども、とりあえず、その前に立ち止まろう。書き留めるんだ。 |
| − | + | 「なぜこのサイトを始めたのか？」という質問を思い出してほしい。というのも、君が共有するに値する有益でタイムリーな情報をもっているからであり、君が自分に興味のある主題について語りたがっているからであり、もしかしたら、ただ語ると面白いと思っているからだ。なぜ？ みんなそうしているじゃないか！ | |
| − | 君が自分のサイトで表現したいと思っている情報のタイムラインを理解することで、サイトの情報を整理することができる。君のサイトはいくつかの異なる方法で整理されている。もしページの成否を、君が'''いつ'''投稿したかという日付が左右するのなら、[[ | + | 君が自分のサイトで表現したいと思っている情報のタイムラインを理解することで、サイトの情報を整理することができる。君のサイトはいくつかの異なる方法で整理されている。もしページの成否を、君が'''いつ'''投稿したかという日付が左右するのなら、[[テンプレートタグ/wp_get_archives|日付による投稿の参照]]によってリンクをつけることが重要だ。もし情報そのものが重要で、時系列は関係ないのだとしたら、投稿を[[テンプレートタグ/wp_list_cats|カテゴリーによって参照]]させることが最良の選択になる。 |
| − | + | 君は自分のサイトをレイアウトしつつあるということに気付いているかい？ 君が新しい WordPress サイトで最初にテスト投稿したことを覚えているなら、サイドバーメニューを調べてみよう。このエリアに、君の投稿が整理されている。もうちょっと見てみると（よし、ちょっとの間だけパソコンの前に戻ってもいいよ）、[[Styling Lists with CSS|リストでレイアウトされたサイドバー]]/[[:en:Styling Lists with CSS|en]] が日付ごとのアーカイブ、カテゴリー分け、そしてもしかしたら、カレンダー機能（Default テーマでは無効だけれど、Classic テーマで表示される）で整理されていることがわかるだろう。 | |
紙の上に君のサイトをレイアウトしたら、サイドバーにはカテゴリーと日付の両方がいるのか、もしくはそのどちらかでいいのか、検討してみよう。どんな情報があるのか、ユーザーが情報を見つけるためにどんな手段を提供するのか、ということが君のサイトデザインにとって決定的なんだ。 | 紙の上に君のサイトをレイアウトしたら、サイドバーにはカテゴリーと日付の両方がいるのか、もしくはそのどちらかでいいのか、検討してみよう。どんな情報があるのか、ユーザーが情報を見つけるためにどんな手段を提供するのか、ということが君のサイトデザインにとって決定的なんだ。 | ||
| − | ==どんな情報をシェアしたいか== | + | ===どんな情報をシェアしたいか=== |
ユーザーが何の情報を知りたがっているのかについて考えたら、自分がどんな情報をユーザーと共有したいと思っているかについて考えよう。その情報に、君へのコンタクト方法、サイトの目的、君が誰で何の専門家なのか、ということが含まれていることで、君が誰かわかるようになる。 | ユーザーが何の情報を知りたがっているのかについて考えたら、自分がどんな情報をユーザーと共有したいと思っているかについて考えよう。その情報に、君へのコンタクト方法、サイトの目的、君が誰で何の専門家なのか、ということが含まれていることで、君が誰かわかるようになる。 | ||
| − | + | WordPress には[[Pages|固定ページ]]という機能があって、簡単な方法でこの情報を伝えることができる。この投稿に似ているページというものは、'''このサイトについて'''、'''お問い合わせ'''、'''メーリングリストに参加'''、その他''静的な''情報に用いられるのが一般的だ。[[Pages|固定ページ]]を作る前に、ページに持たせたい情報について考えてみる必要がある。それぞれのページにつけられそうなタイトルとネットで共有したい情報について書きとめてみよう。 | |
| − | ==コメント== | + | ===コメント=== |
| − | + | WordPress の楽しみの一つに、君のサイトに読者がコメントを残せるという機能がある。これは君と読者の間にダイナミックな交流を作り出す。投稿にコメントがほしいかい？ 投稿へのコメントは色んな形を取り、''背中をポンと叩く''（''グッジョブ！ この投稿イイ！''）ものから、長いチャットのような厖大な会話と注釈のようなものまである。もしくは、君は自分の投稿に情報を付け足してくれるコメントが欲しいのかもしれない。どんな風にコメントフォームを表現するか、それによってみんながコメントをするかどうか決まるんだ。 | |
| − | 返事を書いたり、[[Comment Moderation|コメントの修正]] | + | 返事を書いたり、[[Comment Moderation|コメントの修正]]をしたり、コメントには多くの時間を割かれることもある。君のサイトにとってコメントが不可欠なら、コメントを導入して、どのように見せるかを考えよう。テストサイトに戻ってごらん、インストールの時に作った最初の投稿にサプルコメントがあるだろう。自分が作った投稿にいくつかコメントをしてみてもいい。それがどのようにレイアウトされているかを見て、自分のサイトのレイアウトやデザイン上でどんな風に見えるかを検討しよう。 |
| − | コメントをどう扱うかということに関して腹をくくったら、時間をかけて[[ | + | コメントをどう扱うかということに関して腹をくくったら、時間をかけて[[管理パネル/ディスカッション設定|コメントとディスカッション設定に関するページ]]を読み、その機能を設定する一助としよう。 |
この基本的な情報があればもう充分。パソコンの前に戻って、サイトのレイアウトと設定を始めよう。 | この基本的な情報があればもう充分。パソコンの前に戻って、サイトのレイアウトと設定を始めよう。 | ||
| − | =サイトの設定= | + | ==サイトの設定== |
| − | + | サイトの外観を編集する前に、もう少しだけサイト管理関係の作業をしよう。 | |
| − | + | まずは、最初に決めたトピックをもとにカテゴリーを作ってみよう。 | |
| − | + | ||
| − | + | ===カテゴリーの作成=== | |
| − | [[Image:managecats.png|right|thumb| | + | '''[[管理パネル#Categories|投稿 > カテゴリー]]'''メニューで、'''カテゴリーの追加'''フォームに入力しよう。続けてリストの中に''親''カテゴリーを加えるんだ。メインカテゴリーを入力し終えるまで、サブカテゴリーを入力するのは待ってくれ。 |
| + | |||
| + | [[Image:managecats.png|right|thumb|250px|WordPress カテゴリー管理画面]] | ||
親カテゴリーを入力し終えたら、サブカテゴリーを入力しよう。親カテゴリーのプルダウンメニューから、追加したサブカテゴリーの''親''カテゴリーを選択できる。管理＞カテゴリーパネルでカテゴリーを見ているのなら、こんなカテゴリーリストが見えるはずだ: | 親カテゴリーを入力し終えたら、サブカテゴリーを入力しよう。親カテゴリーのプルダウンメニューから、追加したサブカテゴリーの''親''カテゴリーを選択できる。管理＞カテゴリーパネルでカテゴリーを見ているのなら、こんなカテゴリーリストが見えるはずだ: | ||
| − | ''' | + | '''パソコン関連情報'''<br /> |
:'''- Windows'''<br /> | :'''- Windows'''<br /> | ||
:'''- Linux'''<br /> | :'''- Linux'''<br /> | ||
:'''- Mac'''<br /> | :'''- Mac'''<br /> | ||
'''インターネットニュース'''<br /> | '''インターネットニュース'''<br /> | ||
| − | ''' | + | '''Web サイトデザイン'''<br /> |
| − | :'''- | + | :'''- Web 標準'''<br /> |
:'''- WordPress'''<br /> | :'''- WordPress'''<br /> | ||
::'''- - プラグイン'''<br /> | ::'''- - プラグイン'''<br /> | ||
::'''- - テーマ'''<br /> | ::'''- - テーマ'''<br /> | ||
| − | == | + | ===カテゴリー内に投稿を入れる=== |
カテゴリーにテスト投稿を入れてみて、どんな風になるのか見てみよう。 | カテゴリーにテスト投稿を入れてみて、どんな風になるのか見てみよう。 | ||
| − | [[Image:manageposts.png|right|thumb|WordPress管理画面 管理＞投稿]] | + | [[Image:manageposts.png|right|thumb|250px|WordPress管理画面 管理＞投稿]] |
| − | '''管理 > カテゴリー パネル'''から、'''[[ | + | '''管理 > カテゴリー パネル'''から、'''[[管理パネル#Posts|投稿]]'''メニューをクリックしよう。ここには君の入力したテスト投稿があるはずだ。右側には'''表示 - 編集- 削除'''という三つのリンクがあるだろう〔訳注：2.5以降、'''編集'''は投稿名、'''削除'''はチェックボックス、'''表示'''はステータス欄をクリック〕。'''編集'''をクリックして、投稿の一つを編集しよう。投稿編集画面の右側〔訳注：2.5以降は下〕に'''カテゴリー'''があるだろう。隣にあるチェックボックスをクリックして、選択しよう。それでは、ページをスクロールして、保存をクリック。他のテスト投稿でも同じことをして、それぞれを異なるカテゴリーに入れよう。 |
| − | では、'''管理'''パネルの一番上にある'''サイトを表示''' | + | では、'''管理'''パネルの一番上にある'''サイトを表示'''をクリックして、サイトを見てみよう。サイドバーにカテゴリーがリストされているのがわかるかい？ よくできた。消えてしまったカテゴリーがあれば、大体はそこに属する投稿がないということだ。これは WordPress のデフォルト機能だから、心配しなくていい。''消えた''カテゴリーの中に投稿を加えれば、サイト上に表示されるようになる。カテゴリーの一つをクリックしてみると、そのカテゴリーのページへ行くだろう。そのカテゴリーに属する投稿が見えるだろう。''カテゴリー''ページが生成されたんだ。 |
よし、月名を表示している'''アーカイブ'''をクリックしよう。君が移動したページはこれまた自動生成されたもので、その月の投稿が時系列でリストされている―まあ、今日作った投稿だけだろうけれど―。ともかく、同じ情報を見つけるために、2つの方法があるわけだ。 | よし、月名を表示している'''アーカイブ'''をクリックしよう。君が移動したページはこれまた自動生成されたもので、その月の投稿が時系列でリストされている―まあ、今日作った投稿だけだろうけれど―。ともかく、同じ情報を見つけるために、2つの方法があるわけだ。 | ||
| − | ==スパム対策== | + | ===スパム対策=== |
| − | サイトでコメントを許可したら、考えるべきことが増える。ついてないことだけれど、我々は[[ | + | サイトでコメントを許可したら、考えるべきことが増える。ついてないことだけれど、我々は[[コメントスパム|スパム]]が生きた現実となった世界に生きている。[[コメントスパム対策]]という役に立つ記事を読んで、コメント・スパマーと戦い始めることを勧めておこう。 |
| − | ==次に== | + | ===次に=== |
| − | + | 君は新しい WordPress サイトのための基本をすべて終えた。投稿の作成法もカテゴリーの作成法もカテゴリーやアーカイブを使ってサイトの情報を見る方法もわかった。これでカスタマイズに入ることができるけれど、それが終わったら、テスト投稿を削除することを忘れないように！ それでは、新世界で共有する価値のある素晴らしい情報を書き始めよう！ | |
| − | =WordPress サイトをカスタマイズする= | + | ==WordPress サイトをカスタマイズする== |
| − | + | WordPress がどうやって動くのかについてわかってきたら、クリエイティブなカスタマイズを始めてもいい頃だ。ここでチュートリアルは異なる主題に別れてくるから、何からとりかかってもいい。ここから君はやりたいようにやれるし、そうしたいのなら、足したり引いたり、完璧にしたり、しっちゃかめっちゃかにしたりもできる。サイトにどれぐらいの労力を傾けるべきかは君次第だ。インストール時から入っている2つの WordPress テーマを利用することもできるし、君のニーズにあった別のテーマを捜し求めることもできる。君の望みを叶えるために、すべてのリンクと情報をカスタマイズしたり、サイト全体を完璧にデザインしなおしてもいい。もう基本は知っているんだから、あとは君の想像力次第だよ。 | |
| − | ;[[#WordPress テーマ| | + | ;[[#WordPress テーマ|WordPress テーマを探す]]: サイトの外見としてよりふさわしいと思うものを探そう。 |
;[[#見た目をカスタマイズ|見映えをカスタマイズ]]: コードの中に突入する準備ができているなら、CSSとテーマの修正（もしくは自分のを作ってしまう）で見映えとレイアウトをカスタマイズできる。 | ;[[#見た目をカスタマイズ|見映えをカスタマイズ]]: コードの中に突入する準備ができているなら、CSSとテーマの修正（もしくは自分のを作ってしまう）で見映えとレイアウトをカスタマイズできる。 | ||
| − | ;[[#WordPress プラグイン|プラグインでサイトの機能を高めよう]]: | + | ;[[#WordPress プラグイン|プラグインでサイトの機能を高めよう]]: プラグインはサイトに機能を加え、ときに楽しませてくれる。サイドバーにある関連する投稿に天気予報へのカスタムリンクを加えるようなプラグインが何百とあるんだ。 |
| + | ===WordPress テーマ=== | ||
| + | 選ぶことができる [[Using Themes|WordPress テーマ]]は何百とある。どれも基本的には同じことをするのだけれど、外見的にはそれぞれ異なったやり方で情報を伝えるんだ。読者と君のニーズに合っていて、君が面白いと感じるものを二、三選んだら、上にあったテスト運転の方法にしただがって、テストしてみよう。カテゴリー、アーカイブ、それからここの投稿という具合に、くまなくクリックして、テーマがその一つ一つをどうやって扱うのかを確かめよう。フロントページではよく見えても、個々の投稿ではあまり好ましくないというのだったら、コードの詳細を見て、変更を加えよう。心構えができていなかったら、別のテーマを試してみよう。 | ||
| − | == | + | ===見た目をカスタマイズ=== |
| − | + | もしCSS、HTML、さらにはPHPとMySQLに詳しいなら、自分がやりたいようにテーマをカスタマイズすることを検討してみよう。これは臆病者に向いたことではなく、知識と経験のある人向けだ。もしサイトデザインと開発スキルを伸ばしたいなら、WordPress はこんなお手伝いができる: | |
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
| − | + | ||
* [[Using Themes|テーマの使用]] | * [[Using Themes|テーマの使用]] | ||
| − | * [[ | + | * [http://wordpress.org/extend/themes/ WordPress 公式テーマレポジトリ] |
| − | * [[ | + | * [[テーマの作成]] |
| − | * [[ | + | * [[テンプレート入門]] |
| − | * [[CSS| | + | * [[テンプレート|テーマ用テンプレートファイル]] |
| − | * [[FAQ | + | * [[WordPress サイトデザイン リファレンス|ブログのデザインとレイアウト]] |
| − | * [[ | + | * [[CSS|CSS 概要、コツ、テクニック、情報リソース]] |
| − | * [[CSS Troubleshooting| | + | * [[FAQ/レイアウトとデザイン| FAQ - WordPress レイアウト]] |
| − | * [[CSS Fixing Browser Bugs| | + | * [[テンプレートタグ入門]] |
| + | * [[テンプレートタグ]] | ||
| + | * [[CSS Troubleshooting|CSS トラブルシューティング]]/[[:en:CSS Troubleshooting|en]] | ||
| + | * [[CSS Fixing Browser Bugs|CSS でブラウザのバグを修正]]/[[:en:CSS Fixing Browser Bugs|en]] | ||
| − | ==WordPress プラグイン== | + | ===WordPress プラグイン=== |
| − | [[Image: | + | [[Image:plugins.png|right|thumb|250px|プラグインパネル]] |
| + | [[プラグイン|WordPress プラグイン]]もアドオンや拡張として知られている。これは君の Web サイトに機能やイベントを追加するソフトウェアスクリプトだ。最新の天気予報から、単純な投稿とカテゴリーの整理まで、あらゆる領域をカバーするものがある。プラグインはボランティアの貢献者やチャレンジと問題解決の好きな熱心な人によって作られている。通常は WordPress 管理画面から実に[[プラグインの管理|シンプルなインストール]]ができるから、プラグイン作者の提供する支持に従うだけだ。忘れないでほしいのは、これらが自由であり、必要不可欠なものではないということだ。もしプラグインによって何らかの問題に直面したら、プラグイン作者の Web サイトかプラグインのソースに当たってみて、それから該当するプラグインに関するヘルプをネットで検索しよう。もしも解決方法が見つからなかったら、WordPress フォーラムでヘルプを探してみよう。 | ||
| − | * [http:// | + | * [http://wordpress.org/extend/plugins/ WordPress 公式プラグインレポジトリ] |
| − | + | * [[プラグインの管理]] | |
| − | * [[ | + | * [[プラグイン]] |
| − | * [[ | + | |
| − | =さらに一歩進んで= | + | ==さらに一歩進んで== |
| − | + | WordPress のエキサイティングなところは、ほとんど制限のないことだ。何千人がブログやサイトの運営に WordPress を利用している。彼らのサイトのすべてが違った見かけと機能を持っている。 | |
| − | * [[ | + | * [[利用者:Nao/WordPress を使ったサイト|WordPress を使った日本のサイト例]] |
| − | * [http:// | + | * [http://wordpress.org/showcase/ WordPress Showcase] - WordPress を使ったサイト例 |
| − | + | ここからなにをするかは君次第、でも基本を終えた最初の一歩で訪れるべき場所がいくつかあります。 | |
* [[WordPress Features|WordPressの機能]] | * [[WordPress Features|WordPressの機能]] | ||
| − | * [[ | + | * [[Working_with_WordPress|WordPress を扱う]]/[[:en:Working_with_WordPress|en]] |
| − | * [[Pages| | + | * [[Pages|固定ページを使う]] |
* [[The_Loop|WordPressループを理解する]] | * [[The_Loop|WordPressループを理解する]] | ||
| − | |||
* [[Using Permalinks|パーマリンクを使う]] | * [[Using Permalinks|パーマリンクを使う]] | ||
| − | * [[ | + | * [[Press This]] - Web から簡単に投稿できるブックマークレット |
| − | ==もっとヘルプが必要？== | + | ===もっとヘルプが必要？=== |
* [[Codex|Codexメインページ]] | * [[Codex|Codexメインページ]] | ||
* [[FAQ|FAQ - よくある質問]] | * [[FAQ|FAQ - よくある質問]] | ||
| − | * [[Getting More Help|さらに詳しいヘルプ]] | + | * [[Getting More Help|さらに詳しいヘルプ]]/[[:en:Getting More Help|en]] |
* [[サポートフォーラムの利用]] | * [[サポートフォーラムの利用]] | ||
| + | * [[トラブルシューティング]]/[[:en:Troubleshooting|en]] | ||
| + | |||
| + | {{原文|First Steps With WordPress|77171}} | ||
| − | {{ | + | {{DEFAULTSORT:はしめてのわあとふれす}} |
| − | |||
| − | |||
[[Category:WordPress レッスン]] | [[Category:WordPress レッスン]] | ||
| + | [[Category:初心者向けトピック]] | ||
| + | [[Category:WordPress ヘルプ]] | ||
| + | [[Category:デザインとレイアウト]] | ||
| + | [[Category:トラブルシューティング]] | ||
[[en:First Steps With WordPress]] | [[en:First Steps With WordPress]] | ||
| + | [[ru:Первые шаги с WordPress]] | ||
2010年1月4日 (月) 22:32時点における版
このページ「はじめての WordPress」は 情報が古くなっている可能性があります。最新版（英語）も合わせてご覧ください。最新に更新してくださる協力者を求めています。
目次
次のステップ
WordPress の5分間インストールが、難なく楽々と完了したかな？WordPress にはたくさんのすばらしい機能が詰まっているんだけど、どこからはじめようか。
それじゃ、これから君のサイトの中を一歩ずつ見て回って、いろんな機能がどんなふうに使えるかとか、どうやって WordPress のサイトを自分らしくカスタマイズするかとかを知ることにしよう！
このチュートリアルの最初の部分では、（チュートリアルの一部でない限りは）プログラムの内部のことには手をつけないでほしい。これから紹介する簡単なステップに従っていけば、そのうち君もいろんなものに手をつけられるようになるよ。
トップからスタート
まず、管理パネルにログインするところから始めるとしよう。ここが君のサイトの中枢部分。想像力を思いっきり爆発させて、才能あふれる文章を書いたり、最高にカッコいい Web サイトをデザインしたりする場所だ。そしてここから君のサイトを作っていくんだけど…まだここはほんの入り口だ。
管理パネルの中で、画面左上のサイトタイトル横にある「サイトを表示」をクリックしてみよう。どう、いい感じ？それともあんまり好きじゃないって…？まあどっちでもいいや、ちょっと眺めてみてよ。ここが、これからの数分間・数時間・数週間・数ヶ月間…君がたっぷり時間をすごすことになる場所だ。
WordPress サイトのテスト運営
目の前にあるサイトをじっくり眺めてみよう。いろいろ手を加えたり使い方をすべてを理解したりするより前に、デフォルトの WordPress テーマがどんなふうに作られていて、どんなふうに動作するのかを知るのが大事だよ。まあ、これはいろいろな機能を付け加える前のテスト運営だと思ってみて。
今見ているレイアウトはテーマっていうんだ。これが、君のサイトの見た目を決めるんだ。WordPress の “default” テーマには、一番上に君のサイトのタイトルの背景となる青色の「ヘッダー」がある。そして横の方にはタイトルやリンクがあるね。これが「サイドバーメニュー」だよ。そしてメインの中央部分には「投稿」が、下のほうには「フッター」がある。
まず、投稿部分を見てみよう。タイトルがあって、その下にはちょっとした情報があるよね。これは、’投稿メタデータ'といって、作成された日付や時間、作成者、カテゴリーなど、その投稿に関する情報が含まれている。
ページを下にスクロールすると、ページの一番下にある横長のセクションに注目してみよう。これがフッター。今のところここには "【ブログ名】 is proudly powered by WordPress." って書いてあるね。
それじゃサイドバーに戻ろうか。情報がが書かれたいろんなセクションがあるよね。ここには固定ページ、カテゴリー、過去の投稿のアーカイブ、カレンダー、そして日付なんかがあるはずだ。ここはメニューやナビゲーションパネルにあたるところで、みんなが君のサイトの中のいろんなカテゴリーや時系列別の投稿を見て回るために使う部分だ。
細部がすべてだ
ページレイアウトやデザインのちょっとした細かい部分を、時間をかけてじっくり見てみよう。投稿のタイトルの上をマウスオーバーしてみてごらん。色が変わるのが分かった？これは「hover（ホバー）」と呼ばれ、ほとんどのテーマではリンクの上をさわると区別できる色や何かの変化が現れるようになっている。サイドバーのリンクのどこかでマウスオーバーしてみて。何か変わった？さっきと同じ変化かな？ページ上の違う部分でリンクホバーを変化させてもいいけど、たいていは一貫して同じにしておくべきだ。それから、リンクの色も見てごらん。他のテキストより目立つように、どんな色が使われているかな？
こういうちょっとした部分や、ページのどこにそういったものがあるのかに注意を払うのは大事なことだ。そのうち、例えばページ上部の青色ボックス内のタイトルのリンク色のような細部に手をつけたくなるだろう。それが「ヘッダー」って言う名前だって分かってたら、スタイルシート（ウェブページの見た目を調整するファイル）の中の header 部分に変更を加えればいいって分かるからね。
手早くひととおり見て回ろう
今のところトップページ（ホームページ）を見ると、投稿がひとつだけあるだろう。そこで投稿のタイトルをクリックすると、その投稿の独立したページに行くことができる。最初に見る君のサイトのホームページには一番最近の投稿が表示されるようになっていて、それぞれの投稿のタイトルが個別投稿ページにリンクされているんだ。個別投稿ページをホームページと違った見た目にデザインしてあるテーマもある。
繰り返しになるけど、個別投稿ページでもレイアウトをじっくり見てみて、今度はどういったところが違うかを探してみよう。ヘッダーは何か違う？サイズや色は？サイドバーはある？WordPress のデフォルトテーマでは、個別投稿ページになるとサイドバーはなくなる。じっくり見て違いに注目してみよう。
投稿は普通、関連するトピックをひとつにまとめられるよう、カテゴリーが指定されている。今のところ君のサイトにはひとつしかカテゴリーがないけど、そのうちもっとたくさん欲しくなるはずだ。ホームページで、サイドバーにあるカテゴリーをくりっくしてみてごらん。そしたら、そのカテゴリー内の投稿だけを表示するページに移動する。ここでも他のページと何が違うかよく見ておいてね。
「アーカイブ」でも同じことをやってみよう。今のところひとつしか投稿がないかもしれないけど、ページのレイアウトを見てみてごらん。他のページと同じ？違っている？
WordPress 管理パネルをテスト運転してみる
ここでは君は常にたくさんの WordPress リソースからちょっとした面白い最新情報を入手できる。片隅には最近君のサイト上で行われたことのリストもあるよ。
管理画面のメインメニューにあるのは以下の通り:
上のリストのリンクから、管理画面が見せるすべての顔をステップ・バイ・ステップで解説してくれる一連の投稿に行けるよ。今取り掛かるのが心配だっていうのなら、 ユーザーパネルから始めよう。
ユーザーメニューをクリックしよう。画面が切り替わって、プロフィールというパネルが見えるだろう。これで君は、君自身とサイトの投稿者・管理者の情報にアクセスしたことになる。投稿者とユーザーという次のメニューでは、もっとたくさんの投稿者を設定できる。 今のところは、君のことだけにこだわろう。君自身の情報を入力したら、プロフィール更新をクリックしよう。
それでは、WordPress 管理画面の強力な機能を見てみよう。
サイトの見た目を手早く変更する
外観パネルでは、テーマ を使うことで、君のサイトの外見を変えることができる。テーマというのはスタイルの表現で、サイトの見栄えを完璧に変えることができる。WordPress のユーザーによってデザインされたテーマが何百とあって、君はそこから選ぶことができる。デザインパネルには、2つのテーマ、「WordPress Default」と「WordPress Classic」があるだろう。この素早い切り替えのプロセスを見たかったら、Classic を選択して、どんな見栄えになったかを確かめるためにサイトを表示をクリックすればいい。ワオ、サイトの見栄えは変わったのに、見栄え以外に変わったものはない。実に簡単だね。
ブラウザの戻るボタンで外観パネルに戻って、以前のデザインに戻すために default を選択しよう。もう一度確認するために、サイトを表示をクリックすると、ほらね。正直言って、簡単だ。
投稿を作成・管理する
管理画面に戻って、投稿管理パネルと固定ページ管理パネルを見てみよう。ここから、君のサイト内の投稿と固定ページを管理できるんだ。
投稿を作成メニューで最初のテスト投稿を作成することから始めよう。
もし画面が少しおっかなかったら、投稿の作成という Codex のページが投稿を作成するプロセスについてステップ・バイ・ステップで解説してくれるよ。そのページをちょっと読んでみて、最初のエントリーを投稿したら、次のステップに行こう。
もし急ぎなら、空っぽのタイトルと投稿ウィンドウにちょっとしたテストメッセージを入れればいい。これはテストだから、なんでもいいよ。それが済んだら、投稿の右にある公開をクリックして終わり。こうすると、空っぽの投稿画面が現れて、次の投稿ができるってわけだ。先に進もう。でも、３つから４つぐらいは投稿してくれよ。この前には、もっと面白いことがあるんだから。
それじゃあ、投稿作成の感じは掴めたから、画面の上にあるサイトを表示をクリックして、投稿を見てみよう。ほらね。これで本番に移る準備ができたってわけだ。
計画を立ててみよう
すべての良い計画は、良い計画に由来する。くどいように聞えるけど、ほんとだよ。もし良質できっちりしたサイトを作りたかったら、良質できっちりした計画が必要だ。それをやるのは大変だし、このエキサイティングなプログラムで何かと遊んでみたいというのはわかるけど、そろそろパソコンから離れて、古臭い紙とペンに戻る時だよ。そうだよ、人間が物事を書き留めていた時代に戻ろう。
ノートの切れ端（あるいは、そこら辺にあるもの）に君のサイトの詳細を記す時間が来た。5分から20分かけて、君のサイトの目的――もっと言うならミッション宣言――をはっきりさせよう。
次の質問に答えよ:
- 君はこのサイトでなにをしようとしているのか？
- 誰がこのサイトを見るのか？
- どんな種類の情報が投稿されるのか？
- 君はどれぐらいの頻度で投稿し、情報を追加するだろうか？
- なぜこのサイトを始めたのか？
で、この情報をまとめると、このようになる:
(2) ___________、___________、___________である。
(3) ___________、___________、___________ について (4) ___________ごとに投稿する。
情報を使って
この情報から、たくさんの情報を集めることができる。たとえば、君のサイトをどうやってレイアウト・デザインした方がいいかという情報が得られる。もし君のサイトの読者が25歳以下の若者だけで構成されていることがわかっているなら、たぶん原色でエキセントリックなグラフィックとかダークなトーンのオシャレな外見が必要だろう。つまり、その世代に適切なものだ。もし、マジメな話題における事実に則った情報を提供しているのなら、たぶんポップでflashだらけではなく、もっと保守的な外見が必要だろう。
たぶん、君の中にはすでにデザインに関するアイデアがあるか、以前に君が運営していたサイトを踏襲するだろう。しかし、デザインを再考し、君のしたいことが WordPress のオプションでうまく行くようにするために、この情報をもう少し吟味してほしい。
君は自分のサイトにどんなカテゴリーがありえるかについても、気づいているだろう。君がカバーするトピックと主題は、君のサイトの目的にリストされているはずだ。ここで君の目的を宣言しよう。
- "この Web サイトはパソコン、Web サイト、インターネットに関する情報を提供するためにあり、パソコン関連情報、Web サイトデザインとインターネットニュースに関するトピックをカバーする。"
トピックがカテゴリーになる。君の目的をまとめたものの下にカテゴリーを書き、Web サイトデザインについて書きとめよう。
それでは、これらのトピックの下にはどんなサブカテゴリーが来るだろうか。パソコン関連情報の下では、Windows と Linux と Mac を区別したいだろう。もしくは、ソフトウェアとハードウェアかもしれない。サブカテゴリーを作ることはできるけれども、とりあえず、その前に立ち止まろう。書き留めるんだ。
「なぜこのサイトを始めたのか？」という質問を思い出してほしい。というのも、君が共有するに値する有益でタイムリーな情報をもっているからであり、君が自分に興味のある主題について語りたがっているからであり、もしかしたら、ただ語ると面白いと思っているからだ。なぜ？ みんなそうしているじゃないか！
君が自分のサイトで表現したいと思っている情報のタイムラインを理解することで、サイトの情報を整理することができる。君のサイトはいくつかの異なる方法で整理されている。もしページの成否を、君がいつ投稿したかという日付が左右するのなら、日付による投稿の参照によってリンクをつけることが重要だ。もし情報そのものが重要で、時系列は関係ないのだとしたら、投稿をカテゴリーによって参照させることが最良の選択になる。
君は自分のサイトをレイアウトしつつあるということに気付いているかい？ 君が新しい WordPress サイトで最初にテスト投稿したことを覚えているなら、サイドバーメニューを調べてみよう。このエリアに、君の投稿が整理されている。もうちょっと見てみると（よし、ちょっとの間だけパソコンの前に戻ってもいいよ）、リストでレイアウトされたサイドバー/en が日付ごとのアーカイブ、カテゴリー分け、そしてもしかしたら、カレンダー機能（Default テーマでは無効だけれど、Classic テーマで表示される）で整理されていることがわかるだろう。
紙の上に君のサイトをレイアウトしたら、サイドバーにはカテゴリーと日付の両方がいるのか、もしくはそのどちらかでいいのか、検討してみよう。どんな情報があるのか、ユーザーが情報を見つけるためにどんな手段を提供するのか、ということが君のサイトデザインにとって決定的なんだ。
どんな情報をシェアしたいか
ユーザーが何の情報を知りたがっているのかについて考えたら、自分がどんな情報をユーザーと共有したいと思っているかについて考えよう。その情報に、君へのコンタクト方法、サイトの目的、君が誰で何の専門家なのか、ということが含まれていることで、君が誰かわかるようになる。
WordPress には固定ページという機能があって、簡単な方法でこの情報を伝えることができる。この投稿に似ているページというものは、このサイトについて、お問い合わせ、メーリングリストに参加、その他静的な情報に用いられるのが一般的だ。固定ページを作る前に、ページに持たせたい情報について考えてみる必要がある。それぞれのページにつけられそうなタイトルとネットで共有したい情報について書きとめてみよう。
コメント
WordPress の楽しみの一つに、君のサイトに読者がコメントを残せるという機能がある。これは君と読者の間にダイナミックな交流を作り出す。投稿にコメントがほしいかい？ 投稿へのコメントは色んな形を取り、背中をポンと叩く（グッジョブ！ この投稿イイ！）ものから、長いチャットのような厖大な会話と注釈のようなものまである。もしくは、君は自分の投稿に情報を付け足してくれるコメントが欲しいのかもしれない。どんな風にコメントフォームを表現するか、それによってみんながコメントをするかどうか決まるんだ。
返事を書いたり、コメントの修正をしたり、コメントには多くの時間を割かれることもある。君のサイトにとってコメントが不可欠なら、コメントを導入して、どのように見せるかを考えよう。テストサイトに戻ってごらん、インストールの時に作った最初の投稿にサプルコメントがあるだろう。自分が作った投稿にいくつかコメントをしてみてもいい。それがどのようにレイアウトされているかを見て、自分のサイトのレイアウトやデザイン上でどんな風に見えるかを検討しよう。
コメントをどう扱うかということに関して腹をくくったら、時間をかけてコメントとディスカッション設定に関するページを読み、その機能を設定する一助としよう。
この基本的な情報があればもう充分。パソコンの前に戻って、サイトのレイアウトと設定を始めよう。
サイトの設定
サイトの外観を編集する前に、もう少しだけサイト管理関係の作業をしよう。
まずは、最初に決めたトピックをもとにカテゴリーを作ってみよう。
カテゴリーの作成
投稿 > カテゴリーメニューで、カテゴリーの追加フォームに入力しよう。続けてリストの中に親カテゴリーを加えるんだ。メインカテゴリーを入力し終えるまで、サブカテゴリーを入力するのは待ってくれ。
親カテゴリーを入力し終えたら、サブカテゴリーを入力しよう。親カテゴリーのプルダウンメニューから、追加したサブカテゴリーの親カテゴリーを選択できる。管理＞カテゴリーパネルでカテゴリーを見ているのなら、こんなカテゴリーリストが見えるはずだ:
パソコン関連情報
- - Windows
- - Linux
- - Mac
インターネットニュース
Web サイトデザイン
- - Web 標準
- - WordPress
- - - プラグイン
- - - テーマ
- - - プラグイン
カテゴリー内に投稿を入れる
カテゴリーにテスト投稿を入れてみて、どんな風になるのか見てみよう。
管理 > カテゴリー パネルから、投稿メニューをクリックしよう。ここには君の入力したテスト投稿があるはずだ。右側には表示 - 編集- 削除という三つのリンクがあるだろう〔訳注：2.5以降、編集は投稿名、削除はチェックボックス、表示はステータス欄をクリック〕。編集をクリックして、投稿の一つを編集しよう。投稿編集画面の右側〔訳注：2.5以降は下〕にカテゴリーがあるだろう。隣にあるチェックボックスをクリックして、選択しよう。それでは、ページをスクロールして、保存をクリック。他のテスト投稿でも同じことをして、それぞれを異なるカテゴリーに入れよう。
では、管理パネルの一番上にあるサイトを表示をクリックして、サイトを見てみよう。サイドバーにカテゴリーがリストされているのがわかるかい？ よくできた。消えてしまったカテゴリーがあれば、大体はそこに属する投稿がないということだ。これは WordPress のデフォルト機能だから、心配しなくていい。消えたカテゴリーの中に投稿を加えれば、サイト上に表示されるようになる。カテゴリーの一つをクリックしてみると、そのカテゴリーのページへ行くだろう。そのカテゴリーに属する投稿が見えるだろう。カテゴリーページが生成されたんだ。
よし、月名を表示しているアーカイブをクリックしよう。君が移動したページはこれまた自動生成されたもので、その月の投稿が時系列でリストされている―まあ、今日作った投稿だけだろうけれど―。ともかく、同じ情報を見つけるために、2つの方法があるわけだ。
スパム対策
サイトでコメントを許可したら、考えるべきことが増える。ついてないことだけれど、我々はスパムが生きた現実となった世界に生きている。コメントスパム対策という役に立つ記事を読んで、コメント・スパマーと戦い始めることを勧めておこう。
次に
君は新しい WordPress サイトのための基本をすべて終えた。投稿の作成法もカテゴリーの作成法もカテゴリーやアーカイブを使ってサイトの情報を見る方法もわかった。これでカスタマイズに入ることができるけれど、それが終わったら、テスト投稿を削除することを忘れないように！ それでは、新世界で共有する価値のある素晴らしい情報を書き始めよう！
WordPress サイトをカスタマイズする
WordPress がどうやって動くのかについてわかってきたら、クリエイティブなカスタマイズを始めてもいい頃だ。ここでチュートリアルは異なる主題に別れてくるから、何からとりかかってもいい。ここから君はやりたいようにやれるし、そうしたいのなら、足したり引いたり、完璧にしたり、しっちゃかめっちゃかにしたりもできる。サイトにどれぐらいの労力を傾けるべきかは君次第だ。インストール時から入っている2つの WordPress テーマを利用することもできるし、君のニーズにあった別のテーマを捜し求めることもできる。君の望みを叶えるために、すべてのリンクと情報をカスタマイズしたり、サイト全体を完璧にデザインしなおしてもいい。もう基本は知っているんだから、あとは君の想像力次第だよ。
- WordPress テーマを探す
- サイトの外見としてよりふさわしいと思うものを探そう。
- 見映えをカスタマイズ
- コードの中に突入する準備ができているなら、CSSとテーマの修正（もしくは自分のを作ってしまう）で見映えとレイアウトをカスタマイズできる。
- プラグインでサイトの機能を高めよう
- プラグインはサイトに機能を加え、ときに楽しませてくれる。サイドバーにある関連する投稿に天気予報へのカスタムリンクを加えるようなプラグインが何百とあるんだ。
WordPress テーマ
選ぶことができる WordPress テーマは何百とある。どれも基本的には同じことをするのだけれど、外見的にはそれぞれ異なったやり方で情報を伝えるんだ。読者と君のニーズに合っていて、君が面白いと感じるものを二、三選んだら、上にあったテスト運転の方法にしただがって、テストしてみよう。カテゴリー、アーカイブ、それからここの投稿という具合に、くまなくクリックして、テーマがその一つ一つをどうやって扱うのかを確かめよう。フロントページではよく見えても、個々の投稿ではあまり好ましくないというのだったら、コードの詳細を見て、変更を加えよう。心構えができていなかったら、別のテーマを試してみよう。
見た目をカスタマイズ
もしCSS、HTML、さらにはPHPとMySQLに詳しいなら、自分がやりたいようにテーマをカスタマイズすることを検討してみよう。これは臆病者に向いたことではなく、知識と経験のある人向けだ。もしサイトデザインと開発スキルを伸ばしたいなら、WordPress はこんなお手伝いができる:
- テーマの使用
- WordPress 公式テーマレポジトリ
- テーマの作成
- テンプレート入門
- テーマ用テンプレートファイル
- ブログのデザインとレイアウト
- CSS 概要、コツ、テクニック、情報リソース
- FAQ - WordPress レイアウト
- テンプレートタグ入門
- テンプレートタグ
- CSS トラブルシューティング/en
- CSS でブラウザのバグを修正/en
WordPress プラグイン
WordPress プラグインもアドオンや拡張として知られている。これは君の Web サイトに機能やイベントを追加するソフトウェアスクリプトだ。最新の天気予報から、単純な投稿とカテゴリーの整理まで、あらゆる領域をカバーするものがある。プラグインはボランティアの貢献者やチャレンジと問題解決の好きな熱心な人によって作られている。通常は WordPress 管理画面から実にシンプルなインストールができるから、プラグイン作者の提供する支持に従うだけだ。忘れないでほしいのは、これらが自由であり、必要不可欠なものではないということだ。もしプラグインによって何らかの問題に直面したら、プラグイン作者の Web サイトかプラグインのソースに当たってみて、それから該当するプラグインに関するヘルプをネットで検索しよう。もしも解決方法が見つからなかったら、WordPress フォーラムでヘルプを探してみよう。
さらに一歩進んで
WordPress のエキサイティングなところは、ほとんど制限のないことだ。何千人がブログやサイトの運営に WordPress を利用している。彼らのサイトのすべてが違った見かけと機能を持っている。
- WordPress を使った日本のサイト例
- WordPress Showcase - WordPress を使ったサイト例
ここからなにをするかは君次第、でも基本を終えた最初の一歩で訪れるべき場所がいくつかあります。
- WordPressの機能
- WordPress を扱う/en
- 固定ページを使う
- WordPressループを理解する
- パーマリンクを使う
- Press This - Web から簡単に投稿できるブックマークレット
もっとヘルプが必要？
最新英語版： WordPress Codex » First Steps With WordPress （最新版との差分）
