一般人のブログ収入の平均はどれくらいなのか?収益化までの正しい手順[2023年最新版]2023年3月29日ブログの始め方ブログで稼ぐノウハウを発信。SEOについて詳しくまとめています。WordPress2023年5月24日dekkiURLをコピーしました!この記事では「WordPressでのブログの書き方」を基本操作やテーマごとの装飾を画像付きで解説しています。紹介する基本操作は以下の通りです。本文を装飾する画像を入れるパーマリンクを設定するカテゴリー・タグを設定するアイキャッチ画像を設定する記事を公開(投稿)する※基本操作に加えてcocoon/SWELL/AFFINGER/SANGOのよく使用する装飾もまとめています。どのテーマもちょっとしたコツでおしゃれに装飾できるので、参考にしてみてください。筆者プロフィールはじめましてdekkiと申します。2019年4月からブログ開始。月23万PV/売上50万円まで稼げるようになりました。現在は複数のサイトを運営しつつブログ運用サイト「デッキブログ」を更新しています。基本情報はじめにWordPressでブログ記事を書くにあたり基本的なことを解説します。dekki知っている人は読み飛ばして次の章におすすみください。>WordPressの編集から投稿までに進む投稿ページと固定ページの違いWordPressでは投稿する方法が2種類あります。投稿ページブログの記事を作成・編集するページ。固定ページプロフィール、問い合わせ、プライバシーポリシーなどを作成・編集するページ。ブログ記事を投稿するときは「投稿ページ」を使用します。※以下、投稿ページの書き方を解析しています。クラシックエディタとブロックエディタの違いWordPressには2種類のエディタが使えます。※エディタとは記事を編集する機能のことです。クラシックエディタ(旧エディタ)ブロックエディタ(新エディタ)ブロックエディタはWordPress5.0から標準で採用されたエディタです。※2018年12月からdekki私もブログ開始当初はクラシックエディタを使用していましたが、将来サポートが終了する可能性があることを知り、ブロックエディタに変更しました。このようにブロックが選択できます。クラシックエディタに慣れている人は初めのうちはブロックエディタに戸惑うかもしれませんが、今はデフォルトでブロックエディタになっています。クラシックエディタを使用する必要はないので、これからブログを始める人は「ブロックエディタ」に慣れておきましょう。※本記事では、ブロックエディタを使用することを前提に解説しています。WordPressテーマごとの違いWordPressは使用するテーマによって記事の編集方法が違います。標準で使えるブロックもありますが、テーマごとにデザインが違うので好みのテーマで編集しましょう。今回解説するテーマの特徴は以下の通りです。編集&投稿方法を解説ではここからは画像付きでWordPressブログの書き方を解説します。書き方の流れは使用頻度が高い10項目を解説しています。本文を装飾する画像を入れるパーマリンクを設定するカテゴリー・タグを設定するアイキャッチ画像を設定する記事を公開(投稿)する記事の編集画面を開く記事編集画面の開き方WordPressの管理画面から新しい記事を編集する画面を開きます。編集画面の開き方は2種類です。画面左の[投稿]→[新規追加]画面上の[+]→[投稿]どちらも同じなので使いやすい方法でOK。記事のタイトルは編集画面の[タイトルを追加]に入力します。タイトルの付け方のポイント!読みたいと思えるタイトル選び。適切な文字数は32文字以内。タイトルは読者が読みたいと思ってもらえる内容が適しています。その際、必ずタイトルにキーワードを含めましょう。dekkiキーワードはタイトルの左に寄せたほうが、SEOで有利に働くとされています。タイトルの文字数は、あまり長過ぎては読者に伝わりにくいので、32文字以内が良いとされています。※文字数に制限はありません。他にも32文字以内の理由は、検索ページで以下のように途中で切れてしまうからです。このようにタイトルが途切れてしまいます。見出しの選択方法ブロックを選択して一覧から[見出し]を選択します。画面上部に「H2」と表示されます。見出しを選択すると画面上部に「H2」と表示されます。dekkiちなみに画面上部のツールバーをブロック上に変更できます。画面右上の[...]からトップツールバーのチェックを外す。するとブロックのすぐ上にツールバーが表示されます。dekki使いやすいほうに設定しましょう。見出しの説明H1~H6というのは段落ごとの「見出し」になります。「H」はheading(見出し)の頭文字を取ってH2タグ、H3タグと言います。Hタグの使い方はH2、H3、H4というように順番に使います。まとめdekki使用方法は以下を参考にしてみてください。編集中の見出しの確認は編集画面上部から確認できます。このように確認できます。本文は[ブロックを選択するには「/」を入力]に本文を書きます。基本的に改行ごとにブロックを選択して文章を入力します。注釈など改行させたくないときはキーボードの[Shift+Enterキー]ですぐ下に改行できます。例:本文のすぐ下に文章を載せる場合。※Shift+Enterキーですぐ下に改行できます。WordPressには60秒ごとに自動で下書き保存してくれる機能が付いています。うっかり「×」で画面を閉じても保存されているので安心です。リビジョンの説明WordPressにはリビジョン機能というのがあり記事の復元が可能です。リビジョンとは編集した記事内容を保存して違いを見たり、復元できる機能になります。リビジョン数は編集画面右から確認できます。このリビジョンは数が多くなると、サーバーに溜まりサイトが重くなります。そのため、リビジョン数を制御するプラグインは念のためインストールしておいたほうが無難です。本文を装飾するよく使う装飾ブロックを選択して文章を書いた後にツールバーから選択します。]リンクは文字にURLを載せるときに使用します。dekkiリンクテキストは[A]太字のほうがリンクと分かりやすいのでオススメです。例:トップページに戻るリンクは外部リンク、内部リンクどちらでも使用可能です。内部リンクは読者が自身のWebサイトに留まる効果が期待できます。Googleの評価にも左右されるので、積極的に活用しましょう。下線はリンクテキストと混同してしまうため多様しないようにしましょう。画像の挿入方法は3つあります。アップロードパソコンやスマートフォンなど外部端末から画像を取り込むときに使用。メディアライブラリWordPressに保存された画像を使用するとき。(主にメディアライブラリの画像を使用します)URLから挿入WordPressに保存された画像を使用するとき。(ほとんど使いません)画像サイズはWordPressに取り込む前に変更できますが、WordPressに取り込んだ後も編集可能です。本文に挿入する画像容量は大き過ぎると読み込みが遅くなってしまうため50KB以下が目安です。画面右のサイドバーの[投稿]→[パーマリンク]を選択して記事のパーマリンクを入力します。/(ここの部分)パーマリンク自体の設定はWordPressの管理画面左のツールバーから[設定]→[パーマリンク]から設定できます。パーマリンクを好きな文字列にしたいときは「カスタム構造」にチェック→「/%postname%/」と入力→[変更を保存]で設定できます。-(ハイフン)_(アンダーバー)※日本語URLも使用できますが、コピペしたときに英数字記号に変換されるのでやめておきましょう。dekkiちなみにパーマリンクによって検索順位が変わることはありません。読者の利便性を考えると分かりやすいURLにするのをおすすめします。画面右のサイドバーから[カテゴリー]を選択します。そのすぐ下に[タグ]とあるのでこちらにタグを入力します。タグは[よく使うもの]からも選択できます。記事にアイキャッチ画像を設定する画面右のサイドバーの[アイキャッチ画像を設定]から使用する画像を選択します。dekki推奨されているアイキャッチ画像は横1200×縦630pxです。※使用するWordPressテーマによって異なることがあります。推奨サイズ以下だとボヤけたり画像が途切れたりすることがあるので注意しましょう。画像容量が大きくなってしまったときは圧縮して使用します。dekkiアイキャッチ画像容量の目安は100KB以下が理想です。画像圧縮ツールは以下のサイトがおすすめです。どちらもブラウザ上で圧縮できて便利です。>JPEG/PNGの圧縮ツール[TinyPNG]>webp圧縮ツール[PNG・JPEGをWebP画像に一括変換|サルワカ道具箱]webp(ウェッピー)とはwebpはGoogleが開発したファイル形式でPNG画像よりも約26%、JPEG画像よりも約25%〜35%画像容量を軽くできます。ファイル形式ごとの違いは以下の通りです。※JPEGは非可逆圧縮といって画像を小さくして元の大きさに戻すと画像が劣化します。最近は色々なサイトでwebp形式が使われています。dekkiページの読み込みも早くなるのでおすすめです。最後は記事を確認をして[公開]します。公開は「今すぐ」できますし、日時指定で公開もできます。テーマごとの編集方法ここからはWordPressテーマごとによく使うブロックを解説します。紹介テーマは次の通りです。ブロックの種類cocoonの編集方法SWELLの編集方法AFFINGERの編集方法SANGOの編集方法WordPressテーマcocoonの編集方法cocoonの特徴cocoonはシンプルなブロックが多く、使いやすいのが特徴です。その反面、カスタマイズの幅が狭いので物足りなさも感じられます。箇条書きを入れるブロックを選択して[+]→[リスト]を選択します。すると、ブロックに箇条書きが表示されます。装飾に変化をつける場合は[+]→[タブボックス]を使用します。他には[見出しボックス][タブ見出しボックス]で箇条書きがボックス形式で作成できます。ボックスの中をクリックして[+]→[リスト]を選択します。ボックスには「アイコン」と「タイトル」が付けられます。画面右のサイドバーからアイコンの選択、ボックスの色が設定できます。ふきだしを入れるふきだしは[+]→[吹き出し]で呼び出します。ふきだしはデフォルトで選択できるものと、自身で設定したふきだしが使えます。ふきだしのカスタマイズはWordPress管理画面左のサイドバーの[cocoon設定]から変更可能です。ふきだしは色の設定が可能です。背景色/文字色/ボーダー色が変えられます。表を入れる表は[+]→[テーブル]を選択。ブロックに「表形式のデータを挿入します。」と表示されるので、カラム数と行数を入力します。dekki[表のセルは幅を固定]をONにするとテーブルの幅が広くなり入力しやすいです。表を増やすときは、画面上部のツールバーから表の挿入・削除が選べます。続いてテーブルに画像を挿入します。]→[インライン画像]を選択して画像を挿入します。評価スターは[/]→[/]評価スターを選択します。]こんな感じで表示されます。cocoonのテーブルブロックはシンプルですが、文字サイズやカラーを変更することで少し変化を付けられます。表示]→[ハイライト]で文字色を選択します。このように少し変化を付けられます。ボタンを入れる[+]→[ボタン]を選択。ボタンは画面右のサイドバーから変更可能です。変更できるところURLボタンのリンクを入力します。リンクの開き方[現在のタブで開く][新しいタブで開く]から選択可能。サイズ[小][中][大]から選択可能。円形にする円形/四角から選択可能。光らせる光らせる/光らせないから選択可能。/文字色/ボーダー色から選択可能。cocoonのまとめcocoonはマウス操作で直感的に装飾できるので使いやすさでは随一です。カスタマイズできるバリエーションが少なくどうしても簡易的なサイトに見えてしまいがちです。オシャレな装飾をしたいと考えている人は不向きなテーマといえます。SWELLの編集方法SWELLの特徴SWELLはHTML/CSSの専門的な知識がなくてもオシャレにカスタマイズできるのが特徴です。他のWordPressテーマからの乗り換えも簡単です。高機能なためプラグインは最小限で済みます。ブロックエディタに対応しているためマウス操作だけで豊富な装飾が利用できます。SEO内部対策もしっかりされているので検索上位にも有利に働きます。箇条書きを入れる[+]→[リスト]を選択。画面右のサイドバーから[親のリストブロックを選択]から好きな装飾を選びます。装飾の種類スタイルリストの追加スタイルデバイスの制限ブロック下の余白量dekki[ブロック下の余白量]はよく使う機能です。[キャプションボックス]を選択してリスト(箇条書き)が挿入可能です。dekki[キャプションボックス]は簡単におしゃれに装飾できるので、こちらもよく使うブロックです。ふきだしを入れる[+]→[ふきだし]を選択。画面右のサイドバーから吹き出しの装飾ができます。テーブル]から表(テーブル)のテンプレートを選んだほうがすぐに編集できます。画面右のサイドバーから表(テーブル)の装飾ができます。ボタンを入れる[+]→[SWELLボタン]を選択。画面右のサイドバーからボタンのスタイル/ボタンサイズ設定/フォントサイズが変更できます。リンク先]を設定します。SWELLのまとめSWELLはcocoonと同じような操作性でマウスを動かすだけで簡単に装飾できます。WordPressテーマの中でも人気が高く、シンプルでおしゃれにカスタマイズしたいと考えている人はSWELLが最適なです。特別デメリットを感じることはありませんが、SWELLユーザーと似たようなカスタマイズになってしまうことがあります。本記事はWordPressテーマCocoonからSWELLに移行する際の手順をまとめています。これからCocoonからSWELLの移行をお考えの方はぜひ本記事を参考にしてみてください。AFFINGERの編集方法AFFINGERの特徴AFFINGERは他のWordPressテーマと比べてもカスタマイズの幅が広く「シンプル・おしゃれ・かっこいい」など自分の好きなサイト作りが楽しめます。企業でも採用されていることが多く、どんなサイトでも作れるのが特徴です。SEO内部対策もしっかりされているので、有料テーマを検討する際は選択の一つに加えておきたいWordPressテーマです。AFFINGERはクラシックエディタ・ブロックエディタどちらにも対応しています。以下、ブロックエディタの解説をしています。箇条書きを入れるボックス付きのリスト(箇条書き)で解説しています。マイボックス]を選択します。次にボックス内に箇条書きを挿入します。ボックス内のブロックを選択し[2]→[リスト]を選択。画面右のサイドバーから[1]→[2]と進み好きなリストを選択します。※解説では「点線」を選択しています。するとマイボックスの中にリスト(箇条書き)が表示されます。dekkiリストはテキスト/背景の変更が可能です。ふきだしを入れる1吹き出しを呼び出したい箇所を選択→[2]→[3]→[簡易会話A][簡易会話B]であらかじめ登録している吹き出しが呼び出せますこのように表示されます。吹き出しは「枠線」「ブロック下の余白」などが変更できます。dekki「ブロック下の余白」はよく使う機能です。会話アイコン]を選択すると最大8個まで吹き出しが登録できます。この設定画面からアイコンを動かしたり大きくすることができます。表を入れる表(テーブル)の挿入方法は他のWordPressテーマと同じです。[+]→[テーブル]を選択。[2]からテーブルの種類が選べます。するとこのように表示されます。]→[ハイライト]から文字色を変更すれば記号も変更されます。このように色が変えられます。カスタムボタン]を選択。ボタンの変更は画面右のサイドバーから変更できます。細かい設定は以下の通りです。(前)アイコンを前に挿入します。(後)アイコンを後ろに挿入します。フォントサイズフォントサイズの変更。太字/影/光る演出それぞれの効果が変更できます。URL外部リンク・内部リンクを設定。(%)ボタンの幅を変更。色テキスト/背景/影に色を付けます。するとこのように変更できます。AFFINGERのまとめカスタマイズの幅ではAFFINGERが断トツで優れています。細かいカスタマイズが多くて使い慣れるまで時間がかかるのはデメリットとも言えますが、一度慣れてしまえば問題ありません。機能も豊富なので、本格的にブログで収益化するならAFFINGERをおすすめします。SANGOの編集方法SANGOの特徴SANGOはかわいらしいブログサイトを作るには最適なWordPressテーマです。ブロックエディタ完全対応でマウス操作するだけで簡単に装飾できます。land」は、すでにカスタマイズされたブロックをコピペするだけで使用可能。スマートなサイト作りには不向きなため使用者を選ぶWordPressテーマです。land」を使用したほうがカスタマイズの幅が広がります。landのリストふきだしを入れる[+]→SANGO[吹き出し]を選択。画面右のサイドバーから吹き出しの装飾ができます。land」から選択したほうがカスタマイズ済みの表が作れるので便利です。land」を使用したほうが色々なボタンが選べます。landではカスタマイズ済みのブロックが使用できるので、カスタマイズに悩むことはありません。AFFINGERやSWELLと比較すると、どうしても見劣りしてしまう点は否めません。カスタマイズ次第では好みのサイトは作れますが、スマートでかっこいいサイトを作りたい人はAFFINGERやSWELLをおすすめします。WINGパックで購入する場合はSANGOテーマが1,100円(税込)安くなります。今回はWordPressのブログの書き方を基本操作とテーマごとの装飾方法を解説しました。WordPressは操作を覚えるまで難しく感じるかもしれませんが、何度か使っているうちに覚えられます。装飾は今回紹介したブロック以外にも色々ありますが、使用頻度の高いブロックはある程度パターン化されます。dekkiぜひWordPressを活用してブログライフを楽しみましょう。当サイトはWordPressテーマSWELLを使用しています。¥17,600(税込)※支払いは一度だけ、複数のサイトで使用できます。購入はこちらデッキブログではブログの始め方から収益化まで細かく解説をしています。これからブログを始める方は以下の記事も参考にしてみてください。@dekkiblog良かったらシェアお願いしますURLをコピーしました!URLをコピーしました!dekki2019.4ブログ開始。月最高23万PV、売上50万円。今までに書いた記事は1,000以上。使用しているWordPressテーマはcocoon/SANGO/AFFINGER/SWELL。複数のサイトを運用しながらデッキブログを更新しています。このサイトではブログ初心者の方に向けてWordPress/アフィリエイト/SEOについてまとめています。当サイトはリンクフリーです。管理人の許可なくリンクを張っても問題ありません。その際はホームページのリンクも張っていただきますようお願い致します。上に戻る閉じる好きなとこだけ読む閉じる。