スマホでのブログの書き方を画像付きで徹底解説

※本ページはプロモーションが含まれています

悩多 困男

スマホでブログしたいけど、
難しそうだな〜

ハヤマにお任せっ!

ブログのやり方、記事の書き方の解説記事はよくあるけど、スマホ画面での解説記事ってなかなかありません

そこで今回はスマホでのブログの書き方をスマホ画像付きで徹底解説!

スマホでのブログの始め方は下記の記事で解説しているのでご参考に。

あわせて読みたい
【スマホver】ブログのはじめ方をわかりやすく解説(画像付き) ブログ開設初期費用約1,000円作業時間約10分 ブログを始めたいけど、やり方がわからない パソコン持ってないけど、大丈夫? ブログで月1万円でいいから稼ぎたい! この...
ハヤマ

↑この記事もスマホで執筆!

【激アツ半額キャンペーン】

ブログ運営にはレンタルサーバーが必須ですが、そのレンタルサーバー(XSERVER)の最大50%OFF!

画像クリックで公式サイトへ!

期間限定なのでブログを始めようか迷っている人はお早めに!

※途中で終了・変更になる場合があります。
※キャンペーンの正確情報は公式サイトにアクセスして確認してみてください。

ハヤマ

本記事を読む前に!

記事の書き方は利用しているワードプレステーマによって異なります。

今回は有料テーマのSWELL(ハヤマ愛用)を利用。ただおおまかな使い方は同じなので参考になれば幸いです!

テーマについては下記記事で解説!

あわせて読みたい
テーマは無料・有料どっちがいい?最強テーマを3つ紹介 テーマは無料・有料どっちがいい? どのテーマを選べばいいかわからない これらのお悩みを解決します。 本記事ではテーマを20個以上利用してきた僕(本業WEB制作関係)...
目次

重要なボタンの説明

ワードプレスで記事を書く際に特に利用する機能をまとめました。

最近は昔より記事の書き方が簡単になってるのでスマホでもスムーズに記事が書けるようになりました!

スマホでブログの書き方を徹底解説

各コンテンツそれぞれ画像付きで解説してます。

記事タイトル

完成イメージ
記事タイトル:STEP-1

『タイトルを追加』をクリックし、入力。

32文字程度で入力しましょう。

文章

完成イメージ
文章:STEP-1

『ブロックを選択〜』をクリックして入力。

ハヤマ

文字を太文字にするには..

太文字
ハヤマ

マーカーをつけるには…

マーカー

文字を選択して、マーカボタンをクリック。

マーカーはSWELLじゃないとないかも!

見出し

完成イメージ
見出し:STEP-1

画像赤枠の『+』をクリック。

ハヤマ

基本的にコンテンツは
すべて『+』から選んで利用!

見出し:STEP-2

『見出し』を選択。

見出し:STEP-3

見出しが出てくるので、入力すればOKです。

ハヤマ

小見出しにしたいとき…

小見出し
  • 大見出し:H2
  • 小見出し:H3
  • 小小見出し:H4

画像赤枠の箇所から選択可能です。

画像

完成イメージ
画像:STEP-1

見出し同様、『+』を選択。

画像:STEP-2

画像を選択。

画像:STEP-3

画像を挿入すればOKです。

新しい画像は『アップロード』、過去に利用した画像は『メディアライブラリ』を選択して利用します。

箇条書き

完成イメージ
箇条書き:STEP-1

『リスト』を選択。

箇条書き:STEP-2

箇条書きのコンテンツを入力。

箇条書き:STEP-3

箇条書きの単体ではなく、全体を選択。

箇条書きに青枠がつくと、全体選択OKです。

箇条書き:STEP-4

上記画像右上の『設定ボタン』をクリック。

箇条書き:STEP-5

デザインをお好みで選択してください。

僕はいつもチェックを好んで利用してます!

上記はSWELLを利用した場合です。
無料テーマ、その他テーマだと利用方法が異なります。

ハヤマ

数字付きにするなら…

数字付き

上記画像の赤枠部分で切り替え可能です。

囲み枠

完成イメージ
囲み枠:STEP-1

囲みたいコンテンツをクリックした状態で、上記画像右上の『設定ボタン』をクリック。

囲み枠:STEP-2

ボーダー設定から囲み枠を選択。

上記はSWELLを利用した場合です。
無料テーマ、その他テーマだと利用方法が異なります。

ハヤマ

箇条書きに囲み枠をつける時!

箇条書きに囲み枠をつけるときは工夫が必要です。

箇条書きに囲み枠

一度、箇条書きをグループ化し、同様の方法で囲み枠をつけてください。

画像などのコンテンツもグループ化することで、囲み枠設定が可能になります。

吹き出し

完成イメージ
吹き出し:STEP-1

ふきだしを選択。

吹き出し:STEP-2

文章を入力後、画像右上の設定ボタンをクリック。

吹き出し:STEP-3

アイコン画像や枠の形、色の設定を行い完了です。

URL

完成イメージ
URL:STEP-1

文字を選択後、画像赤枠のリンクボタンをクリック。

URL:STEP-2

リンク先のURLを貼り付ければ設定可能です。

アイキャッチ画像

完成イメージ
アイキャッチ画像:STEP-1

画像右上の設定ボタンをクリック。

アイキャッチ画像:STEP-2

画像赤枠の部分でタブを切り替えます。

  • 投稿:記事全体の設定
  • ブロック:コンテンツの設定(見出しなど)

アイキャッチ画像の設定は『投稿』を選択。

アイキャッチ画像:STEP-3

アイキャッチ画像のコンテンツに画像を設定すれば完了です。

SEOの設定

完成イメージ

SEOの設定として、最低限行うべき項目は以下。

  • カテゴリー
  • パーマリンク
  • タイトル
  • メタディスクリプション

パマリンクとは?

パーマリンクは記事ごとに設定されたURLです。

http://~~~~.com/ここを記事ごとに設定可能

カテゴリー+パーマリンク の設定

カテゴリー +パーマリンク :STEP-1

アイキャッチ同様、設定ボタンをクリックし『投稿』タブを選択。

カテゴリー +パーマリンク :STEP-2

上記の箇所にて設定可能。

パーマリンクはの設定が行えない場合は、一度公開を行うと設定可能になります。

タイトル+ディスクリプションの設定

タイトル +ディスクリプション :STEP-1

基本的にページ下部にて設定可能になります。

上記はプラグイン
『SEO SIMPLE PACK』を利用した場合。
cocoonは初期から設置されてます。

テーマ、プラグインによって箇所は異なります。

まとめ:スマホでのブログの書き方

よく使うコンテンツの利用方法はこれにて終了です。

あとは慣れて記事執筆効率を上げましょう。

ただずっとスマホで記事書くと指が痛くなっちゃうので注意は必要です笑

スマホでのブログの始め方は下記の記事で解説しているのでご参考に。

あわせて読みたい
【スマホver】ブログのはじめ方をわかりやすく解説(画像付き) ブログ開設初期費用約1,000円作業時間約10分 ブログを始めたいけど、やり方がわからない パソコン持ってないけど、大丈夫? ブログで月1万円でいいから稼ぎたい! この...
URLつけてくれたら引用フリーです。
  • URLをコピーしました!
目次