WordPressにはじめてログインする

WordPressログイン画面インストール完了画面から「ログイン」ボタンを押すとログイン画面になります。そこでインストール時に作成された「ユーザー名」と「パスワード」を入力します。

WordPress管理画面すると管理画面、ダッシュボードが表示されます。せっかくですから初めての記事の投稿をして見ましょう。

WordPressに初めての記事の投稿右上のあたりの「新規投稿作成」クリックします。すると記事の投稿画面になります。何でも良いですから記事を書いてみましょう。入力したら右側の「公開」をクリックします。すると「投稿が保存されました」と表示され入力欄には何もなくなります。そこで一番上の「サイトを表示」をクリックしてみましょう。

WordPressの画面左のように今書いたばかりの記事が表示された画面になります。右の「メタ情報」の「サイト管理」をクリックすればまた先ほどの管理画面になりますのでどんどん記事を追加できます。あなたがログインしていないときはそこには「ログイン」というメニューが表示され、クリックすると先ほどのログイン画面になります。

では次にWordPressのデザインの変更について解説しましょう。

WordPressのデザインを変更しよう

投稿した記事はきちんと表示されたでしょうか?これでWordPressはきちんと動いています。でもこのままのデザインでは納得いかないですね。

WordPressは「テーマ」というものでデザインを変更します。それでは早速やってみましょう。

WordPressのテーマを変更する管理画面の左上のほうにある「デザイン」をクリックしましょう。すると左のような画面になります。ここでデザインを変更するのですが、今一番上に表示されているのが現在のテーマです。その下に「利用可能なテーマ」があって「WordPress Classic」というのがあります。ためしにクリックしてみましょう。

すると現在のテーマが変わりましたね。それでは上のほうにある「サイトを表示」をクリックしてみましょう。

テーマが変更されました左のように表示されましたか?これでデザインの変更は完了です。カンタンですね。

え?カッコよくないって?

もっとカッコいいデザインにするにはWordPressに含まれるテーマを書き換えればよいのですがそれにはHTMLやCSSの知識は不可欠です。しかしながらホームページビルダーなどで何とかホームページを作っている人にとっては少々ハードルが高いでしょう。

それではどうするかというとどこかでテーマを手に入れればよいのです。

WordPressテンプレートを探す

インターネット上には実に多くのWordPressテーマがあります。しかしその多くは英語であったりします。英語でも基本的には同じですが、英語表示だとかっこいいフォント(字体)や文字間隔、行間隔なども日本語で表示するとなんとなく変になってしまいます。そのあたりの変更はCSSファイルを編集する必要があります。

WordPressテーマ左のようなテンプレートを作成しました。クリックで拡大できます。実は「ホームページビルダーテンプレート」とデザインを統一しています。

例としてこのテーマ(テンプレート)を適用してみましょう。基本的にはどのテーマを利用しても同じですので参考になるかと思います。

まず、右側のメニューなどが表示される部分のカスタマイズをしてみましょう。ウィジェットを利用して表示の変更をします。初めての方はなんのこっちゃか分かりませんね。何はともあれやってみましょう。カンタンなことですから。

ウィジェットを利用する

右側のナビゲーションに表示される項目はウィジェットでカスタマイズすることが出来ます。と、言われても初めてインストールした方には何のことか分からないと思います。使ってみるとすぐ分かりますが一言で言えばソースにまったく触れることなくナビゲーションに表示される項目を変更できるツールです。

ウィジェットを編集する管理画面の「デザイン」のすぐ下の「ウィジェット」という文字をクリックします。左側に利用できるウィジェットがいくつかあります。

ウィジェットにページを追加右側に表示したい項目の横の追加をクリックすると…例えば「ページ」の横の追加をクリックすると、右側の現在のウィジェットに「ページ」が追加されます。そして追加された項目の下の「変更を保存」をクリックします。 そして「サイトを表示」してみましょう。

ナビゲーションにページが追加されました。右側の部分に「ページ」の項目が出来ました。同じように自分に必要な項目を追加してみましょう。ここで便利なのが例えば「ページ」の下に「カレンダー」を追加しやっぱりカレンダーの下にページを…なんて思ったときは「カレンダー」の文字をググッと上にドラッグすると上に移動してくれます。

ウィジェットのタイトル編集さらに、編集をクリックするとその項目のタイトル他が編集できます。色々と試してみると良いでしょう。そして最後に必ず「変更を保存」をクリックします。そうしないと変更が反映されません。カスタマイズが終わったらサイトを表示してみましょう。

ウィジェットが更新されましたいかがですか?思ったように項目が表示されましたか?さて、続いてテーマ(テンプレート)を適用してみましょう。

まずは入手したテーマをアップロードしなくてはいけません。

WordPressテーマをアップロード

テーマをアップロードテーマ(テンプレート)を適用させるためにはそのテーマのフォルダごとまずサーバへアップロードします。今回は対象のテーマフォルダは「wdcro」という名前です。これはあなたが適用しようとするテーマによって名前が違います。アップロード先はwordpress/wp-content/themesです。あなたがアップロードしたWordPressの中にwp-contentというディレクトリがあり、その中にthemesというディレクトリがありますのでその中にアップロードします。

アップロードが終わったらそのディレクトリ(今回はwdcro)を開いてみましょう。いくつかファイルがあります。そこで各ファイルのパーミッションを変更します。phpとcssのファイルを書き込み可能(パーミッション666)にしておきます。すると後から管理画面から各ファイルの編集が可能になります。

パーミッションの変更FFFTPの場合、パーミッションを変更したいファイルを右クリックします。そして「属性変更」をクリックします。そして大抵の場合「現在の属性」が「644」になっていると思いますのでそこを「666」に変更します。すべてのphpファイルとcssファイルについて行います。

では、続いてアップロードしたテーマ(テンプレート)適用してみましょう。

WordPressテーマを変更する

WordPressテーマを変更するテンプレートをアップロードしたら再びWordPressの管理画面を見てみましょう。管理画面の「デザイン」をクリックします。すると新しいテーマが出ていませんか?この例では「WordPress wdcro No.1」と言うテーマが追加されています。

WordPressテーマを変更しましたさてそれではその追加されたテーマをクリックしてみましょう。現在のテーマのところが今、アップロードしたテーマに変わりましたね。
本当にこれで終わりなんでしょうか?不安になってしまいます。それでは変更後のWordPressがどのように表示されるか「サイトを表示」をクリックしてみましょう。

WordPressを確認いかがでしょうか。 このようになりましたか? とてもカンタンな作業ですね。WordPressのテーマを入手すればこんなにカンタンにレイアウトを変えることが出来るのです。

さて、WordPressのインストールからデザインの変更はうまくいきましたか?あとはあなた自身が魅力的なブログに育てていくだけです。がんばりましょう。

このページで解説しているWordPressのテーマ(テンプレート)はただ今好評販売中です。ホームページビルダーテンプレートとレイアウトを統一させていますのでお店や中小企業の方がサイトを作成するのに適しています。

このWordPressテーマ(テンプレート)はこちらから入手できます。

HTML/CSSホームページビルダーテンプレートはこちら