[初心者向け]Wordpressの記事の書き方！最初に迷う所は全て網羅しました

今回は、WordPressの記事の書き方について説明していきます。

初心者とっては、記事１つ作るのも色々とぶち当たる壁があると思います。

私も最初は、そうでした。

でも初歩的な記事の書き方については、意外にもネットで検索した時になかったので基本的なことから説明していきたいと思います。

今回ご紹介する記事の書き方は、とっても基本的な事であり「記事の書き方テクニック」というよりは、「ワードプレスで記事を書く方法」といったニュアンスで見てもらえればと思います。

ちょっとPRです

みっぴー（@bennriya_mi）です～。

アイキャッチを変えただけで、広告表示回数が5倍になりました。（こっそり独り言）

今回、そのアイキャッチを誰でも使えるようにテンプレにしました。
詳しくは、下記にて

⇒アイキャッチテンプレート150種について

記事の作成の前にカテゴリー作成を
記事の作成の仕方
まとめ

記事の作成の前にカテゴリー作成を

まず、記事を作成するにあたって、カテゴリーを事前に作成しておくと便利ですしどういった記事を書いていくのか全体の構造も決められるので先にカテゴリーを作っておくと、とてもいいと思います。

カテゴリーとは、簡単にいえばグループ別けのような設定です。

例としては下記のような感じ

・Wordpress

・アフィリエイト

・SEO

といったように、この記事はどういった内容を書いているのか読んでもらう人に分かるように分けていくといいです。

カテゴリーの作成方法

WordPress管理画面の左側のメニューの「投稿」⇒「カテゴリー」と進んでください。

ここでカテゴリーを作成出来ます。新規カテゴリーを追加の下に名前などを入れる場所があるのでそこに入力していきます。

名前

カテゴリー名を入力する。

(例)：Wordpress

スラッグ

スラッグとはそのカテゴリーページに飛ぶときのURLの一部に使われます。

(例)：wordpress

親

ここでは、階層構造の設定が出来ます。

※階層構造とは、大きなカテゴリーの中にさらに細かいカテゴリーを作るということです。

大きなカテゴリーを親カテゴリーといい、その中に属する小さなカテゴリーを子カテゴリーと呼びます。なので、ここではご自身の作ったカテゴリーから親を選び、階層を設定出来ます。

階層構造を作りたくない場合は「なし」を選択ください。

(例)
親カテゴリー⇒Wordpress
子カテゴリー⇒Wordpressのプラグイン

説明

ここは、そのカテゴリーの説明を入れます。お使いのテーマによっては、ここに入力した文字がカテゴリーページの説明として表示されます。こちらは特に未記入でも問題はありません。

以上の流れで作りたいカテゴリーを作っていってください。終わりましたら、本題の記事作成に取り掛かりましょう！

記事の作成の仕方

WordPress管理画面の左側のメニューの「投稿」を押してください。そしてその中の「新規追加」を押してください。

ここが基本的に記事を書いていく場所です。

「投稿」⇒「新規追加」と進むと新規投稿を追加という画面になります。ここでタイトルや本文、載せる画像などを設定していきましょう。

１.タイトルの作成

タイトルはその記事がどんなことが書いてあるのか分かるような内容にしましょう。

(例)Wordpressの記事作成の仕方

※タイトルの下にパーマリンクというものがあります。

記事のURLをどのように表示するか、設定のところで決めたかと思いますが、選んだものによっては１つ１つご自身でURLを作ることが出来ます。こちらに関しても記事の内容が分かるものがいいと思います。

タイトルが決まったら次に本文を書いていきましょう。

２.本文を書いてみましょう。

次に本文を書いていきますが、ここで１つポイントがあります。

これは、私が今でもしてることですがまず記事の下書きをパソコンに最初から内蔵されている普通のメモの上などで書いてみるといいと思います。そこで書きたいことを並べてみて文章にしていきます。

それが終わったらそのまま全部、コピーしてWordpressの投稿作成ページの本文のところに張り付ければＯＫです。

貼り付けたあとに、間違いなどがないか確認しながら、文字の色や、見出しなどの設定を行っていきます。

(※見出しについて分からない方は別の記事に載せてますのでこちらを参考にしてみてください。)

・SEO対策：見出しの重要性

見出しの重要性と見出し１～６の使い分け方

２－１.文字の色をつけてみる

では文字に色を付けてみましょう。

↓画像のように、Ａ▼と書いてあるところが文字の色を付けるところです。色を付けたい文字を選択してください。

文字を選択したらＡの横にある▼を押してください。そうしますと、そこから色が選べます。

色のパレットが出てくるので、好きな色を選択してください。

ほら、文字に色がつきましたね！

２－２.見出しを付けてみましょう。

では、次に見出しをつけていきます。ホームページやブログなどの記事を作成する際に１番大事な「見出し」

ボタン１つで付けることが出来ます。見出しにしたい文字を選択してください。そのあと、「段落」と書いてあるところをクリック。

クリックすると見出し１～６まで出てくると思うのでそこから付けたい見出しを選択します。

記事の本文の見出しは、大体は２からなので最初は２から使います。

※お使いのテーマによっては、３からスタートの場合もあるので、お使いのテーマで調べてみてください。

２－３.その他の機能も簡単に説明しておきます。

	文字の下に線を引く⇒線を引く
	箇条書きのタグ⇒項目ごとに箇条書きにします。
	箇条書きのタグ⇒項目ごとに箇条書きにし、数字を先頭に付けます。
	リンクタグ。リンクを設定する時に使います。
	リンクの削除タグ。リンクを設定を解除する時に使います。
	画像を挿入するタグ。

３.改行について

ブログなどをされてた方は、Wordpressをいじってて気づいた方もいると思います。そうです。改行についてです。

私も最初、改行しても更新すると元に戻っていて。「なんだ？不具合かな？」と思ってました苦笑

しかし！不具合ではなかったんです。それにはちゃんとした理由がありました。

WordPressで文章を書くときに「エンター」を押すとそれは改行という操作ではなく段落の区切りとして認識されているからなんです。

２行改行して次の話をしたいときとかに私はよく使ってますが改行を２行あけると検索エンジンロボットが文章を読み込むときにあまり綺麗な文章ではないので、読み込みやすいように、Wordpressが自動的に綺麗な形に修正してくれたみたいなんです！

(詳しくは私も分からないですがたしか、そんな感じです！苦笑)

とにかく、不具合ではなくこれはWordpressの設定みたいなんです。なのでエンターキーを2回押しても1回分に修正されてたわけですね。

では、広めに間をあけたいときはどうすればいいの？と疑問に思うかもしれませんが試しにエンターキーを2回押してみてください。

そしてそのあと、本文を記載するスペースの右上のほうにビジュアルとテキストを切り替えるところがあるのでのテキストに切り替えてみてください。

なんだか、 という不思議なものが入ってますね。これは半角スペースという意味らしいのですが２行の改行ができないので１行改行して半角スペースをあけてまたもう１行改行といった感じになっているので広めにスペースがあきます。

また、エンターキーを押すと広めにスペースがあいてしまいますが通常の改行はシフトを押しながら、エンターキーを押すとスペースがない改行が出来ます。

(※Shift＋Enterで通常改行)
上手く使い分けてみて下さいね。

※テーマによっては、決まったタグを入れることで改行できるものもあります。お使いのテーマ名と改行などで検索すると出てきますよ！

追記

※2017年9月11日追記

最近は、ショートコードを使って改行しています。そのほうが楽なので。

記事作成画面のショートコードはこちらです。

ショートコード

[br num="1"]

※上記の1の数字のところを2とかにすると2行分改行されます。

このショートコードを使うには、functions.phpに下記のコードを張り付ければ改行が出来るようになります。

「functions.phpに載せるコード」↓

コードを表示

functions.php


//改行
function sc_brs_func( $atts, $content = null ) {
	extract( shortcode_atts( array(
					'num' => '5',
					), $atts ));
	$out = "";
	for ($i=0;$i<$num;$i++) {
		$out .= "<br />";
	}
	return $out;
}

add_shortcode( 'br', 'sc_brs_func' );

注意

「functions.php」の編集に失敗するとブログが真っ白になって、管理画面に入れなくなるので最初はいじらないほうがいいかもです。私も最初真っ白になって焦りました。

functions.phpのファイルを編集する場合は、必ずバックアップを取った上で編集してください。functions.phpの記入を誤るとブログの画面が真っ白になって管理画面にさえも入れなくなります。編集は慎重に行ってください。万が一、真っ白になった場合は「[WordPress]functions.phpを編集後に画面が真っ白になった時の対処法と注意点」を参考にしてください。