WordPressを実際に使ってブログ記事を作成していきましょう。
初心者の方でも、画像を見ながら順番に進んでいけば問題ありませんのでご安心ください。
WordPressへログイン
まず、『あなたのブログURL/wp-login.php』 へアクセスします。
※こちらのURLはお気に入りに入れておくと便利ですね。
![WordPressログイン](https://osachi.net/wp-content/uploads/2016/08/dc55da7c44072cdd61802153d4af8aed-256x300.png)
ユーザー名とパスワードを入力して、ログインをクリックします。
すると、次のような画面に移ります。
![WordPress](https://osachi.net/wp-content/uploads/2016/08/7e4f45b7cf205195bd84769dce31b7db-1024x515.png)
これでログインは完了です。
WordPressで記事作成
記事作成の概要
![記事投稿01](https://osachi.net/wp-content/uploads/2016/08/523a1c0ec1c26484eab006237fa8aab0-1024x450.png)
続いて、記事作成にうつります。
上記画像のダッシュボードメニュー内の「投稿 ⇒ 新規追加」をクリックします。
![記事投稿02](https://osachi.net/wp-content/uploads/2016/08/707bd509f0a900face5979d29ea96948-1024x499.png)
まず、「ここにタイトルを入力」の部分に記事タイトルを入力します。
タイトル下のURLを編集します。
![](https://osachi.net/wp-content/uploads/2016/08/7ce6fa7806615aecf1d8369d2024b757.png)
ここは、下記記事で設定したパーマリンクの部分でしたね。
デフォルトだと記事タイトルが日本語で入っています。
ここを記事タイトルの内容を簡単に半角英数字に置き換えて入力しておきましょう。入力したら、横のOKボタンを押して編集完了です。
次に本文を下の大きな空欄に書いていきますが、この時、ビジュアルモードとテキストモードが選択できます。
基本的に、テキストモードで記事作成を行っていきます。はじめのうちは、本文内にHTMLタグが並んでわかりにくいかと思いますが、次第に慣れていきます。
また、記事作成中には下書きの保存機能を使いましょう。
下記画像の「下書きとして保存」をクリックすると下書きが保存されます。
![記事投稿03](https://osachi.net/wp-content/uploads/2016/08/a289934aa6df5e585ae0f975bb9dc92f-168x300.png)
他には「プレビュー」をクリックすると、実際に記事を投稿した際のレイアウトが確認できます。
カテゴリーのチェックも忘れずにしておきましょう。
記事作成が終わりましたら、「レビュー待ちとして送信」をクリックします。(寄稿者機能限定)
通常は「更新」となっていますので、更新をクリックして記事投稿が完了します。
記事作成時のHTMLタグの使い方
記事作成をするにあたって、HTMLタグを理解する必要があります。記事を書く空欄上部にある『b』や『link』などのボタンのことです。
![記事投稿04](https://osachi.net/wp-content/uploads/2016/08/ee34247db3a104d88f83defb292bbffd-1024x495.png)
順番に見ていきましょう。
- b・・・太字
- link・・・リンクをつける
- b-quote・・・引用
- del・・・削除
- ins・・・追加
- img・・・画像
- ul・・・箇条書き
- ol・・・番号付き
では、実際に使ってみましょう。
b・・・太字
![タグ](https://osachi.net/wp-content/uploads/2016/08/ce7e76eef80bd5e4fc8e857a98f2a08b-1024x636.png)
太字にしたい文字を記入し、選択します。その状態で、bのボタンをクリックします。
すると、下記のように太字にするHTMLタグが表示されます。
![タグ](https://osachi.net/wp-content/uploads/2016/08/b75237c677ea1e654aca709de6095b6d-1024x629.png)
link・・・リンクをつける
リンクをつける場合も同じです。リンクをつけたい部分を選択し、linkボタンをクリックします。
下の画面になりますので、リンク先を入力していきます。あらかじめリンク先を開いておくとコピー&ペーストで簡単にリンク先を挿入できます。リンク先のURLをコピー&ペーストしたら、「リンク追加」をクリックします。
![タグ03](https://osachi.net/wp-content/uploads/2016/08/6afd3103747490088520fd191a4691bd-1024x520.png)
URLが挿入されました。
![タグ04](https://osachi.net/wp-content/uploads/2016/08/989abf8a9423b9faadfee378bd6c3bfd-1024x454.png)
b-quote・・・引用
引用は、他人の書いたものをそのままの形で掲載する時に使用します。
そのまま掲載してしまうと著作権に触れてしまう恐れもあるので注意が必要です。
![タグ05](https://osachi.net/wp-content/uploads/2016/08/2265d9f5beb9a06767017410af023ec8-1024x597.png)
上と同じように引用したい部分を入力し選択した後、b-quoteボタンを押します。上の図のように引用タグが挿入されました。
他人の書いたものを使用する場合は、必ず引用タグを使用するようにしましょう。
ここまで使用したタグをビジュアルモードで確認すると、下の図のようになっています。
![タグ06](https://osachi.net/wp-content/uploads/2016/08/96a2a1772d311892e54e7f58e8f5fedf-1024x593.png)
del、ins、imgについては、あまり使用しないので今回は割愛します。
ul、olについては別記事にて解説していますので、そちらをご覧ください。
コメントを残す