![](https://hayamablog.org/wp-content/uploads/2023/02/swell2_pr_banner.jpg)
スマホでのブログの書き方を画像付きで徹底解説
![](https://hayamablog.org/wp-content/uploads/2023/03/sp-blog-10.png)
※本ページはプロモーションが含まれています
![](https://hayamablog.org/wp-content/uploads/2021/11/名称未設定のデザイン-2021-11-21T191941.193.png)
![](https://hayamablog.org/wp-content/uploads/2021/11/名称未設定のデザイン-2021-11-21T191941.193.png)
![](https://hayamablog.org/wp-content/uploads/2021/11/名称未設定のデザイン-2021-11-21T191941.193.png)
スマホでブログしたいけど、
難しそうだな〜
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-91.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-91.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-91.png)
ハヤマにお任せっ!
ブログのやり方、記事の書き方の解説記事はよくあるけど、スマホ画面での解説記事ってなかなかありません。
そこで今回はスマホでのブログの書き方をスマホ画像付きで徹底解説!
スマホでのブログの始め方は下記の記事で解説しているのでご参考に。
![](https://hayamablog.org/wp-content/uploads/2023/01/sp-blog-300x169.png)
![](https://hayamablog.org/wp-content/uploads/2023/01/sp-blog-300x169.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
↑この記事もスマホで執筆!
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
本記事を読む前に!
記事の書き方は利用しているワードプレステーマによって異なります。
今回は有料テーマのSWELL(ハヤマ愛用)を利用。ただおおまかな使い方は同じなので参考になれば幸いです!
テーマについては下記記事で解説!
![](https://hayamablog.org/wp-content/uploads/2021/10/tuyotheme-1-300x169.png)
![](https://hayamablog.org/wp-content/uploads/2021/10/tuyotheme-1-300x169.png)
重要なボタンの説明
![](https://hayamablog.org/wp-content/uploads/2023/03/sp.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/sp.png)
ワードプレスで記事を書く際に特に利用する機能をまとめました。
最近は昔より記事の書き方が簡単になってるのでスマホでもスムーズに記事が書けるようになりました!
スマホでブログの書き方を徹底解説
![](https://hayamablog.org/wp-content/uploads/2023/03/sp-blog-10-1024x514.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/sp-blog-10-1024x514.png)
各コンテンツそれぞれ画像付きで解説してます。
記事タイトル
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T022236.840.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T022236.840.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T022051.523.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T022051.523.png)
『タイトルを追加』をクリックし、入力。
32文字程度で入力しましょう。
文章
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T022652.907.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T022652.907.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T022831.613.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T022831.613.png)
『ブロックを選択〜』をクリックして入力。
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
文字を太文字にするには..
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023149.604.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023149.604.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
マーカーをつけるには…
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023316.616.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023316.616.png)
文字を選択して、マーカボタンをクリック。
マーカーはSWELLじゃないとないかも!
見出し
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023520.157.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023520.157.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023719.164.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023719.164.png)
画像赤枠の『+』をクリック。
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
基本的にコンテンツは
すべて『+』から選んで利用!
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023753.466.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023753.466.png)
『見出し』を選択。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023825.869.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023825.869.png)
見出しが出てくるので、入力すればOKです。
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
小見出しにしたいとき…
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023916.359.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T023916.359.png)
- 大見出し:H2
- 小見出し:H3
- 小小見出し:H4
画像赤枠の箇所から選択可能です。
画像
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024230.724.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024230.724.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024515.420.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024515.420.png)
見出し同様、『+』を選択。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024636.745.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024636.745.png)
画像を選択。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024701.102.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024701.102.png)
画像を挿入すればOKです。
新しい画像は『アップロード』、過去に利用した画像は『メディアライブラリ』を選択して利用します。
箇条書き
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024852.470.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T024852.470.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025128.426.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025128.426.png)
『リスト』を選択。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025340.805.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025340.805.png)
箇条書きのコンテンツを入力。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025420.843.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025420.843.png)
箇条書きの単体ではなく、全体を選択。
箇条書きに青枠がつくと、全体選択OKです。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025451.667.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025451.667.png)
上記画像右上の『設定ボタン』をクリック。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025534.636.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025534.636.png)
デザインをお好みで選択してください。
僕はいつもチェックを好んで利用してます!
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
数字付きにするなら…
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025751.915.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T025751.915.png)
上記画像の赤枠部分で切り替え可能です。
囲み枠
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030052.010.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030052.010.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030234.017.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030234.017.png)
囲みたいコンテンツをクリックした状態で、上記画像右上の『設定ボタン』をクリック。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030306.622.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030306.622.png)
ボーダー設定から囲み枠を選択。
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
![](https://hayamablog.org/wp-content/uploads/2022/10/名称未設定のデザイン-90.png)
箇条書きに囲み枠をつける時!
箇条書きに囲み枠をつけるときは工夫が必要です。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030636.804.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030636.804.png)
一度、箇条書きをグループ化し、同様の方法で囲み枠をつけてください。
画像などのコンテンツもグループ化することで、囲み枠設定が可能になります。
吹き出し
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030810.488.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030810.488.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030911.740.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T030911.740.png)
ふきだしを選択。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T031128.801-1.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T031128.801-1.png)
文章を入力後、画像右上の設定ボタンをクリック。
![](https://hayamablog.org/wp-content/uploads/2023/03/スクリーンショット-2023-03-22-3.12.35.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/スクリーンショット-2023-03-22-3.12.35.png)
アイコン画像や枠の形、色の設定を行い完了です。
URL
![](https://hayamablog.org/wp-content/uploads/2023/03/スクリーンショット-2023-03-22-3.16.18.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/スクリーンショット-2023-03-22-3.16.18.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032229.469.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032229.469.png)
文字を選択後、画像赤枠のリンクボタンをクリック。
![](https://hayamablog.org/wp-content/uploads/2023/03/スクリーンショット-2023-03-22-3.22.55.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/スクリーンショット-2023-03-22-3.22.55.png)
リンク先のURLを貼り付ければ設定可能です。
アイキャッチ画像
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032621.527.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032621.527.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032812.796.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032812.796.png)
画像右上の設定ボタンをクリック。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032958.259.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032958.259.png)
画像赤枠の部分でタブを切り替えます。
- 投稿:記事全体の設定
- ブロック:コンテンツの設定(見出しなど)
アイキャッチ画像の設定は『投稿』を選択。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T033059.112.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T033059.112.png)
アイキャッチ画像のコンテンツに画像を設定すれば完了です。
SEOの設定
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032812.796.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032812.796.png)
SEOの設定として、最低限行うべき項目は以下。
- カテゴリー
- パーマリンク
- タイトル
- メタディスクリプション
パマリンクとは?
パーマリンクは記事ごとに設定されたURLです。
http://~~~~.com/ここを記事ごとに設定可能
カテゴリー+パーマリンク の設定
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032958.259.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T032958.259.png)
アイキャッチ同様、設定ボタンをクリックし『投稿』タブを選択。
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T033255.258.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/名称未設定のデザイン-2023-03-22T033255.258.png)
上記の箇所にて設定可能。
パーマリンクはの設定が行えない場合は、一度公開を行うと設定可能になります。
タイトル+ディスクリプションの設定
![](https://hayamablog.org/wp-content/uploads/2023/03/スクリーンショット-2023-03-22-3.33.48.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/スクリーンショット-2023-03-22-3.33.48.png)
基本的にページ下部にて設定可能になります。
まとめ:スマホでのブログの書き方
![](https://hayamablog.org/wp-content/uploads/2023/03/sp-blog-10-1024x514.png)
![](https://hayamablog.org/wp-content/uploads/2023/03/sp-blog-10-1024x514.png)
よく使うコンテンツの利用方法はこれにて終了です。
あとは慣れて記事執筆効率を上げましょう。
ただずっとスマホで記事書くと指が痛くなっちゃうので注意は必要です笑
スマホでのブログの始め方は下記の記事で解説しているのでご参考に。
![](https://hayamablog.org/wp-content/uploads/2023/01/sp-blog-300x169.png)
![](https://hayamablog.org/wp-content/uploads/2023/01/sp-blog-300x169.png)
-
URLをコピーしました!