当サイト、Codex 日本語版は今後積極的な更新は行わない予定です。後継となる新ユーザーマニュアルは、https://ja.wordpress.org/support/ にあります。
万が一、当サイトで重大な問題を発見した際などは、フォーラムWordSlack #docs チャンネルでお知らせください。</p>

「はじめての WordPress」の版間の差分

提供: WordPress Codex 日本語版
移動先: 案内検索
(WPJ Codex データインポート(2005年5月27日 (金) 19:24 BLefler 版 en:First Steps With WordPress)、原文リンク追加等)
(themes.png差替え)
 
(3人の利用者による、間の17版が非表示)
1行目: 1行目:
 
{{Old}}
 
{{Old}}
{{NeedTrans}}
 
 
{{スタートガイド|設定}}
 
{{スタートガイド|設定}}
 +
__TOC__
 +
==次のステップ==
 +
[[WordPress のインストール|WordPress の5分間インストール]]、またはホスティングサービスでのワンクリックインストールが問題なく完了したかな?WordPress にはたくさんの[[WordPress Features|すばらしい機能]]が詰まっているんだけど、どこからはじめようか。
  
= じゃ、次はなに?=
+
それじゃ、これから君のサイトの中を一歩ずつ見て回って、いろんな機能がどんなふうに使えるかとか、どうやって WordPress のサイトを自分らしくカスタマイズするかとかを知ることにしよう!
[[WordPress のインストール|WordPressの5分間インストール]]を楽々と終えた君。WordPressにはたくさんの[[WordPress Features|ステキな機能]]が詰まってるよ!じゃ、次はどうしよう?
+
 
+
それじゃ、これから君のサイトの中を一歩ずつ見て回って、いろんな機能がどんなふうに使えるかとか、どうやってWordPressのサイトを自分らしくカスタマイズするかとかを知ることにしよう!
+
  
 
このチュートリアルの最初の部分では、(チュートリアルの一部でない限りは)''プログラムの内部のことには手をつけない''でほしい。これから紹介する簡単なステップに従っていけば、そのうち君もいろんなものに手をつけられるようになるよ。
 
このチュートリアルの最初の部分では、(チュートリアルの一部でない限りは)''プログラムの内部のことには手をつけない''でほしい。これから紹介する簡単なステップに従っていけば、そのうち君もいろんなものに手をつけられるようになるよ。
  
==トップからはじめよう==
+
===トップからスタート===
まず、[[管理パネル]]にログインするところから始めるとしよう。ここが君のサイトの中枢部分。想像力を思いっきり爆発させて、才能あふれる文章を書いたり、最高にカッコいいWebサイトをデザインしたりする場所だ。そしてここから君のサイトを作っていくんだけど…まだここはほんの入り口だ。
+
[[Image:dashboard.png|left|thumb|350px|サイトのダッシュボード]]まず、[[管理画面]]にログインするところから始めるとしよう。ここが君のサイトの中枢部分。想像力を思いっきり爆発させて、才能あふれる文章を書いたり、最高にカッコいい Web サイトをデザインしたりする場所だ。そしてここから君のサイトを作っていくんだけど…まだここはほんの入り口だ。
[[Image:viewsitelink.png|right|thumb|View Site Link]]
+
画面上部に「ツールバー」と呼ばれる部分がある。ここの、サイト名をクリックしてみて欲しい。そうすると、新しい WordPress が表示される。どう、いい感じ?それともあんまり好きじゃないって…?まあどっちでもいいや、ちょっと眺めてみてよ。ここが、これからの数分間・数時間・数週間・数ヶ月間…君がたっぷり時間を過ごすことになる場所だ。
管理パネルの中で、画面上部のメニューから'''View Site(サイト表示)'''を選んでみよう。どう、いい感じ?それともあんまり好きじゃないって…?まあどっちでもいいや、ちょっと眺めてみてよ。ここが、これからの数分間・数時間・数週間・数ヶ月間…君がたっぷり時間をすごすことになる場所だ。
+
  
=WordPress サイトをテスト運転してみる=
+
==WordPress サイトのテスト運営==
目の前にあるサイトをじっくり眺めてみよう。いろいろ手を加えたり[[Working with_WordPress|ぜんぶの使い方]]を理解したりするより前に、デフォルトのWordPressテーマがどんなふうに作られていて、どんなふうに動作するのかを知るのが大事だよ。まあ、これはいろいろな機能を付け加える前のテスト運営だと思ってみて。
+
[[Image:twentyelevendefault.png|left|thumb|350px|{{DefaultTheme}}]]目の前にあるサイトをじっくり眺めてみよう。いろいろ手を加えたり[[Working_with_WordPress|使い方をすべてを理解したり]]するより前に、{{DefaultTheme}} がどんなふうに作られていて、どんなふうに動作するのかを知るのが大事だよ。まあ、これはいろいろな機能を付け加える前のテスト運営だと思ってみて。
[[Image:kubricktheme.png|right|thumb|WordPress Default Theme - Kubrick]]
+
今見ているレイアウトは[[テーマの使い方|テーマ]]っていうんだ。これが、君のサイトの[[管理画面#Appearance|見た目]]を決めるんだ。WordPress の “default” テーマには、一番上に君のサイトのタイトルの背景となる青色の「ヘッダー」がある。そして横の方にはタイトルやリンクがあるね。これが「サイドバーメニュー」だよ。そしてメインの中央部分には「投稿」が、下のほうには「フッター」がある。
今見ているレイアウトは[[Using Themes|Theme(テーマ)]]っていうんだ。これが、君のサイトの[[管理パネル#Presentation:_Change_the_Look_of_your_Blog|見た目]]を決めるんだ。WordPressの“デフォルト”テーマには、一番上に君のサイトのタイトルの背景となる青色の「header(ヘッダ)」がある。“クラシック”テーマには緑っぽいヘッダがある。そして横の方にはタイトルやリンクがあるね。これが「sidebar menu(サイドバーメニュー)」だよ。そしてメインの中央部分には「post(記事)」が、下のほうには「footer(フッタ)」がある。
+
  
まず、記事部分を見てみよう。タイトルがあって、その下にはちょっとした情報があるよね。これは、''post meta data(記事メタデータ)''っていって、作成された日付や時間、作成者、その記事のカテゴリーなど、その記事に関する情報が含まれている。
+
まず、投稿部分を見てみよう。タイトルがあって、その下にはちょっとした情報があるよね。これは、''’投稿メタデータ'''といって、作成された日付や時間、作成者、カテゴリーなど、その投稿に関する情報が含まれている。
  
ページを下にスクロールすると、ページの一番下にある横長のセクションに注目してみよう。これがフッター。今のところここには"Powered by WordPress"って書いてあるね。
+
ページを下にスクロールすると、ページの一番下にある横長のセクションに注目してみよう。これがフッター。今のところここには "【ブログ名】 is proudly powered by WordPress." って書いてあるね。
  
それじゃサイドバーに戻ろうか。情報がが書かれたいろんなセクションがあるよね。ここには[[Pages|ページ]]、[[管理パネル#Categories|カテゴリー]]、過去の記事のアーカイブ、カレンダー、そして[[テンプレートタグ/the_date|日付]]なんかがあるはずだ。ここはメニューやナビゲーションパネルにあたるところで、みんなが君のサイトの中のいろんなカテゴリーや時系列別の記事を見て回るために使う部分だ。
+
それじゃサイドバーに戻ろうか。情報がが書かれたいろんなセクションがあるよね。ここには[[Pages|固定ページ]]、[[管理画面#Categories|カテゴリー]]、過去の投稿のアーカイブ、カレンダー、そして[[テンプレートタグ/the_date|日付]]なんかがあるはずだ。ここはメニューやナビゲーション画面にあたるところで、みんなが君のサイトの中のいろんなカテゴリーや時系列別の投稿を見て回るために使う部分だ。
  
==細部がすべてだ==
+
===細部がすべてだ===
ページレイアウトやデザインのちょっとした細かい部分を、時間をかけてじっくり見てみよう。記事のタイトルの上をマウスオーバーしてみてごらん。色が変わるのが分かった?これは''hover(ホバー)''っていって、ほとんどのテーマではリンクの上をさわると区別できる色や何かの変化が現れるようになっている。サイドバーのリンクのどこかでマウスオーバーしてみて。何か変わった?さっきと同じ変化かな?ページ上の違う部分でリンクホバーを変化させてもいいけど、たいていは一貫して同じにしておくべきだ。それから、リンクの色も見てごらん。他のテキストより目立つように、どんな色が使われているかな?
+
ページレイアウトやデザインのちょっとした細かい部分を、時間をかけてじっくり見てみよう。投稿のタイトルの上をマウスオーバーしてみてごらん。色が変わるのが分かった?これは「hover(ホバー)」と呼ばれ、ほとんどのテーマではリンクの上をさわると区別できる色や何かの変化が現れるようになっている。サイドバーのリンクのどこかでマウスオーバーしてみて。何か変わった?さっきと同じ変化かな?ページ上の違う部分でリンクホバーを変化させてもいいけど、たいていは一貫して同じにしておくべきだ。それから、リンクの色も見てごらん。他のテキストより目立つように、どんな色が使われているかな?
  
こういうちょっとした部分や、ページのどこにそういったものがあるのかに注意を払うのは大事なことだ。そのうち、例えばページ上部の青色ボックス内のタイトルのリンク色のような細部に手をつけたくなるだろう。それが''ヘッダー''って言う名前だって分かってたら、スタイルシート(ウェブページの見た目を調整するファイル)の中の ''header'' 部分に変更を加えればいいって分かるからね。
+
こういうちょっとした部分や、ページのどこにそういったものがあるのかに注意を払うのは大事なことだ。そのうち、例えばページ上部の青色ボックス内のタイトルのリンク色のような細部に手をつけたくなるだろう。それが「ヘッダー」って言う名前だって分かってたら、スタイルシート(ウェブページの見た目を調整するファイル)の中の ''header'' 部分に変更を加えればいいって分かるからね。
  
==手早くひととおり見て回ろう==
+
===手早くひととおり見て回ろう===
今のところトップページ(ホームページ)を見ると、記事がひとつだけあるだろう。そこで記事のタイトルをクリックすると、その記事の独立したページに行くことができる。最初に見る君のサイトのホームページには一番最近の記事が表示されるようになっていて、それぞれの記事のタイトルが個別記事ページにリンクされているんだ。''single(個別)''記事ページをホームページと違った見た目にデザインしてあるテーマもある。
+
今のところトップページ(ホームページ)を見ると、投稿がひとつだけあるだろう。そこで投稿のタイトルをクリックすると、その投稿の独立したページに行くことができる。最初に見る君のサイトのホームページには一番最近の投稿が表示されるようになっていて、それぞれの投稿のタイトルが個別投稿ページにリンクされているんだ。個別投稿ページをホームページと違った見た目にデザインしてあるテーマもある。
[[Image:Kubrick_Single.jpg|right|thumbnail|WordPress Default Theme - Single Post Look]]
+
[[Image:twentyeleven-singlepost.jpg|right|thumb|250px|{{DefaultTheme}} - 個別投稿表示]]
繰り返しになるけど、個別記事ページでもレイアウトをじっくり見てみて、今度はどういったところが違うかを探してみよう。ヘッダーは何か違う?サイズや色は?サイドバーはある?WordPressのデフォルトテーマでは、個別記事ページになるとサイドバーはなくなる。じっくり見て違いに注目してみよう。
+
繰り返しになるけど、個別投稿ページでもレイアウトをじっくり見てみて、今度はどういったところが違うかを探してみよう。ヘッダーは何か違う?サイズや色は?サイドバーはある?WordPress のデフォルトテーマでは、個別投稿ページになるとサイドバーはなくなる。じっくり見て違いに注目してみよう。
  
投稿は普通、関連するトピックをひとつにまとめられるよう、''[[管理パネル#Categories|カテゴリー]]''内に入っている。今のところ君のサイトにはひとつしかカテゴリーがないけど、そのうちもっとたくさん欲しくなるはずだ。ホームページで、サイドバーにあるカテゴリーをくりっくしてみてごらん。そしたら、そのカテゴリー内の記事だけを表示するページに移動する。ここでも他のページと何が違うかよく見ておいてね。
+
投稿は普通、関連するトピックをひとつにまとめられるよう、'''[[管理画面#Categories|カテゴリー]]'''が指定されている。今のところ君のサイトにはひとつしかカテゴリーがないけど、そのうちもっとたくさん欲しくなるはずだ。ホームページで、サイドバーにあるカテゴリーをくりっくしてみてごらん。そしたら、そのカテゴリー内の投稿だけを表示するページに移動する。ここでも他のページと何が違うかよく見ておいてね。
  
'''Archives(アーカイブ)'''でも同じことをやってみよう。今のところひとつしか投稿がないかもしれないけど、ページのレイアウトを見てみてごらん。他のページと同じ?違っている?
+
「アーカイブ」でも同じことをやってみよう。今のところひとつしか投稿がないかもしれないけど、ページのレイアウトを見てみてごらん。他のページと同じ?違っている?
  
=WordPress 管理パネルををテスト運転してみる=
+
==WordPress 管理画面をテスト運転してみる==
[[Image:dashboard.jpg|right|thumb|WordPress Admin Dashboard]]Now that you have an idea of how your site looks and what the different layout sections are called, it's time to test drive the [[Administering Your Blog|WordPress Administration]].  This is like familiarizing yourself with the dashboard of your new website.  In fact, the first page you see after logging in is called The [[Administration_Panels#The_Dashboard|The Dashboard]].
+
よし、君がサイトをどうやって見せて、様々なレイアウト・セクションがどうやって呼び出されるか想像できるようになったら、WordPress の管理をやってみようじゃないか。これは新しい Web サイトのダッシュボード〔管理画面〕に慣れるのと同じようなものだ。実際、君がログインしたあとに見るページは、[[管理画面#Dashboard|ダッシュボード]]って言うんだよ。
  
The Dashboard is a new feature in WordPress v1.5.  It helps to keep you up to date on new and interesting bits of information from the many WordPress resources. In the corner it also features a list of the most recent activity you've done on your site.
+
ここでは君は常にたくさんの WordPress リソースからちょっとした面白い最新情報を入手できる。片隅には最近君のサイト上で行われたことのリストもあるよ。
  
Across the top of the Admin screen is the main menu, which says:
+
管理画面のメインメニューにあるのは以下の通り:
* [[Administration_Panels#The_Dashboard|ダッシュボード]]
+
* [[管理画面#Dashboard|ダッシュボード]]
* [[Administration_Panels#Write|投稿]]
+
* [[管理画面#Posts|投稿]]
* [[Administration_Panels#Manage_-_Change_your_content|管理]]
+
* [[管管理画面#Media|メディア]]
* [[Administration_Panels#Links_-_Putting_the_Inter_in_the_Internet|リンク]]
+
* [[管理画面#Links|リンク]]
* [[Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|表示]]
+
* [[管理画面#Pages|固定ページ]]
* [[Administration_Panels#Plugins_-_Add_Functionality_to_your_Blog|プラグイン]]
+
* [[管理画面#Appearance|外観]]
* [[Administration_Panels#Users_-_Your_Blogging_Family|ユーザー]]
+
* [[管理画面#Plugins|プラグイン]]
* [[Administration_Panels#Options_-_Configuration_Settings|設定]]
+
* [[管理画面#Users|ユーザー]]
* [[Administration_Panels#Logout|ログアウト(名前)]]
+
* [[管理画面#Tools|ツール]]
[[Image:userprofilepanel.jpg|right|thumb|User Profile Panel]]
+
* [[管理画面#Settings|設定]]
The links in the above list will take you to a series of articles that will guide you step-by-step through every aspect of the Admin panels.  You're anxious to get started, so for now, let's start with the [[Administration_Panels#Users_-_Your_Blogging_Family|Users panel]].
+
[[Image:profile.png|right|thumb|250px|ユーザープロフィール画面]]
 +
上のリストのリンクから、管理画面が見せるすべての顔をステップ・バイ・ステップで解説してくれる一連の投稿に行けるよ。今取り掛かるのが心配だっていうのなら、 [[管理画面#Users|ユーザー画面]]から始めよう。
  
Click on the '''Users''' tab.  The screen will change and you will see the panel called [[Administration_Panels#Your_Profile|Profile]]. This is where you will enter information about you, the author and [[Registered_User_Features|administrator]] of the site.  In the next tab called [[User Levels|Authors and Users]] you can set up more authors.  Let's stick with you for right now.  Fill in the information and click '''Update Profile''' when done.
+
'''ユーザー'''メニューをクリックしよう。画面が切り替わって、[[管理画面#.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|投稿者とユーザー]]という次のメニューでは、もっとたくさんの投稿者を設定できる。 今のところは、君のことだけにこだわろう。君自身の情報を入力したら、'''プロフィール更新'''をクリックしよう。
  
Now, let's look at the powerful feature functions of the WordPress Admin.
+
それでは、WordPress 管理画面の強力な機能を見てみよう。
  
==サイトの見た目を手早く変更する==
+
===サイトの見た目を手早く変更する===
[[Image:presentationpanel.jpg|right|thumb|The Presentation Panel]]The [[Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|Presentation panel]] allows you to change the look of your site using [[Using Themes|Themes]].  Themes are presentation styles that completely change the look of your site.  Designed by WordPress users, there are hundreds of themes available for you to choose from.  In your Presentation panel, you will see two themes, classic and default.  To try this quick-change process, simply select '''Classic''' and then click '''View Site''' to see how it looks.  Wow, you have another look and nothing else on the site has changed.  It's that easy.
+
[[Image:themes.png|right|thumb|250px|外観管理画面]]
 +
[[管理画面#Appearance|外観管理画面]]では、[[Using Themes|テーマ]]
 +
を使うことで、君のサイトの外見を変えることができる。テーマというのはスタイルの表現で、サイトの見栄えを完璧に変えることができる。WordPress のユーザーによってデザインされたテーマが何百とあって、君はそこから選ぶことができる。デザイン管理画面には、2つのテーマ、「WordPress Default」と「WordPress Classic」があるだろう。この素早い切り替えのプロセスを見たかったら、'''Classic''' を選択して、どんな見栄えになったかを確かめるために'''サイトを表示'''をクリックすればいい。ワオ、サイトの見栄えは変わったのに、見栄え以外に変わったものはない。実に簡単だね。
  
Go back to the Presentation panel ('''Back button''' on your browser) and select '''Default''' to bring the design back to what you had.  To see it again, click '''View Site''', and there it is.  Honestly, it is that simple.
+
ブラウザの'''戻る'''ボタンで外観管理画面に戻って、以前のデザインに戻すために '''default''' を選択しよう。もう一度確認するために、'''サイトを表示'''をクリックすると、ほらね。正直言って、簡単だ。
  
==投稿する・記事を管理する==
+
===投稿を作成・管理する===
Back in the Admin panel, take a look at the [[Administration_Panels#Write_-_Make_some_content|Write panel]], and the [[Administration_Panels#Manage_-_Change_your_content|Manage panel]]. You can use the tabs under the Write Menu to write posts and Pages. Using the tabs under the Manage menu, you can manage the posts and Pages in your site.
+
[[Image:writepost.png|right|thumb|250px|投稿作成画面]]管理画面に戻って、[[管理画面#Posts|投稿管理画面]]と[[管理画面#Pages|固定ページ管理画面]]を見てみよう。ここから、君のサイト内の投稿と固定ページを管理できるんだ。
  
Let's start by making your first test post in the [[Administration_Panels#Write_Post|Write Post]] tab.
+
[[管理画面#Write_Post|投稿を作成]]メニューで最初のテスト投稿を作成することから始めよう。
[[Image:Admin_Panel_Write_Post_1.5.png|right|thumb|Write Post Panel]]
+
もし画面が少しおっかなかったら、[[Writing_Posts|投稿の作成]]という Codex のページが投稿を作成するプロセスについてステップ・バイ・ステップで解説してくれるよ。そのページをちょっと読んでみて、最初のエントリーを投稿したら、次のステップに行こう。
If the screen looks a little intimidating, the Codex article on [[Writing_Posts|Writing a Post]] will take you step-by-step through the process of writing a post.  Take a moment to read through the article and post your first entry and then return to this article and we'll take you onto the next step.
+
  
If you are in a hurry, then simply fill in the blanks, one by one, in the post beginning with the title and then write a little test message in the post window.  This is just for a test, so you can write anything you want.  When you are done, click '''PUBLISH''' below the post entry window and it is done.  You will then see a blank Write a Post screen and you're ready to write another one.  Go ahead.  But do only three to four entries.  We have more exciting work ahead of us.
+
もし急ぎなら、空っぽのタイトルと投稿ウィンドウにちょっとしたテストメッセージを入れればいい。これはテストだから、なんでもいいよ。それが済んだら、投稿の右にある'''公開'''をクリックして終わり。こうすると、空っぽの投稿画面が現れて、次の投稿ができるってわけだ。先に進もう。でも、3つから4つぐらいは投稿してくれよ。この前には、もっと面白いことがあるんだから。
  
Now that you've gotten a feel for writing posts, you can view your posts by clicking View Site at the top of the screen.  Now it's time to get down to the real work.
+
それじゃあ、投稿作成の感じは掴めたから、画面の上にある'''サイトを表示'''をクリックして、投稿を見てみよう。ほらね。これで本番に移る準備ができたってわけだ。
  
=計画を立ててみよう=
+
==計画を立ててみよう==
All good plans come from a good plan.  Sounds redundant, but true.  If you want to create a good and solid website, you need a good and solid plan.  I know it's hard to do, and I know you want to keep poking and playing with this exciting program, but it is time to take a break away from your computer and turn to the old paper and pen.  That's right, we're going back in time to when people actually wrote things down.
+
すべての良い計画は、良い計画に由来する。くどいように聞えるけど、ほんとだよ。もし良質できっちりしたサイトを作りたかったら、良質できっちりした計画が必要だ。それをやるのは大変だし、このエキサイティングなプログラムで何かと遊んでみたいというのはわかるけど、そろそろパソコンから離れて、古臭い紙とペンに戻る時だよ。そうだよ、人間が物事を書き留めていた時代に戻ろう。
  
On a piece of notebook paper (or whatever is laying around) it's time to describe your site.  Take five to twenty minutes to come up with a purpose for your site, or better yet, call it your Mission Statement. 
+
ノートの切れ端(あるいは、そこら辺にあるもの)に君のサイトの詳細を記す時間が来た。5分から20分かけて、君のサイトの目的――もっと言うならミッション宣言――をはっきりさせよう。
  
Answer the following questions:
+
次の質問に答えよ:
  
# What am I going to do with this?
+
# 君はこのサイトでなにをしようとしているのか?
# Who is going to read this?
+
# 誰がこのサイトを見るのか?
# What kinds of information will I be posting?
+
# どんな種類の情報が投稿されるのか?
# Why am I doing this?
+
# 君はどれぐらいの頻度で投稿し、情報を追加するだろうか?
# Who am I doing this for?
+
# なぜこのサイトを始めたのか?
# How often am I going to be posting and adding information?
+
  
Now, compile this information into a paragraph so it looks like this:
+
で、この情報をまとめると、このようになる:
  
<div style="border:solid 1px navy; background: #ccffff; margin: 5px 20px; padding: 10px;">This website will be dedicated to X, Y, and Z,<br /><br />
+
<div style="border:solid 1px #B3B3B3; background: #E6E6E6; margin: 5px 20px; padding: 15px;">このサイトの目的は (1) ___________、___________、___________で、読者は<br /><br />
and cover the topics of A, B, and C. The audience will<br /><br />
+
(2) ___________、___________、___________である。<br /><br />
be __________ ________________ _______.  I will be adding <br /><br />
+
(3) ___________、___________、___________ について (4) ___________ごとに投稿する。<br /><br />
posts every _____________ about ________ _______ ______________. <br /><br />
+
サイトを始めた理由は、(5) ___________、___________、___________ である。</div>
I am doing this because _____________ _____________ __________________.<br /></div>
+
  
  
 +
===情報を使って===
 +
この情報から、たくさんの情報を集めることができる。たとえば、君のサイトをどうやってレイアウト・デザインした方がいいかという情報が得られる。もし君のサイトの読者が25歳以下の若者だけで構成されていることがわかっているなら、たぶん原色でエキセントリックなグラフィックとかダークなトーンのオシャレな外見が必要だろう。つまり、その世代に適切なものだ。もし、マジメな話題における事実に則った情報を提供しているのなら、たぶんポップでflashだらけではなく、もっと保守的な外見が必要だろう。
  
==情報を使って==
+
たぶん、君の中にはすでにデザインに関するアイデアがあるか、以前に君が運営していたサイトを踏襲するだろう。しかし、デザインを再考し、君のしたいことが WordPress のオプションでうまく行くようにするために、この情報をもう少し吟味してほしい。
From this information, we've gathered a lot of information.  We've uncovered information on how you might layout and design your site.  If you know your audience is mostly made up of young people under the age of 25, you will probably want a fashionable look ranging from wild colors and crazy graphics to dark foreboding tones.  Something appropriate for that generation.  If you are providing factual information about a serious subject, then you will probably want a more conservative look where the information is more important that a lot of pop and flash. 
+
  
You probably already have a design idea in mind, or you will be copying over from your previous site, but take a moment to use this information to reconsider your design, and to see how what you want will work with the WordPress options.
+
君は自分のサイトにどんなカテゴリーがありえるかについても、気づいているだろう。君がカバーするトピックと主題は、君のサイトの目的にリストされているはずだ。ここで君の目的を宣言しよう。
  
You have also uncovered the possible categories for your site.  The topics and subjects you will be covering are listed in your purpose statement.  Let's say your purpose statement said,
+
:::''"この Web サイトはパソコン、Web サイト、インターネットに関する情報を提供するためにあり、パソコン関連情報、Web サイトデザインとインターネットニュースに関するトピックをカバーする。"''
  
:::''"The website will be dedicated to providing news and information on computers, web pages, and the Internet and cover the topics of computer tips, web page design, and Internet news."''
+
トピックがカテゴリーになる。君の目的をまとめたものの下にカテゴリーを書き、Web サイトデザインについて書きとめよう。
  
Your topics are your categories.  Write your categories down below your purpose paragraph and notes about your web page design.
+
それでは、これらのトピックの下にはどんなサブカテゴリーが来るだろうか。'''パソコン関連情報'''の下では、'''Windows''' と '''Linux''' と '''Mac''' を区別したいだろう。もしくは、'''ソフトウェア'''と'''ハードウェア'''かもしれない。サブカテゴリーを作ることはできるけれども、とりあえず、その前に立ち止まろう。書き留めるんだ。
  
Now, what subcategories might be under these topics.  Under '''Computer Tips''', you might want to segregate them by '''Windows''', '''Linux''', and '''Mac'''.  Or maybe '''Software''' and '''Hardware'''.  You can have sub-sub-categories, but let's stop with subcategories for right now.  Write these down.
+
「なぜこのサイトを始めたのか?」という質問を思い出してほしい。というのも、君が共有するに値する有益でタイムリーな情報をもっているからであり、君が自分に興味のある主題について語りたがっているからであり、もしかしたら、ただ語ると面白いと思っているからだ。なぜ? みんなそうしているじゃないか!
  
Remember the question about ''why'' you are doing this?  Is it because you have valuable and timely information or knowledge to share, because you want to talk about a subject that interests you, or maybe because you just think it will be fun to do.  Why not? Everyone's doing it!
+
君が自分のサイトで表現したいと思っている情報のタイムラインを理解することで、サイトの情報を整理することができる。君のサイトはいくつかの異なる方法で整理されている。もしページの成否を、君が'''いつ'''投稿したかという日付が左右するのなら、[[テンプレートタグ/wp_get_archives|日付による投稿の参照]]によってリンクをつけることが重要だ。もし情報そのものが重要で、時系列は関係ないのだとしたら、投稿を[[テンプレートタグ/wp_list_cats|カテゴリーによって参照]]させることが最良の選択になる。
  
Understanding the timeliness of the information you want to present on your site helps you organize the information on your website.  Your website is organized by several different methods.  If the date of ''when'' you posted the information is critical to the success of the page, then having links to your [[Template_Tags/wp_get_archives|posts referenced by date]] is important.  If the information itself is more important and timeless, then having your posts [[Template_Tags/wp_list_cats|referenced by category]] is the best choice.
+
君は自分のサイトをレイアウトしつつあるということに気付いているかい? 君が新しい WordPress サイトで最初にテスト投稿したことを覚えているなら、サイドバーメニューを調べてみよう。このエリアに、君の投稿が整理されている。もうちょっと見てみると(よし、ちょっとの間だけパソコンの前に戻ってもいいよ)、[[Styling Lists with CSS|リストでレイアウトされたサイドバー]]/[[:en:Styling Lists with CSS|en]] が日付ごとのアーカイブ、カテゴリー分け、そしてもしかしたら、カレンダー機能(Default テーマでは無効だけれど、Classic テーマで表示される)で整理されていることがわかるだろう。
  
Have you noticed that you are starting to layout your website?  If you remember our earlier test drive of your new WordPress website, we examined the sidebar menu.  This is the area where your past posts are organized.  If you take another look (yes, you can go back to your computer for a moment), you will see the [[Styling Lists with CSS|sidebar is laid out in a list]] by Archives by date, Categories by category, and may even feature a calendar (turned off in the Default Theme but visible in the Classic Theme).
+
紙の上に君のサイトをレイアウトしたら、サイドバーにはカテゴリーと日付の両方がいるのか、もしくはそのどちらかでいいのか、検討してみよう。どんな情報があるのか、ユーザーが情報を見つけるためにどんな手段を提供するのか、ということが君のサイトデザインにとって決定的なんだ。
  
As you layout your website on paper, consider whether you want both categories and dates, or just one of them in your sidebar.  What information you have and how you want to help the user find the information is critical to your website design.
+
===どんな情報をシェアしたいか===
 +
ユーザーが何の情報を知りたがっているのかについて考えたら、自分がどんな情報をユーザーと共有したいと思っているかについて考えよう。その情報に、君へのコンタクト方法、サイトの目的、君が誰で何の専門家なのか、ということが含まれていることで、君が誰かわかるようになる。
  
==どんな情報をシェアしたいか==
+
WordPress には[[Pages|固定ページ]]という機能があって、簡単な方法でこの情報を伝えることができる。この投稿に似ているページというものは、'''このサイトについて'''、'''お問い合わせ'''、'''メーリングリストに参加'''、その他''静的な''情報に用いられるのが一般的だ。[[Pages|固定ページ]]を作る前に、ページに持たせたい情報について考えてみる必要がある。それぞれのページにつけられそうなタイトルとネットで共有したい情報について書きとめてみよう。
As you think about what information the user will need to know, you have to consider what information you are willing to share with them.  Part of that information may include how to contact you, the purpose of the site, who you are and your expertise, and get to know who you are.
+
  
WordPress v1.5 offers a new feature called [[Pages]] which makes the process of presenting this information in an easier fashion.  Pages, similar to posts, are most commonly used to present unchanging information such as Pages for '''About Us''', '''Contact Us''', '''Sign Up for Our Mailing List''', and other ''static'' information.  Before creating your [[Pages|individual Pages]], you need to think about what information you would like the Page to hold.  Write down the possible Page titles and describe the information you are willing to share online on each Page.
+
===コメント===
 +
WordPress の楽しみの一つに、君のサイトに読者がコメントを残せるという機能がある。これは君と読者の間にダイナミックな交流を作り出す。投稿にコメントがほしいかい? 投稿へのコメントは色んな形を取り、''背中をポンと叩く''''グッジョブ! この投稿イイ!'')ものから、長いチャットのような厖大な会話と注釈のようなものまである。もしくは、君は自分の投稿に情報を付け足してくれるコメントが欲しいのかもしれない。どんな風にコメントフォームを表現するか、それによってみんながコメントをするかどうか決まるんだ。
  
==コメント==
+
返事を書いたり、[[Comment Moderation|コメントの修正]]をしたり、コメントには多くの時間を割かれることもある。君のサイトにとってコメントが不可欠なら、コメントを導入して、どのように見せるかを考えよう。テストサイトに戻ってごらん、インストールの時に作った最初の投稿にサプルコメントがあるだろう。自分が作った投稿にいくつかコメントをしてみてもいい。それがどのようにレイアウトされているかを見て、自分のサイトのレイアウトやデザイン上でどんな風に見えるかを検討しよう。
Part of the fun of WordPress is the ability to have viewers leave comments on your site.  It creates a dynamic interchange between you and the viewer.  Do you want comments on your posts?  Comments on posts come in a variety of forums, from ''pat on the backs'' (''Good job! Like the post!'') to extensive conversations and commentary about the posts turning into long chats.  Or maybe you are seeking comments that add to the information you've posted.  How you present your comment form, and if you do, invites people to comment.
+
  
Comments can also take up a lot of time, responding to them and [[Comment Moderation|moderating them]].  If they are critical to your site, then include them and consider how you want them presented.  Go back to your test site, the first post created at the time of installation includes a sample comment.  You can even make a few comments yourself on the posts you created.  Take a look at how they are laid out and consider how you might want them to look to fit into the design and layout of your site.
+
コメントをどう扱うかということに関して腹をくくったら、時間をかけて[[管理画面/ディスカッション設定|コメントとディスカッション設定に関するページ]]を読み、その機能を設定する一助としよう。
  
When you have reached your decision about how you want to handle comments, take time to read through the [[Discussion Options|article on comments and WordPress discussion options]] to help you set those features.
+
この基本的な情報があればもう充分。パソコンの前に戻って、サイトのレイアウトと設定を始めよう。
  
With this basic information, you are ready to return to your computer and start laying out your site and setting it up.
+
==サイトの設定==
 +
サイトの外観を編集する前に、もう少しだけサイト管理関係の作業をしよう。
  
=サイトの設定=
+
まずは、最初に決めたトピックをもとにカテゴリーを作ってみよう。
Before you get to the graphic look of your site, let's do a little more administration to your site to set it up.  Let's start with making those categories written down on your list.
+
  
==カテゴリーの作成==
+
===カテゴリーの作成===
In the '''[[Administration_Panels#Categories|Manage > Categories]]''' tab, click '''Add Category''' and fill in the information about your category.  Continue to add your ''parent'' categories, going down the list.  Hold off on entering sub-categories until all the main categories are entered. 
+
'''[[管理画面#Categories|投稿 > カテゴリー]]'''メニューで、'''カテゴリーの追加'''フォームに入力しよう。続けてリストの中に''''カテゴリーを加えるんだ。メインカテゴリーを入力し終えるまで、サブカテゴリーを入力するのは待ってくれ。
  
::'''NOTE:''' ''You can add any new categories any time, but make a note of the fact that categories can be sorted in WordPress in two ways: by name (alphabetically) or by ID number.  As you enter the categories, they are assigned an ID number.  It is difficult to change this, so if you don't want your categories sorted alphabetically, enter them in the order you want to see them presented on the screen.''
+
[[Image: managecats.png|right|thumb|350px|WordPress カテゴリー管理画面]]
[[Image:managecats.png|right|thumb|WordPress Admin Manage Categories]]
+
親カテゴリーを入力し終えたら、サブカテゴリーを入力しよう。親カテゴリーのプルダウンメニューから、追加したサブカテゴリーの''''カテゴリーを選択できる。「管理>カテゴリー」画面でカテゴリーを見ているのなら、こんなカテゴリーリストが見えるはずだ:
When you have the parent categories entered, enter your sub-categories.  In the pull down menu for Parent Category, you can select the ''parent'' to the sub-category you are adding.  When you view your categories in the Manage > Categories panel, you will see the categories listed like this:
+
  
'''Computer Tips'''<br />
+
'''パソコン関連情報'''<br />
 
:'''- Windows'''<br />
 
:'''- Windows'''<br />
 
:'''- Linux'''<br />
 
:'''- Linux'''<br />
 
:'''- Mac'''<br />
 
:'''- Mac'''<br />
'''Internet News'''<br />
+
'''インターネットニュース'''<br />
'''Web Page Design'''<br />
+
'''Web サイトデザイン'''<br />
:'''- Web Standards'''<br />
+
:'''- Web 標準'''<br />
 
:'''- WordPress'''<br />
 
:'''- WordPress'''<br />
::'''- - Plugins'''<br />
+
::'''- - プラグイン'''<br />
::'''- - Themes'''<br />
+
::'''- - テーマ'''<br />
  
==カテゴリー内に記事を入れる==
+
===カテゴリー内に投稿を入れる===
Let's put some of your test posts into categories so you can see how this works.
+
カテゴリーにテスト投稿を入れてみて、どんな風になるのか見てみよう。
[[Image:manageposts.png|right|thumb|WordPress Admin Manage Posts]]
+
[[Image:manageposts.png|right|thumb|350px|WordPress管理画面 管理>投稿]]
From the '''Manage > Category panel''', click on the tab for '''[[Administration_Panels#Posts|Posts]]'''.  You should see the test posts you entered here.  To the right are three links that say: '''View - Edit - Delete'''. Click on '''Edit''' to edit one of the posts.  On the right side of the Edit Post screen you will now see your '''Categories'''. Choose one of them by clicking in the box next to it.  Then scroll down the page and click SAVE.  Repeat this for your other test posts, putting each one in a different category.
+
'''管理 > カテゴリー画面'''から、'''[[管理画面#Posts|投稿]]'''メニューをクリックしよう。ここには君の入力したテスト投稿があるはずだ。右側には'''表示 - 編集- 削除'''という三つのリンクがあるだろう〔訳注:2.5以降、'''編集'''は投稿名、'''削除'''はチェックボックス、'''表示'''はステータス欄をクリック〕。'''編集'''をクリックして、投稿の一つを編集しよう。投稿編集画面の右側〔訳注:2.5以降は下〕に'''カテゴリー'''があるだろう。隣にあるチェックボックスをクリックして、選択しよう。それでは、ページをスクロールして、保存をクリック。他のテスト投稿でも同じことをして、それぞれを異なるカテゴリーに入れよう。
  
Now view your page by clicking '''View Site''' at the top of the '''Admin''' panel.  Do you see the categories listed in the sidebar now?  Great. If you are missing a category, that usually means that there are no posts in it.  This is the default function of WordPress, so not to worry. When you add a post to the "missing" category, it will appear on your web pages. Click on one of the categories and you will be taken to a page for just that category.  You should see the posts that went into that category.  This is a generated ''Category'' page.
+
では、'''管理'''画面の一番上にある'''サイトを表示'''をクリックして、サイトを見てみよう。サイドバーにカテゴリーがリストされているのがわかるかい?よくできた。消えてしまったカテゴリーがあれば、大体はそこに属する投稿がないということだ。これは WordPress のデフォルト機能だから、心配しなくていい。''消えた''カテゴリーの中に投稿を加えれば、サイト上に表示されるようになる。カテゴリーの一つをクリックしてみると、そのカテゴリーのページへ行くだろう。そのカテゴリーに属する投稿が見えるだろう。''カテゴリー''ページが生成されたんだ。
  
Now, click on the '''Archives''' for the month showing.  Now you are visiting a generated page of your posts listed in chronological order for this month - well, specifically for today only.  Two methods of finding the same information.
+
よし、月名を表示している'''アーカイブ'''をクリックしよう。君が移動したページはこれまた自動生成されたもので、その月の投稿が時系列でリストされている―まあ、今日作った投稿だけだろうけれど―。ともかく、同じ情報を見つけるために、2つの方法があるわけだ。
  
==スパム対策==
+
===スパム対策===
There is more to think about when it comes to having comments on your site.  Unfortunately we live in a world where [[Combating Comment Spam|spam]] is a fact of life.  It is recommended that you begin battling the comment spammers with the helpful article, [[Comment Spam|Introduction to Dealing with Comment Spam]].
+
サイトでコメントを許可したら、考えるべきことが増える。ついてないことだけれど、我々は[[コメントスパム|スパム]]が生きた現実となった世界に生きている。[[コメントスパム対策]]という役に立つ記事を読んで、コメント・スパマーと戦い始めることを勧めておこう。
  
==What is Next==
+
===次に===
You've now done all the basics for your new WordPress website.  You know how to write a post, create a category, and how to view your site's information by category and archive. You can start the customization process, and when you are done, don't forget to delete your test posts!  Then start writing some wonderful information to share with your new-found public!
+
君は新しい WordPress サイトのための基本をすべて終えた。投稿の作成法もカテゴリーの作成法もカテゴリーやアーカイブを使ってサイトの情報を見る方法もわかった。これでカスタマイズに入ることができるけれど、それが終わったら、テスト投稿を削除することを忘れないように! それでは、新世界で共有する価値のある素晴らしい情報を書き始めよう!
  
=WordPress サイトをカスタマイズする=
+
==WordPress サイトをカスタマイズする==
Once you are familiar with how WordPress works, it's time to get creative and start customizing.  The tutorial now splits into different subjects that require no order.  From here on you can do whatever you want, adding and subtracting, perfecting and scrambling your site at will.  The amount of effort you put into the site is now up to you.  You can work with the two WordPress Themes that came with the installation, or seek out another Theme that better meets your needs.  You can totally customize all the links and information, or get serious and completely re-design the entire site to do whatever you want.  You have the basics, the rest is up to your imagination.
+
WordPress がどうやって動くのかについてわかってきたら、クリエイティブなカスタマイズを始めてもいい頃だ。ここでチュートリアルは異なる主題に別れてくるから、何からとりかかってもいい。ここから君はやりたいようにやれるし、そうしたいのなら、足したり引いたり、完璧にしたり、しっちゃかめっちゃかにしたりもできる。サイトにどれぐらいの労力を傾けるべきかは君次第だ。インストール時から入っている2つの WordPress テーマを利用することもできるし、君のニーズにあった別のテーマを捜し求めることもできる。君の望みを叶えるために、すべてのリンクと情報をカスタマイズしたり、サイト全体を完璧にデザインしなおしてもいい。もう基本は知っているんだから、あとは君の想像力次第だよ。
  
;[[#WordPress_Themes|Finding a WordPress Theme]]: Look for one that better suits the look you desire on your site.
+
;[[#WordPress テーマ|WordPress テーマを探す]]: サイトの外見としてよりふさわしいと思うものを探そう。
  
;[[#Customizing_The_Look|Customizing the Look]]: When you are ready to plunge into the code, you can customize the look and layout of the site through CSS and modifing the Themes (or create your own).
+
;[[#見た目をカスタマイズ|見映えをカスタマイズ]]: コードの中に突入する準備ができているなら、CSSとテーマの修正(もしくは自分のを作ってしまう)で見映えとレイアウトをカスタマイズできる。
  
;[[#Wordpress_Plugins|Enhance Your Site with Plugins]]: Plugins add function and sometimes fun to your site. There are hundreds of different plugins from adding custom links like related articles to your sidebar to adding weather reports.
+
;[[#WordPress プラグイン|プラグインでサイトの機能を高めよう]]: プラグインはサイトに機能を加え、ときに楽しませてくれる。サイドバーにある関連する投稿に天気予報へのカスタムリンクを加えるようなプラグインが何百とあるんだ。
  
 +
===WordPress テーマ===
 +
選ぶことができる [[Using Themes|WordPress テーマ]]は何百とある。どれも基本的には同じことをするのだけれど、外見的にはそれぞれ異なったやり方で情報を伝えるんだ。読者と君のニーズに合っていて、君が面白いと感じるものを二、三選んだら、上にあったテスト運転の方法にしただがって、テストしてみよう。カテゴリー、アーカイブ、それからここの投稿という具合に、くまなくクリックして、テーマがその一つ一つをどうやって扱うのかを確かめよう。フロントページではよく見えても、個々の投稿ではあまり好ましくないというのだったら、コードの詳細を見て、変更を加えよう。心構えができていなかったら、別のテーマを試してみよう。
  
==WordPress テーマ==
+
===見た目をカスタマイズ===
There are hundreds of [[Using Themes|WordPress Themes]] to choose from.  All do basically the same thing but graphically present the information in myriad ways.  Choose a few that look interesting to you, and meet your audience's needs and your desires, and then test drive them following the test drive instructions above.  Click through the whole site, the categories and archives as well as the individual posts to see how the Theme handles each one.  The look may be nice on the front page, but if it handles things in a way you don't like on the single post, then you will have to dig into the code and make changes.  Not ready for that, try another theme.
+
もしCSS、HTML、さらにはPHPとMySQLに詳しいなら、自分がやりたいようにテーマをカスタマイズすることを検討してみよう。これは臆病者に向いたことではなく、知識と経験のある人向けだ。もしサイトデザインと開発スキルを伸ばしたいなら、WordPress はこんなお手伝いができる。
  
If you run into problems, check out the Codex's Troubleshooting Themes article.
+
* [[Using Themes|テーマの使用]]
 +
* [http://wordpress.org/extend/themes/ WordPress 公式テーマレポジトリ]
 +
* [[テーマの作成]]
 +
* [[テンプレート入門]]
 +
* [[テンプレート|テーマ用テンプレートファイル]]
 +
* [[WordPress サイトデザイン リファレンス|ブログのデザインとレイアウト]]
 +
* [[CSS|CSS 概要、コツ、テクニック、情報リソース]]
 +
* [[FAQ/レイアウトとデザイン| FAQ - WordPress レイアウト]]
 +
* [[テンプレートタグ入門]]
 +
* [[テンプレートタグ]]
 +
* [[CSS Troubleshooting|CSS トラブルシューティング]]/[[:en:CSS Troubleshooting|en]]
 +
* [[CSS Fixing Browser Bugs|CSS でブラウザのバグを修正]]/[[:en:CSS Fixing Browser Bugs|en]]
  
 +
===WordPress プラグイン===
 +
[[Image:plugins.png|right|thumb|350px|プラグイン管理画面]]
 +
[[プラグイン|WordPress プラグイン]]もアドオンや拡張として知られている。これは君の Web サイトに機能やイベントを追加するソフトウェアスクリプトだ。最新の天気予報から、単純な投稿とカテゴリーの整理まで、あらゆる領域をカバーするものがある。プラグインはボランティアの貢献者やチャレンジと問題解決の好きな熱心な人によって作られている。通常は WordPress 管理画面から実に[[プラグインの管理|シンプルなインストール]]ができるから、プラグイン作者の提供する支持に従うだけだ。忘れないでほしいのは、これらが自由であり、必要不可欠なものではないということだ。もしプラグインによって何らかの問題に直面したら、プラグイン作者の Web サイトかプラグインのソースに当たってみて、それから該当するプラグインに関するヘルプをネットで検索しよう。もしも解決方法が見つからなかったら、WordPress フォーラムでヘルプを探してみよう。
  
==見た目をカスタマイズ==
+
* [http://wordpress.org/extend/plugins/ WordPress 公式プラグインレポジトリ]
If you are familiar with CSS, HTML, and even PHP and MySQL, consider customizing the Theme to your own needs. This is not for the timid, and it is for the informed and experienced.  If you want to expand your web page design and development skills, WordPress can help:
+
* [[プラグインの管理]]
 +
* [[プラグイン]]
  
* [[Using Themes]]
+
==さらに一歩進んで==
* [[Theme Development]]
+
WordPress のエキサイティングなところは、ほとんど制限のないことだ。何千人がブログやサイトの運営に WordPress を利用している。彼らのサイトのすべてが違った見かけと機能を持っている。 
* [[Templates|Working With Templates]]
+
* [[Blog Design and Layout]]
+
* [[CSS|CSS Overview, Tips, Techniques, and Resources]]
+
* [[FAQ#Layout| FAQ - WordPress Layout]]
+
* [[Template Tags]]
+
* [[CSS Troubleshooting]]
+
* [[CSS Fixing Browser Bugs]]
+
  
==WordPress プラグイン==
+
* [[利用者:Nao/WordPress を使ったサイト|WordPress を使った日本のサイト例]]
[[Image:pluginpanel.jpg|right|thumb|Plugin Panel]][[Plugins|WordPress Plugins]] are also known as add-ons or extensions.  They are software scripts that add functions and events to your website.  They cover the gamut from up-to-date weather reports to simple organization of your posts and categories.  Plugins are designed by volunteer contributors and enthusiasts who like challenges and problem solving.  They are usually fairly [[Managing_Plugins|simple to install]] through the WordPress Admin Plugin panel, just follow the instructions provided by the plugin author.  Remember, these are free and non-essential.  If you have any problems with plugins, contact the plugin author's website or plugin source first, then search the Internet for help with that specific plugin, and if you haven't found a solution, then visit the WordPress forums for more help.
+
* [http://wordpress.org/showcase/ WordPress Showcase] - WordPress を使ったサイト例
  
* [http://www.wp-plugins.org WordPress Plugin Repository]
+
ここからなにをするかは君次第、でも基本を終えた最初の一歩で訪れるべき場所がいくつかあります。
* [http://www.wp-plugins.net WordPress Plugins]
+
* [[Managing Plugins]]
+
* [[Plugins]]
+
  
=さらに一歩進んで=
+
* [[WordPress Features|WordPressの機能]]
The exciting thing about WordPress is that there are few limits.  Thousands of people are using WordPress for blogging and for running their websites.  All have a different look and different functions on their sites. 
+
* [[Working_with_WordPress|WordPress を扱う]]/[[:en:Working_with_WordPress|en]]
 +
* [[Pages|固定ページを使う]]
 +
* [[The_Loop|WordPressループを理解する]]
 +
* [[Using Permalinks|パーマリンクを使う]]
 +
* [[Press This]] - Web から簡単に投稿できるブックマークレット
  
* [[User:Matt/Well_Designed|Well-Designed Sites Using WordPress]]
+
===もっとヘルプが必要?===
* [http://wp.trendyname.org/topsites/ Top Sites Using WordPress]
+
  
What you do from here is up to you, but here are a few places to take that first step beyond the basics:
+
* [[Codex|Codexメインページ]]
 +
* [[FAQ|FAQ - よくある質問]]
 +
* [[Getting More Help|さらに詳しいヘルプ]]/[[:en:Getting More Help|en]]
 +
* [[サポートフォーラムの利用]]
 +
* [[トラブルシューティング]]/[[:en:Troubleshooting|en]]
  
* [[WordPress Features]]
+
{{原文|First Steps With WordPress|77171}}
* [[Working with_WordPress]]
+
* [[Pages|Using Pages]]
+
* [[The_Loop|Understanding the WordPress Loop]]
+
* [[Troubleshooting]]
+
* [[Using Permalinks]]
+
* [[Press_It|Press It - Post to your site from the web instantly!]]
+
 
+
==もっとヘルプが必要?==
+
 
+
* [[Codex|Codex Main Page]]
+
* [[FAQ|FAQ - Frequently Asked Questions]]
+
* [[Getting More Help]]
+
* [[サポートフォーラムの利用]]
+
  
{{原文|First Steps With WordPress|15932}}
+
{{DEFAULTSORT:はしめてのわあとふれす}}
  
{{DEFAULTSORT:}}
 
[[Category:設置]]
 
 
[[Category:WordPress レッスン]]
 
[[Category:WordPress レッスン]]
 +
[[Category:初心者向けトピック]]
 +
[[Category:WordPress ヘルプ]]
 +
[[Category:デザインとレイアウト]]
 +
[[Category:トラブルシューティング]]
  
 
[[en:First Steps With WordPress]]
 
[[en:First Steps With WordPress]]
 +
[[pt-br:Primeiros Passos com o WordPress]]
 +
[[ro:Primii pași la folosire]]
 +
[[ru:Первые шаги с WordPress]]
 +
[[th:First Steps With WordPress]]
 +
[[zh-cn:准备使用 WordPress]]

2015年5月25日 (月) 10:07時点における最新版

このページ「はじめての WordPress」は情報が古くなっている可能性があります。最新版英語)も合わせてご覧ください。翻訳にご協力くださる方はぜひご相談ください

次のステップ

WordPress の5分間インストール、またはホスティングサービスでのワンクリックインストールが問題なく完了したかな?WordPress にはたくさんのすばらしい機能が詰まっているんだけど、どこからはじめようか。

それじゃ、これから君のサイトの中を一歩ずつ見て回って、いろんな機能がどんなふうに使えるかとか、どうやって WordPress のサイトを自分らしくカスタマイズするかとかを知ることにしよう!

このチュートリアルの最初の部分では、(チュートリアルの一部でない限りは)プログラムの内部のことには手をつけないでほしい。これから紹介する簡単なステップに従っていけば、そのうち君もいろんなものに手をつけられるようになるよ。

トップからスタート

サイトのダッシュボード
まず、管理画面にログインするところから始めるとしよう。ここが君のサイトの中枢部分。想像力を思いっきり爆発させて、才能あふれる文章を書いたり、最高にカッコいい Web サイトをデザインしたりする場所だ。そしてここから君のサイトを作っていくんだけど…まだここはほんの入り口だ。

画面上部に「ツールバー」と呼ばれる部分がある。ここの、サイト名をクリックしてみて欲しい。そうすると、新しい WordPress が表示される。どう、いい感じ?それともあんまり好きじゃないって…?まあどっちでもいいや、ちょっと眺めてみてよ。ここが、これからの数分間・数時間・数週間・数ヶ月間…君がたっぷり時間を過ごすことになる場所だ。

WordPress サイトのテスト運営

目の前にあるサイトをじっくり眺めてみよう。いろいろ手を加えたり使い方をすべてを理解したりするより前に、WordPress Twenty Seventeen テーマ がどんなふうに作られていて、どんなふうに動作するのかを知るのが大事だよ。まあ、これはいろいろな機能を付け加える前のテスト運営だと思ってみて。

今見ているレイアウトはテーマっていうんだ。これが、君のサイトの見た目を決めるんだ。WordPress の “default” テーマには、一番上に君のサイトのタイトルの背景となる青色の「ヘッダー」がある。そして横の方にはタイトルやリンクがあるね。これが「サイドバーメニュー」だよ。そしてメインの中央部分には「投稿」が、下のほうには「フッター」がある。

まず、投稿部分を見てみよう。タイトルがあって、その下にはちょっとした情報があるよね。これは、’投稿メタデータ'といって、作成された日付や時間、作成者、カテゴリーなど、その投稿に関する情報が含まれている。

ページを下にスクロールすると、ページの一番下にある横長のセクションに注目してみよう。これがフッター。今のところここには "【ブログ名】 is proudly powered by WordPress." って書いてあるね。

それじゃサイドバーに戻ろうか。情報がが書かれたいろんなセクションがあるよね。ここには固定ページカテゴリー、過去の投稿のアーカイブ、カレンダー、そして日付なんかがあるはずだ。ここはメニューやナビゲーション画面にあたるところで、みんなが君のサイトの中のいろんなカテゴリーや時系列別の投稿を見て回るために使う部分だ。

細部がすべてだ

ページレイアウトやデザインのちょっとした細かい部分を、時間をかけてじっくり見てみよう。投稿のタイトルの上をマウスオーバーしてみてごらん。色が変わるのが分かった?これは「hover(ホバー)」と呼ばれ、ほとんどのテーマではリンクの上をさわると区別できる色や何かの変化が現れるようになっている。サイドバーのリンクのどこかでマウスオーバーしてみて。何か変わった?さっきと同じ変化かな?ページ上の違う部分でリンクホバーを変化させてもいいけど、たいていは一貫して同じにしておくべきだ。それから、リンクの色も見てごらん。他のテキストより目立つように、どんな色が使われているかな?

こういうちょっとした部分や、ページのどこにそういったものがあるのかに注意を払うのは大事なことだ。そのうち、例えばページ上部の青色ボックス内のタイトルのリンク色のような細部に手をつけたくなるだろう。それが「ヘッダー」って言う名前だって分かってたら、スタイルシート(ウェブページの見た目を調整するファイル)の中の header 部分に変更を加えればいいって分かるからね。

手早くひととおり見て回ろう

今のところトップページ(ホームページ)を見ると、投稿がひとつだけあるだろう。そこで投稿のタイトルをクリックすると、その投稿の独立したページに行くことができる。最初に見る君のサイトのホームページには一番最近の投稿が表示されるようになっていて、それぞれの投稿のタイトルが個別投稿ページにリンクされているんだ。個別投稿ページをホームページと違った見た目にデザインしてあるテーマもある。

繰り返しになるけど、個別投稿ページでもレイアウトをじっくり見てみて、今度はどういったところが違うかを探してみよう。ヘッダーは何か違う?サイズや色は?サイドバーはある?WordPress のデフォルトテーマでは、個別投稿ページになるとサイドバーはなくなる。じっくり見て違いに注目してみよう。

投稿は普通、関連するトピックをひとつにまとめられるよう、カテゴリーが指定されている。今のところ君のサイトにはひとつしかカテゴリーがないけど、そのうちもっとたくさん欲しくなるはずだ。ホームページで、サイドバーにあるカテゴリーをくりっくしてみてごらん。そしたら、そのカテゴリー内の投稿だけを表示するページに移動する。ここでも他のページと何が違うかよく見ておいてね。

「アーカイブ」でも同じことをやってみよう。今のところひとつしか投稿がないかもしれないけど、ページのレイアウトを見てみてごらん。他のページと同じ?違っている?

WordPress 管理画面をテスト運転してみる

よし、君がサイトをどうやって見せて、様々なレイアウト・セクションがどうやって呼び出されるか想像できるようになったら、WordPress の管理をやってみようじゃないか。これは新しい Web サイトのダッシュボード〔管理画面〕に慣れるのと同じようなものだ。実際、君がログインしたあとに見るページは、ダッシュボードって言うんだよ。

ここでは君は常にたくさんの WordPress リソースからちょっとした面白い最新情報を入手できる。片隅には最近君のサイト上で行われたことのリストもあるよ。

管理画面のメインメニューにあるのは以下の通り:

ユーザープロフィール画面

上のリストのリンクから、管理画面が見せるすべての顔をステップ・バイ・ステップで解説してくれる一連の投稿に行けるよ。今取り掛かるのが心配だっていうのなら、 ユーザー画面から始めよう。

ユーザーメニューをクリックしよう。画面が切り替わって、プロフィールという画面が見えるだろう。これで君は、君自身とサイトの投稿者・管理者の情報にアクセスしたことになる。投稿者とユーザーという次のメニューでは、もっとたくさんの投稿者を設定できる。 今のところは、君のことだけにこだわろう。君自身の情報を入力したら、プロフィール更新をクリックしよう。

それでは、WordPress 管理画面の強力な機能を見てみよう。

サイトの見た目を手早く変更する

外観管理画面

外観管理画面では、テーマ を使うことで、君のサイトの外見を変えることができる。テーマというのはスタイルの表現で、サイトの見栄えを完璧に変えることができる。WordPress のユーザーによってデザインされたテーマが何百とあって、君はそこから選ぶことができる。デザイン管理画面には、2つのテーマ、「WordPress Default」と「WordPress Classic」があるだろう。この素早い切り替えのプロセスを見たかったら、Classic を選択して、どんな見栄えになったかを確かめるためにサイトを表示をクリックすればいい。ワオ、サイトの見栄えは変わったのに、見栄え以外に変わったものはない。実に簡単だね。

ブラウザの戻るボタンで外観管理画面に戻って、以前のデザインに戻すために default を選択しよう。もう一度確認するために、サイトを表示をクリックすると、ほらね。正直言って、簡単だ。

投稿を作成・管理する

投稿作成画面
管理画面に戻って、投稿管理画面固定ページ管理画面を見てみよう。ここから、君のサイト内の投稿と固定ページを管理できるんだ。

投稿を作成メニューで最初のテスト投稿を作成することから始めよう。 もし画面が少しおっかなかったら、投稿の作成という Codex のページが投稿を作成するプロセスについてステップ・バイ・ステップで解説してくれるよ。そのページをちょっと読んでみて、最初のエントリーを投稿したら、次のステップに行こう。

もし急ぎなら、空っぽのタイトルと投稿ウィンドウにちょっとしたテストメッセージを入れればいい。これはテストだから、なんでもいいよ。それが済んだら、投稿の右にある公開をクリックして終わり。こうすると、空っぽの投稿画面が現れて、次の投稿ができるってわけだ。先に進もう。でも、3つから4つぐらいは投稿してくれよ。この前には、もっと面白いことがあるんだから。

それじゃあ、投稿作成の感じは掴めたから、画面の上にあるサイトを表示をクリックして、投稿を見てみよう。ほらね。これで本番に移る準備ができたってわけだ。

計画を立ててみよう

すべての良い計画は、良い計画に由来する。くどいように聞えるけど、ほんとだよ。もし良質できっちりしたサイトを作りたかったら、良質できっちりした計画が必要だ。それをやるのは大変だし、このエキサイティングなプログラムで何かと遊んでみたいというのはわかるけど、そろそろパソコンから離れて、古臭い紙とペンに戻る時だよ。そうだよ、人間が物事を書き留めていた時代に戻ろう。

ノートの切れ端(あるいは、そこら辺にあるもの)に君のサイトの詳細を記す時間が来た。5分から20分かけて、君のサイトの目的――もっと言うならミッション宣言――をはっきりさせよう。

次の質問に答えよ:

  1. 君はこのサイトでなにをしようとしているのか?
  2. 誰がこのサイトを見るのか?
  3. どんな種類の情報が投稿されるのか?
  4. 君はどれぐらいの頻度で投稿し、情報を追加するだろうか?
  5. なぜこのサイトを始めたのか?

で、この情報をまとめると、このようになる:

このサイトの目的は (1) ___________、___________、___________で、読者は

(2) ___________、___________、___________である。

(3) ___________、___________、___________ について (4) ___________ごとに投稿する。

サイトを始めた理由は、(5) ___________、___________、___________ である。


情報を使って

この情報から、たくさんの情報を集めることができる。たとえば、君のサイトをどうやってレイアウト・デザインした方がいいかという情報が得られる。もし君のサイトの読者が25歳以下の若者だけで構成されていることがわかっているなら、たぶん原色でエキセントリックなグラフィックとかダークなトーンのオシャレな外見が必要だろう。つまり、その世代に適切なものだ。もし、マジメな話題における事実に則った情報を提供しているのなら、たぶんポップでflashだらけではなく、もっと保守的な外見が必要だろう。

たぶん、君の中にはすでにデザインに関するアイデアがあるか、以前に君が運営していたサイトを踏襲するだろう。しかし、デザインを再考し、君のしたいことが WordPress のオプションでうまく行くようにするために、この情報をもう少し吟味してほしい。

君は自分のサイトにどんなカテゴリーがありえるかについても、気づいているだろう。君がカバーするトピックと主題は、君のサイトの目的にリストされているはずだ。ここで君の目的を宣言しよう。

"この Web サイトはパソコン、Web サイト、インターネットに関する情報を提供するためにあり、パソコン関連情報、Web サイトデザインとインターネットニュースに関するトピックをカバーする。"

トピックがカテゴリーになる。君の目的をまとめたものの下にカテゴリーを書き、Web サイトデザインについて書きとめよう。

それでは、これらのトピックの下にはどんなサブカテゴリーが来るだろうか。パソコン関連情報の下では、WindowsLinuxMac を区別したいだろう。もしくは、ソフトウェアハードウェアかもしれない。サブカテゴリーを作ることはできるけれども、とりあえず、その前に立ち止まろう。書き留めるんだ。

「なぜこのサイトを始めたのか?」という質問を思い出してほしい。というのも、君が共有するに値する有益でタイムリーな情報をもっているからであり、君が自分に興味のある主題について語りたがっているからであり、もしかしたら、ただ語ると面白いと思っているからだ。なぜ? みんなそうしているじゃないか!

君が自分のサイトで表現したいと思っている情報のタイムラインを理解することで、サイトの情報を整理することができる。君のサイトはいくつかの異なる方法で整理されている。もしページの成否を、君がいつ投稿したかという日付が左右するのなら、日付による投稿の参照によってリンクをつけることが重要だ。もし情報そのものが重要で、時系列は関係ないのだとしたら、投稿をカテゴリーによって参照させることが最良の選択になる。

君は自分のサイトをレイアウトしつつあるということに気付いているかい? 君が新しい WordPress サイトで最初にテスト投稿したことを覚えているなら、サイドバーメニューを調べてみよう。このエリアに、君の投稿が整理されている。もうちょっと見てみると(よし、ちょっとの間だけパソコンの前に戻ってもいいよ)、リストでレイアウトされたサイドバー/en が日付ごとのアーカイブ、カテゴリー分け、そしてもしかしたら、カレンダー機能(Default テーマでは無効だけれど、Classic テーマで表示される)で整理されていることがわかるだろう。

紙の上に君のサイトをレイアウトしたら、サイドバーにはカテゴリーと日付の両方がいるのか、もしくはそのどちらかでいいのか、検討してみよう。どんな情報があるのか、ユーザーが情報を見つけるためにどんな手段を提供するのか、ということが君のサイトデザインにとって決定的なんだ。

どんな情報をシェアしたいか

ユーザーが何の情報を知りたがっているのかについて考えたら、自分がどんな情報をユーザーと共有したいと思っているかについて考えよう。その情報に、君へのコンタクト方法、サイトの目的、君が誰で何の専門家なのか、ということが含まれていることで、君が誰かわかるようになる。

WordPress には固定ページという機能があって、簡単な方法でこの情報を伝えることができる。この投稿に似ているページというものは、このサイトについてお問い合わせメーリングリストに参加、その他静的な情報に用いられるのが一般的だ。固定ページを作る前に、ページに持たせたい情報について考えてみる必要がある。それぞれのページにつけられそうなタイトルとネットで共有したい情報について書きとめてみよう。

コメント

WordPress の楽しみの一つに、君のサイトに読者がコメントを残せるという機能がある。これは君と読者の間にダイナミックな交流を作り出す。投稿にコメントがほしいかい? 投稿へのコメントは色んな形を取り、背中をポンと叩くグッジョブ! この投稿イイ!)ものから、長いチャットのような厖大な会話と注釈のようなものまである。もしくは、君は自分の投稿に情報を付け足してくれるコメントが欲しいのかもしれない。どんな風にコメントフォームを表現するか、それによってみんながコメントをするかどうか決まるんだ。

返事を書いたり、コメントの修正をしたり、コメントには多くの時間を割かれることもある。君のサイトにとってコメントが不可欠なら、コメントを導入して、どのように見せるかを考えよう。テストサイトに戻ってごらん、インストールの時に作った最初の投稿にサプルコメントがあるだろう。自分が作った投稿にいくつかコメントをしてみてもいい。それがどのようにレイアウトされているかを見て、自分のサイトのレイアウトやデザイン上でどんな風に見えるかを検討しよう。

コメントをどう扱うかということに関して腹をくくったら、時間をかけてコメントとディスカッション設定に関するページを読み、その機能を設定する一助としよう。

この基本的な情報があればもう充分。パソコンの前に戻って、サイトのレイアウトと設定を始めよう。

サイトの設定

サイトの外観を編集する前に、もう少しだけサイト管理関係の作業をしよう。

まずは、最初に決めたトピックをもとにカテゴリーを作ってみよう。

カテゴリーの作成

投稿 > カテゴリーメニューで、カテゴリーの追加フォームに入力しよう。続けてリストの中にカテゴリーを加えるんだ。メインカテゴリーを入力し終えるまで、サブカテゴリーを入力するのは待ってくれ。

WordPress カテゴリー管理画面

親カテゴリーを入力し終えたら、サブカテゴリーを入力しよう。親カテゴリーのプルダウンメニューから、追加したサブカテゴリーのカテゴリーを選択できる。「管理>カテゴリー」画面でカテゴリーを見ているのなら、こんなカテゴリーリストが見えるはずだ:

パソコン関連情報

- Windows
- Linux
- Mac

インターネットニュース
Web サイトデザイン

- Web 標準
- WordPress
- - プラグイン
- - テーマ

カテゴリー内に投稿を入れる

カテゴリーにテスト投稿を入れてみて、どんな風になるのか見てみよう。

WordPress管理画面 管理>投稿

管理 > カテゴリー画面から、投稿メニューをクリックしよう。ここには君の入力したテスト投稿があるはずだ。右側には表示 - 編集- 削除という三つのリンクがあるだろう〔訳注:2.5以降、編集は投稿名、削除はチェックボックス、表示はステータス欄をクリック〕。編集をクリックして、投稿の一つを編集しよう。投稿編集画面の右側〔訳注:2.5以降は下〕にカテゴリーがあるだろう。隣にあるチェックボックスをクリックして、選択しよう。それでは、ページをスクロールして、保存をクリック。他のテスト投稿でも同じことをして、それぞれを異なるカテゴリーに入れよう。

では、管理画面の一番上にあるサイトを表示をクリックして、サイトを見てみよう。サイドバーにカテゴリーがリストされているのがわかるかい?よくできた。消えてしまったカテゴリーがあれば、大体はそこに属する投稿がないということだ。これは WordPress のデフォルト機能だから、心配しなくていい。消えたカテゴリーの中に投稿を加えれば、サイト上に表示されるようになる。カテゴリーの一つをクリックしてみると、そのカテゴリーのページへ行くだろう。そのカテゴリーに属する投稿が見えるだろう。カテゴリーページが生成されたんだ。

よし、月名を表示しているアーカイブをクリックしよう。君が移動したページはこれまた自動生成されたもので、その月の投稿が時系列でリストされている―まあ、今日作った投稿だけだろうけれど―。ともかく、同じ情報を見つけるために、2つの方法があるわけだ。

スパム対策

サイトでコメントを許可したら、考えるべきことが増える。ついてないことだけれど、我々はスパムが生きた現実となった世界に生きている。コメントスパム対策という役に立つ記事を読んで、コメント・スパマーと戦い始めることを勧めておこう。

次に

君は新しい WordPress サイトのための基本をすべて終えた。投稿の作成法もカテゴリーの作成法もカテゴリーやアーカイブを使ってサイトの情報を見る方法もわかった。これでカスタマイズに入ることができるけれど、それが終わったら、テスト投稿を削除することを忘れないように! それでは、新世界で共有する価値のある素晴らしい情報を書き始めよう!

WordPress サイトをカスタマイズする

WordPress がどうやって動くのかについてわかってきたら、クリエイティブなカスタマイズを始めてもいい頃だ。ここでチュートリアルは異なる主題に別れてくるから、何からとりかかってもいい。ここから君はやりたいようにやれるし、そうしたいのなら、足したり引いたり、完璧にしたり、しっちゃかめっちゃかにしたりもできる。サイトにどれぐらいの労力を傾けるべきかは君次第だ。インストール時から入っている2つの WordPress テーマを利用することもできるし、君のニーズにあった別のテーマを捜し求めることもできる。君の望みを叶えるために、すべてのリンクと情報をカスタマイズしたり、サイト全体を完璧にデザインしなおしてもいい。もう基本は知っているんだから、あとは君の想像力次第だよ。

WordPress テーマを探す
サイトの外見としてよりふさわしいと思うものを探そう。
見映えをカスタマイズ
コードの中に突入する準備ができているなら、CSSとテーマの修正(もしくは自分のを作ってしまう)で見映えとレイアウトをカスタマイズできる。
プラグインでサイトの機能を高めよう
プラグインはサイトに機能を加え、ときに楽しませてくれる。サイドバーにある関連する投稿に天気予報へのカスタムリンクを加えるようなプラグインが何百とあるんだ。

WordPress テーマ

選ぶことができる WordPress テーマは何百とある。どれも基本的には同じことをするのだけれど、外見的にはそれぞれ異なったやり方で情報を伝えるんだ。読者と君のニーズに合っていて、君が面白いと感じるものを二、三選んだら、上にあったテスト運転の方法にしただがって、テストしてみよう。カテゴリー、アーカイブ、それからここの投稿という具合に、くまなくクリックして、テーマがその一つ一つをどうやって扱うのかを確かめよう。フロントページではよく見えても、個々の投稿ではあまり好ましくないというのだったら、コードの詳細を見て、変更を加えよう。心構えができていなかったら、別のテーマを試してみよう。

見た目をカスタマイズ

もしCSS、HTML、さらにはPHPとMySQLに詳しいなら、自分がやりたいようにテーマをカスタマイズすることを検討してみよう。これは臆病者に向いたことではなく、知識と経験のある人向けだ。もしサイトデザインと開発スキルを伸ばしたいなら、WordPress はこんなお手伝いができる。

WordPress プラグイン

プラグイン管理画面

WordPress プラグインもアドオンや拡張として知られている。これは君の Web サイトに機能やイベントを追加するソフトウェアスクリプトだ。最新の天気予報から、単純な投稿とカテゴリーの整理まで、あらゆる領域をカバーするものがある。プラグインはボランティアの貢献者やチャレンジと問題解決の好きな熱心な人によって作られている。通常は WordPress 管理画面から実にシンプルなインストールができるから、プラグイン作者の提供する支持に従うだけだ。忘れないでほしいのは、これらが自由であり、必要不可欠なものではないということだ。もしプラグインによって何らかの問題に直面したら、プラグイン作者の Web サイトかプラグインのソースに当たってみて、それから該当するプラグインに関するヘルプをネットで検索しよう。もしも解決方法が見つからなかったら、WordPress フォーラムでヘルプを探してみよう。

さらに一歩進んで

WordPress のエキサイティングなところは、ほとんど制限のないことだ。何千人がブログやサイトの運営に WordPress を利用している。彼らのサイトのすべてが違った見かけと機能を持っている。

ここからなにをするかは君次第、でも基本を終えた最初の一歩で訪れるべき場所がいくつかあります。

もっとヘルプが必要?

最新英語版: WordPress Codex » First Steps With WordPress最新版との差分