2019年10月2日ワードプレスで記事を書きたい人WordPressブログで記事の書き方が知りたい。おしゃれな装飾や吹き出しなども使って、かっこいいブログに仕上げる方法を教えて!こんな疑問にお答えします。本記事の信頼性この記事を書いている僕は、現在ブログ歴9ヶ月です。今年の1月にブログを始めて、今では月50万円を稼げるようになりました。ワードプレスは2019年に新エディター(投稿画面)の「グーテンベルク」がリリースされ、記事の書き方も大きく変わりました。今回は、新エディターでのブログの書き方を、画像つきで分かりやすく解説していきます。注意点:当ブログはSangoという有料テーマを導入済み当ブログは有料テーマのSangoを導入しています。WordPressのエディター画面に機能が追加されていたり、フォントや見出しのデザインなどがあなたのみている画面と違うはずです。有料テーマを導入すると、フォントや見出しのデザインを変更できたり、ショートコードで吹き出しが使えたりしますよ。WordPressブログのデザインテーマについては、【失敗しない】ワードプレス(WordPress)ブログ用のおすすめテーマ5選にて詳しく解説しています。予約投稿の仕方まとめワードプレスブログで記事を書く〜投稿するまでの全体像ワードプレスブログで記事を書く〜投稿するまでの全体像まずはじめに、ワードプレスブログでの、記事の作り方から投稿方法までの全体像を、ご紹介します。記事を投稿するまでのプロセスは、大きく分けると上の4つに分かれます。今回は、入門編としてブログの書き方(1〜2)をご紹介した後に、基本編としてブログの装飾方法(3)をご紹介します。最後に記事の投稿方法(4)を簡単に解説していきます。入門編では以下の8つの項目を、順番にご紹介していきます。クリックするだけでOKです。ヘッダーにある、「+新規」→「投稿」をクリックでも新規作成できます。2:タイトルをつけるタイトルを記入タイトルは、上記の「タイトルを追加」と書いてある部分に書き込みます。タイトルを記入SEO的な観点から、タイトルの長さは32文字前後がおすすめです。3:本文を書く本文・メニュータイトルを入力するボックスの下は、本文を書き込むエディターです。noteというサービスのように、1行ずつがブロックになっています。ブロックの左の「+」を押すと、段落・画像・スペースなどを追加できる仕組みです。本文はボックス内に文字を入力してけばOKです。4:見出しをつける本でいう目次にあたる、見出しは、文章構造を分かりやすくするのに役立ちます。ボックスに文字を入力した後に、マウスのカーソルを入力した文字あたりで動かすと、ボックス上部にツールバーのようなものが出てきます。し」を選択できるので、クリックします。見出しは、H2→H3→H4という風に構造化されていきます。(H2が大きな見出し)5:画像を挿入する本文に画像を挿入する方法は、ブロック横もしくは下の「+」をクリックして、「一般ブロック」→「画像」をクリックします。上記の3つから、画像挿入の方法を選択することになります。ワードプレス内に画像を保存しておける「メディアライブラリ」を選択するのがおすすめです。「メディアライブラリ」をクリックした後に、挿入したい画像をドラッグ&ドロップすると、画像が保存されるので、あとは画像を選択すると挿入が完了です。6:カテゴリーを決めるブログカテゴリーを考えている人は、右サイドバーから「カテゴリー」をクリックして、自分の好きなカテゴリーをクリックまたは「新規カテゴリーを追加」からカテゴリー追加しましょう。カテゴリー設定については、バズ部さんのWordPressのカテゴリーの設定方法から編集まで徹底解説にて詳しく解説されています。7:タグをつけるタグは、カテゴリーがちがう記事を横断的に、まとめておくことができます。使っても使わなくてもどちらでもOKです。BlogさんのWordPressのタグを設定して記事を探しやすくするポイントで詳しく解説されています。8:アイキャッチ画像を入れる最後に、アイキャッチ画像を入れて完了です。右サイドバーの「アイキャッチ画像」→「アイキャッチ画像を設定」で、メディアライブラリから選択しましょう。続いて、ブログ記事をおしゃれにする、装飾の使い方をご紹介していきます。今回は、当ブログでよく使用している「5つの装飾」に特化して解説していきます。ひく文字色・背景色を変える文字の大きさを変える行間スペースを整えるリスト化する1:太字・斜字・リンクこちらの3つは、全てボックス上部のツールバーでできます。リンクシンプルな装飾ですが、ブログ記事に強弱を与えてくれます。2:文字色・背景色を変える文字色・背景色を変更するには、以下の3ステップです。上記のような感じですね。「カスタムカラー」をクリックすると、好きな色に調節できますよ。3:文字の大きさを変える文字の大きさを変えるには、以下の3ステップです。基本的には標準サイズを使用して、目立たせたい部分は「大」、注意書きなどは「小」で書くと見やすいですよ。ちなみに、文字サイズ横の数値を変更すると、大きさを調整できます。4:行間スペースを整えるブログ記事は適度なスペースを挿入することで、読みやすくなります。当ブログでも、文章のかたまりごとにスペース追加することで、文章全体の詰まりを解消しています。スペースを追加するには、ブロック横の「+」から「レイアウト要素」→「スペーサー」をクリックするとスペースが追加されます。スペーサーの青い点をクリックしながら上下に動かすことで、スペーサーの上下幅を調整できます。5:リスト化するこんな感じでリスト化すると見やすくなります上記のようにリスト化する方法は、リスト化したい複数ブロックを選択して、ツールバーの「▼」→「リスト」をクリックするとリスト化できます。黒丸のリスト番号付きのリストがあるので、お好きな方を選択して使ってください。応用編では、カエレバ・ヨメレバという商品紹介リンクの挿入方法、有料テーマを購入した方はショートコードの挿入方法をご紹介します。カエレバ・ヨメレバで商品紹介カエレバとは、ブログ上で、特に量販品を紹介するためのブログパーツです。アマゾン、楽天市場、Yahoo!ショッピングなどの複数のネットショッピングモールへのリンクを表示することで、アフィリエイト報酬のとりこぼしを減らせます出典:カエレバ公式ヨメレバとは、「ヨメレバ」ブログパーツは、ブログ上で書籍を紹介するためのブログパーツです。簡単にいうと、商品紹介のアフィリエイトをまとめて紹介できるサービスですね。おすすめ本をこんな感じで表示できたります。2011年03月AmazonKindleカエレバ・ヨメレバともに、ユーザーデーター(サイト名、アフィリエイトID)を入力すると使えるようになります。カエレバ・ヨメレバのなかで好きな商品を探して、商品ページからブログへ貼り付けるためのhtmlを発行できます。サイトへの挿入方法は、ブロック横の「+」→「フォーマット」→「カスタムhtml」をクリックして、カエレバ・ヨメレバのリンクを挿入するとOKです。カエレバ・ヨメレバの使い方は、カエレバ・ヨメレバ・トマレバの使い方からカスタマイズまで完全解説!にて詳しく解説されています。ショートコードでデザインUPWordPressブログの有料テーマをご購入された方は、ショートコードで簡単におしゃれデザインを実現できたり、便利な機能が使えます。当ブログで導入しているSango(サンゴ)では、吹き出しやレビュー機能が、ショートコードで簡単に使えます。Tsuzukiこんな感じで吹き出しを使えますよ〜。end]総合評価[/value][/rate]↑のような感じですね。ショートコードの使い方は、ブロック横の「+」→「ウィジェット」→「ショートコード」をクリックすると、ショートコードの入力ブロックが出てきます。最後に、記事の投稿方法についてご紹介します。簡単なので、サクッと解説していきます。記事を投稿できる状態になったら、右上の「プレビュー」をクリックして、内容をチェックします。内容がOKなら、右上のプレビュー横の「公開する」をクリックします。「公開してもよいですか?」と確認されるので、「公開」をクリックすると投稿完了です。予約投稿をする方法は、「公開してもよいですか?」と確認された際に、「公開:今すぐ」をクリックして、公開したい日付・時間を入力します。切り替わるので、「予約投稿」をクリックすると希望の時間に予約投稿が完了です。ターゲットにもよりますが、大体20:00〜23:00の間が一番アクセスが多くなるので、自分の狙いたいタイミングを狙って予約投稿しましょう。事前にTwitterなどで投稿のアナウンスをしておくと、投稿したときの反応が良くなりますよ。まとめ今回は、ワードプレス(WordPress)ブログの書き方から投稿方法まで、詳しく解説しました。装飾に凝るのもいいですが、時間と労力がとてもかかるので、有料テーマを購入して決まったデザインだけ使うようにすると、投稿の負担が減りますよ。