• 赤色のリンクは、まだ日本語Codexに存在しないページ・画像です。英語版と併せてご覧ください。(詳細

このWikiはいつでも誰でも編集できます

ページ「WordPress を専用ディレクトリに配置する」と「はじめての WordPress」の間の差分

提供: WordPress Codex 日本語版
(ページ間の差分)
移動先: 案内検索
(リンク先・マークアップ微調整/言語間リンク追加)
 
(WPJ Codex データインポート(2005年5月27日 (金) 19:24 BLefler 版 en:First Steps With WordPress)、原文リンク追加等)
 
1行目: 1行目:
原文・最新版: [[:en:Giving WordPress Its Own Directory|WordPress Codex » Giving WordPress Its Own Directory]]
+
{{Old}}
 +
{{NeedTrans}}
 +
{{スタートガイド|設定}}
  
== ブログをルートディレクトリからどけて WordPress 用ディレクトリに置くには ==
+
= じゃ、次はなに?=
 +
[[WordPress のインストール|WordPressの5分間インストール]]を楽々と終えた君。WordPressにはたくさんの[[WordPress Features|ステキな機能]]が詰まってるよ!じゃ、次はどうしよう?
  
多くの人は、WordPress をサイトのルート(例:<code><nowiki>http://example.com/</nowiki></code>)にしたいと思うものですが、WordPress ファイルの全てをルートディレクトリ上に散らかしたいとは思いません。WordPress は、サブディレクトリに WordPress ファイルを設置しても、ブログがサイトのルートに存在するかのように見せられます。
+
それじゃ、これから君のサイトの中を一歩ずつ見て回って、いろんな機能がどんなふうに使えるかとか、どうやってWordPressのサイトを自分らしくカスタマイズするかとかを知ることにしよう!
  
WordPress を専用ディレクトリへ移動する手順は次のとおり:
+
このチュートリアルの最初の部分では、(チュートリアルの一部でない限りは)''プログラムの内部のことには手をつけない''でほしい。これから紹介する簡単なステップに従っていけば、そのうち君もいろんなものに手をつけられるようになるよ。
  
# WordPress のコアファイルを置くための、新しいディレクトリを作成する。(この例では <code>/wordpress</code> とします)
+
==トップからはじめよう==
# [[管理パネル#Options_-_Configuration_Settings|オプション設定]]([[:en:Administration_Panels#Options_-_Configuration_Settings|en]]) パネルを開く。
+
まず、[[管理パネル]]にログインするところから始めるとしよう。ここが君のサイトの中枢部分。想像力を思いっきり爆発させて、才能あふれる文章を書いたり、最高にカッコいいWebサイトをデザインしたりする場所だ。そしてここから君のサイトを作っていくんだけど…まだここはほんの入り口だ。
# '''WordPress address (URL):''' 欄を、新しい WordPress コアファイルの URL に変更する。例:<code><nowiki>http://example.com/wordpress</nowiki></code>
+
[[Image:viewsitelink.png|right|thumb|View Site Link]]
# '''Blog address (URL):''' 欄を、ルートディレクトリの URL に変更する。例: <code><nowiki>http://example.com</nowiki></code>
+
管理パネルの中で、画面上部のメニューから'''View Site(サイト表示)'''を選んでみよう。どう、いい感じ?それともあんまり好きじゃないって…?まあどっちでもいいや、ちょっと眺めてみてよ。ここが、これからの数分間・数時間・数週間・数ヶ月間…君がたっぷり時間をすごすことになる場所だ。
# '''Update Options''' をクリック。
+
# WordPress コアファイルを、新しいディレクトリ(WordPress address)へ移動する。
+
# WordPress ディレクトリにある <code>index.php</code> と <code>.htaccess</code> ファイルを、あなたのサイトのルートディレクトリ(Blog address)へコピーする。
+
# ルートディレクトリの <code>index.php</code> ファイルを[[用語集#Text editor|テキストエディタ]]で開く。
+
# 次の修正を行ない、ファイルを保存する。次の行を変更:<br /><code>require('./wp-blog-header.php');</code><br />次のように WordPress コアファイルのディレクトリ名を使います:<br /><code>require('./wordpress/wp-blog-header.php');</code>
+
# 新しい URL からログイン。<!-- It might now be -->例でいうと、<code><nowiki>http://example.com/wordpress/wp-admin/</nowiki></code>
+
# [[パーマリンクの使い方|パーマリンク]] を設定している場合、[[管理パネル#パーマリンク|パーマリンク設定パネル]]([[:en:Administration_Panels#Permalinks|en]])を開き、パーマリンク構造を更新してください。<code>.htaccess</code> に適切なパーミッションを設定してあれば、WordPress が自動で <code>.htaccess</code> を更新します。もしも WordPress が <code>.htaccess</code> を書き換えられなければ、新しい rewrite rules を表示するので、<code>.htaccess</code> ファイル(メインの <code>index.php</code> ファイルと同じディレクトリの)の中に手動でコピーしてください。
+
  
== ディレクトリ構成例 ==
+
=WordPress サイトをテスト運転してみる=
 +
目の前にあるサイトをじっくり眺めてみよう。いろいろ手を加えたり[[Working with_WordPress|ぜんぶの使い方]]を理解したりするより前に、デフォルトのWordPressテーマがどんなふうに作られていて、どんなふうに動作するのかを知るのが大事だよ。まあ、これはいろいろな機能を付け加える前のテスト運営だと思ってみて。
 +
[[Image:kubricktheme.png|right|thumb|WordPress Default Theme - Kubrick]]
 +
今見ているレイアウトは[[Using Themes|Theme(テーマ)]]っていうんだ。これが、君のサイトの[[管理パネル#Presentation:_Change_the_Look_of_your_Blog|見た目]]を決めるんだ。WordPressの“デフォルト”テーマには、一番上に君のサイトのタイトルの背景となる青色の「header(ヘッダ)」がある。“クラシック”テーマには緑っぽいヘッダがある。そして横の方にはタイトルやリンクがあるね。これが「sidebar menu(サイドバーメニュー)」だよ。そしてメインの中央部分には「post(記事)」が、下のほうには「footer(フッタ)」がある。
  
イメージです。。
+
まず、記事部分を見てみよう。タイトルがあって、その下にはちょっとした情報があるよね。これは、''post meta data(記事メタデータ)''っていって、作成された日付や時間、作成者、その記事のカテゴリーなど、その記事に関する情報が含まれている。
  
* <code>public_html</code>
+
ページを下にスクロールすると、ページの一番下にある横長のセクションに注目してみよう。これがフッター。今のところここには"Powered by WordPress"って書いてあるね。
** <code>.htaccess</code> ← <code>wordpress/.htaccess</code> からコピー。パーミッションを書き込み可能(707 等)にしておき、項番 11 で更新
+
** <code>index.php</code> ← <code>wordpress/index.php</code> からコピー。項番 8, 9 で修正
+
** <code>wordpress/</code> (新ディレクトリ)
+
*** <code>wp-admin/</code> (ログイン)
+
*** <code>wp-content/</code>
+
*** <code>wp-includes/</code>
+
*** <code>.htaccess</code> → ルートへコピー
+
*** <code>index.php</code> → ルートへコピー
+
*** ...
+
  
 +
それじゃサイドバーに戻ろうか。情報がが書かれたいろんなセクションがあるよね。ここには[[Pages|ページ]]、[[管理パネル#Categories|カテゴリー]]、過去の記事のアーカイブ、カレンダー、そして[[テンプレートタグ/the_date|日付]]なんかがあるはずだ。ここはメニューやナビゲーションパネルにあたるところで、みんなが君のサイトの中のいろんなカテゴリーや時系列別の記事を見て回るために使う部分だ。
 +
 +
==細部がすべてだ==
 +
ページレイアウトやデザインのちょっとした細かい部分を、時間をかけてじっくり見てみよう。記事のタイトルの上をマウスオーバーしてみてごらん。色が変わるのが分かった?これは''hover(ホバー)''っていって、ほとんどのテーマではリンクの上をさわると区別できる色や何かの変化が現れるようになっている。サイドバーのリンクのどこかでマウスオーバーしてみて。何か変わった?さっきと同じ変化かな?ページ上の違う部分でリンクホバーを変化させてもいいけど、たいていは一貫して同じにしておくべきだ。それから、リンクの色も見てごらん。他のテキストより目立つように、どんな色が使われているかな?
 +
 +
こういうちょっとした部分や、ページのどこにそういったものがあるのかに注意を払うのは大事なことだ。そのうち、例えばページ上部の青色ボックス内のタイトルのリンク色のような細部に手をつけたくなるだろう。それが''ヘッダー''って言う名前だって分かってたら、スタイルシート(ウェブページの見た目を調整するファイル)の中の ''header'' 部分に変更を加えればいいって分かるからね。
 +
 +
==手早くひととおり見て回ろう==
 +
今のところトップページ(ホームページ)を見ると、記事がひとつだけあるだろう。そこで記事のタイトルをクリックすると、その記事の独立したページに行くことができる。最初に見る君のサイトのホームページには一番最近の記事が表示されるようになっていて、それぞれの記事のタイトルが個別記事ページにリンクされているんだ。''single(個別)''記事ページをホームページと違った見た目にデザインしてあるテーマもある。
 +
[[Image:Kubrick_Single.jpg|right|thumbnail|WordPress Default Theme - Single Post Look]]
 +
繰り返しになるけど、個別記事ページでもレイアウトをじっくり見てみて、今度はどういったところが違うかを探してみよう。ヘッダーは何か違う?サイズや色は?サイドバーはある?WordPressのデフォルトテーマでは、個別記事ページになるとサイドバーはなくなる。じっくり見て違いに注目してみよう。
 +
 +
投稿は普通、関連するトピックをひとつにまとめられるよう、''[[管理パネル#Categories|カテゴリー]]''内に入っている。今のところ君のサイトにはひとつしかカテゴリーがないけど、そのうちもっとたくさん欲しくなるはずだ。ホームページで、サイドバーにあるカテゴリーをくりっくしてみてごらん。そしたら、そのカテゴリー内の記事だけを表示するページに移動する。ここでも他のページと何が違うかよく見ておいてね。
 +
 +
'''Archives(アーカイブ)'''でも同じことをやってみよう。今のところひとつしか投稿がないかもしれないけど、ページのレイアウトを見てみてごらん。他のページと同じ?違っている?
 +
 +
=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]].
 +
 +
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.
 +
 +
Across the top of the Admin screen is the main menu, which says:
 +
* [[Administration_Panels#The_Dashboard|ダッシュボード]]
 +
* [[Administration_Panels#Write|投稿]]
 +
* [[Administration_Panels#Manage_-_Change_your_content|管理]]
 +
* [[Administration_Panels#Links_-_Putting_the_Inter_in_the_Internet|リンク]]
 +
* [[Administration_Panels#Presentation_-_Change_the_Look_of_your_Blog|表示]]
 +
* [[Administration_Panels#Plugins_-_Add_Functionality_to_your_Blog|プラグイン]]
 +
* [[Administration_Panels#Users_-_Your_Blogging_Family|ユーザー]]
 +
* [[Administration_Panels#Options_-_Configuration_Settings|設定]]
 +
* [[Administration_Panels#Logout|ログアウト(名前)]]
 +
[[Image:userprofilepanel.jpg|right|thumb|User Profile Panel]]
 +
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]].
 +
 +
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.
 +
 +
Now, let's look at the powerful feature functions of the WordPress Admin.
 +
 +
==サイトの見た目を手早く変更する==
 +
[[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.
 +
 +
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.
 +
 +
==投稿する・記事を管理する==
 +
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.
 +
 +
Let's start by making your first test post in the [[Administration_Panels#Write_Post|Write Post]] tab.
 +
[[Image:Admin_Panel_Write_Post_1.5.png|right|thumb|Write Post Panel]]
 +
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.
 +
 +
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. 
 +
 +
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 />
 +
and cover the topics of A, B, and C. The audience will<br /><br />
 +
be __________ ________________ _______.  I will be adding <br /><br />
 +
posts every _____________ about ________ _______ ______________. <br /><br />
 +
I am doing this because _____________ _____________ __________________.<br /></div>
 +
 +
 +
 +
==情報を使って==
 +
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,
 +
 +
:::''"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."''
 +
 +
Your topics are your categories.  Write your categories down below your purpose paragraph and notes about your web page design.
 +
 +
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!
 +
 +
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.
 +
 +
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.
 +
 +
==どんな情報をシェアしたいか==
 +
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.
 +
 +
==コメント==
 +
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. 
 +
 +
::'''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|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 />
 +
:'''- Windows'''<br />
 +
:'''- Linux'''<br />
 +
:'''- Mac'''<br />
 +
'''Internet News'''<br />
 +
'''Web Page Design'''<br />
 +
:'''- Web Standards'''<br />
 +
:'''- WordPress'''<br />
 +
::'''- - Plugins'''<br />
 +
::'''- - Themes'''<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]]
 +
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.
 +
 +
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.
 +
 +
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.
 +
 +
==スパム対策==
 +
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 サイトをカスタマイズする=
 +
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_Themes|Finding a WordPress Theme]]: Look for one that better suits the look you desire on your site.
 +
 +
;[[#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).
 +
 +
;[[#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 テーマ==
 +
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.
 +
 +
If you run into problems, check out the Codex's Troubleshooting Themes article.
 +
 +
 +
==見た目をカスタマイズ==
 +
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]]
 +
* [[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 プラグイン==
 +
[[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://www.wp-plugins.org WordPress Plugin Repository]
 +
* [http://www.wp-plugins.net WordPress Plugins]
 +
* [[Managing Plugins]]
 +
* [[Plugins]]
 +
 +
=さらに一歩進んで=
 +
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. 
 +
 +
* [[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:
 +
 +
* [[WordPress Features]]
 +
* [[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:}}
 
[[Category:設置]]
 
[[Category:設置]]
[[Category:WordPress ヘルプ]]
+
[[Category:WordPress レッスン]]
[[Category:初心者向けトピック]]
+
[[Category:UI Link]]
+
  
[[en:Giving WordPress Its Own Directory]]
+
[[en:First Steps With WordPress]]

2008年4月4日 (金) 04:47時点における版

このページ「はじめての WordPress」は 情報が古くなっている可能性があります。最新版英語)も合わせてご覧ください。最新に更新してくださる協力者を求めています

このページ「はじめての WordPress」は未翻訳です。和訳や日本語情報を加筆してくださる協力者を求めています

じゃ、次はなに?

WordPressの5分間インストールを楽々と終えた君。WordPressにはたくさんのステキな機能が詰まってるよ!じゃ、次はどうしよう?

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

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

トップからはじめよう

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

管理パネルの中で、画面上部のメニューからView Site(サイト表示)を選んでみよう。どう、いい感じ?それともあんまり好きじゃないって…?まあどっちでもいいや、ちょっと眺めてみてよ。ここが、これからの数分間・数時間・数週間・数ヶ月間…君がたっぷり時間をすごすことになる場所だ。

WordPress サイトをテスト運転してみる

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

ファイル:kubricktheme.png
WordPress Default Theme - Kubrick

今見ているレイアウトはTheme(テーマ)っていうんだ。これが、君のサイトの見た目を決めるんだ。WordPressの“デフォルト”テーマには、一番上に君のサイトのタイトルの背景となる青色の「header(ヘッダ)」がある。“クラシック”テーマには緑っぽいヘッダがある。そして横の方にはタイトルやリンクがあるね。これが「sidebar menu(サイドバーメニュー)」だよ。そしてメインの中央部分には「post(記事)」が、下のほうには「footer(フッタ)」がある。

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

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

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

細部がすべてだ

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

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

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

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

WordPress Default Theme - Single Post Look

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

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

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

WordPress 管理パネルををテスト運転してみる

ファイル:dashboard.jpg
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 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 The 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.

Across the top of the Admin screen is the main menu, which says:

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 Users panel.

Click on the Users tab. The screen will change and you will see the panel called Profile. This is where you will enter information about you, the author and administrator of the site. In the next tab called 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.

Now, let's look at the powerful feature functions of the WordPress Admin.

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

ファイル:presentationpanel.jpg
The Presentation Panel
The Presentation panel allows you to change the look of your site using 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.

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.

投稿する・記事を管理する

Back in the Admin panel, take a look at the Write panel, and the 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.

Let's start by making your first test post in the Write Post tab.

If the screen looks a little intimidating, the Codex article on 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.

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.

Answer the following questions:

  1. What am I going to do with this?
  2. Who is going to read this?
  3. What kinds of information will I be posting?
  4. Why am I doing this?
  5. Who am I doing this for?
  6. How often am I going to be posting and adding information?

Now, compile this information into a paragraph so it looks like this:

This website will be dedicated to X, Y, and Z,

and cover the topics of A, B, and C. The audience will

be __________ ________________ _______. I will be adding

posts every _____________ about ________ _______ ______________.

I am doing this because _____________ _____________ __________________.


情報を使って

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,

"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."

Your topics are your categories. Write your categories down below your purpose paragraph and notes about your web page design.

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!

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 posts referenced by date is important. If the information itself is more important and timeless, then having your posts referenced by category is the best choice.

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 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.

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

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 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.

コメント

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 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 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 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.

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.
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

- Windows
- Linux
- Mac

Internet News
Web Page Design

- Web Standards
- WordPress
- - Plugins
- - Themes

カテゴリー内に記事を入れる

Let's put some of your test posts into categories so you can see how this works.

WordPress Admin Manage Posts

From the Manage > Category panel, click on the tab for 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.

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.

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.

スパム対策

There is more to think about when it comes to having comments on your site. Unfortunately we live in a world where spam is a fact of life. It is recommended that you begin battling the comment spammers with the helpful article, 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 サイトをカスタマイズする

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.

Finding a WordPress Theme
Look for one that better suits the look you desire on your site.
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).
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 テーマ

There are hundreds of 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.

If you run into problems, check out the Codex's Troubleshooting Themes article.


見た目をカスタマイズ

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:

WordPress プラグイン

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 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.

さらに一歩進んで

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.

What you do from here is up to you, but here are a few places to take that first step beyond the basics:

もっとヘルプが必要?

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