【ワードプレス】スマホでのブログの書き方・タグの基本【私の場合】

とみ

こんにちは、スマホブロガー小幸とみ(@koyuki_tomi)です。

この記事では、ワードプレスにおけるスマホでの記事更新のやり方を紹介します。

とみはほとんどすべての作業をスマホでやっています。

パソコンのほうが効率が良いとしても、

• 小さな子どもがいてなかなかまとまった時間が取れない
• 通勤時間や待ち時間を有効に使いたい

……というときなんかは、スマホはぴったりです。

スマホのみでもじゅうぶん記事は書けますしね。

しかし、

女性

スマホでの記事更新のやり方が分からない！

とのお声をたまにいただくので、スマホでのブログの書き方を記事にしてみました。

とみ

こうしろというわけじゃなくて、私はこうやってるよというだけなので、気軽に読んでもらえたら嬉しいな

この記事では、とみのスマホでの記事更新のやり方や使用しているタグなどを初心者にも分かるよう紹介します。

タグはテーマやブラウザ関係なく共通ですので、覚えておいて損はありませんよ。

スマホでのブログの書き方〜とみの場合〜

ブラウザ？ アプリ？ → とみはブラウザ派！

ワードプレスのスマホアプリがいくつかありますが、

• 一部の機能しか使えない
• 使い勝手が悪い

などであまりいい評価を聞きません。

とみは記事更新だけではなく、カスタマイズなどもすべてスマホでやっているので、ブラウザ一択ですね。

ブラウザからだと、パソコンで編集するときとほぼ同じ画面が見られるので、ふだんスマホでブログを触らない人もとっつきやすいのではないでしょうか。

とみ

パソコンよりだいぶ表示範囲が狭いけどね〜。まあそこはしゃあない！

ビジュアルエディタ？ テキストエディタ？ → とみはテキストエディタ派！

記事編集画面では、ビジュアルエディタとテキストエディタを切り替えることができます。

とみは断然テキストエディタ派です。

ビジュアルエディタで記事を書くことはありません。

ーーというのも、ビジュアルエディタだとなぜだか誤タップしやすくて、

表やらランキングやらお呼びでない装飾がほいほい出てきちゃうんです。

消すのもひと苦労。

とみ

こんなの私だけかもしれないけどね

テキストエディタは、誤タップすることこそ少ないものの、タグをある程度理解していないとやや難しいです。

栞

タグなんてさっぱり分からないわ

とみ

やってるうちに覚えられるよ！ それに、この記事でも解説するよ。

この記事ではテキストエディタの解説をしますが、やりやすいほうで構いませんよ。

スマホでのブログの書き方:ログイン〜記事投稿画面

この見出しでは、スマホでのログインのやり方〜記事投稿画面までを解説します。

必要ない人は次の見出しまで飛ばしてくださいね。

/wp-adminをURL末尾につけて管理画面へ

まずは、ログインです。

栞

どうやってログインするの？

ログイン画面にアクセスするには、ブログのURL末尾に/wp-adminをつけて検索します。

こんな感じですね。


ログイン画面にアクセスできたら、いつもどおり、IDやパスワードを入れます。

記事投稿画面へ

……さあ、ダッシュボード（管理画面）に入れましたか？

入れたら次は左上の三のマークから「投稿」を選びましょう。

「投稿」をタップするととタブが開くので、そこから「新規追加」へと進みます。

とみ

下書きの途中の記事を編集したい場合は「投稿一覧」を選んでね！

……投稿画面に入れましたか？

後は、直接文字をばーっと打っていくだけです。

ただし、テキストエディタでは文字装飾にタグを使うので、次の見出しで説明しますね。

スマホでのブログの書き方:タグを学ぼう

テキストエディタで記事の編集をする場合、ある程度タグの理解をしておく必要があります。

ここで、どのタグにどういう効果があるのか説明します。

下記のタグを使いたい場合はコピペして真ん中に挟まれてる文字をお好きな文字に変えてくださいね。

見出しを作る

<h2>大見出し</h2>

<h3>小見出し①</h3>

<h4>小見出し②</h4>

文字を太字にする

<b>太字</b>
太字

文字を斜めにする

<em>斜め</em>
斜め

文字に下線を引く

<u>下線</u>
下線

文字に削除線を引く

<s>削除線</s>
削除線

フォントの色やサイズを変える

<big>大きくする</big>
大きくする

<small>小さくする</small>
小さくする

<span style=”color:#FF0000;”>赤色</span>
赤色

<big><span style=”color:#FF0000;”>赤色</span><big>
赤色

文字を中央寄せにする

<div class=”t-aligncenter”>中央寄せ</div>

文字にリンクをつける

<a href=”リンク先のURL”>リンク先のタイトルや紹介など</a>
このブログについて。

<a href=”リンク先のURL” target=”_blank”>リンク先のタイトルや紹介など</a>
このブログについて。

引用する

<blockquote>引用内容</blockquote>

引用内容

文字にふりがなを打つ

<ruby>単語<rt>読み</rt></ruby>
単語たんご

リスト表示する

<ul>
<li>アイス食べたい</li>
<li>お寿司食べたい</li>
<li>焼き肉食べたい</li>
</ul>

• アイス食べたい
• お寿司食べたい
• 焼き肉食べたい

<ol>
<li>この道をまっすぐ行く</li>
<li>ひとつめの信号で右手に曲がる</li>
<li>左手にお店が見える</li>
</ol>

1. この道をまっすぐ行く
2. ひとつめの信号で右手に曲がる
3. 左手にお店が見える

表

<table>
<tr><td>△</td><td>▲</td></tr>
<tr><td>〇</td><td>●</td></tr>
<tr><td>□</td><td>■</td></tr>
</table>

<table>
<tr><th></th><th>トキ</th><th>とみ</th><th>トト</th>&</tr>
<tr><th>年齢</th><td>30歳</td><td>27歳</td><td>1歳</td></tr>
<tr><th>血液型</th><td>A型</td><td>O型</td><td>O型</td></tr>
</table>

隠しボックスを作る

+詳細はこちら

ナマステ〜

とみ

隠しボックスは、CSSの編集も必要だからこちらのサイトを参考にしてね！

スマホでのブログの書き方〜JINの場合〜

とみ

この見出しではJINにある機能を紹介します

JINのテキストエディタにあるショートコードはこちら。

分かりにくそうなところには説明を入れました。

とみ

分かんないやつは飛ばした！ ごめん！ 分かり次第追記します。

ここに載っている分に関しては、ショートコードを利用してタグを打ち込むことができるので便利ですね。

表

<table class=”cps-table03″>
<tr><th></th><th>トキ</th><th>とみ</th><th>トト</th>&</tr>
<tr><th>年齢</th><td>30歳</td><td>27歳</td><td>1歳</td></tr>
<tr><th>血液型</th><td>A型</td><td>O型</td><td>O型</td></tr>
</table>

先の項目でも取り上げた「表」は、JINだと見出しに色がつきます。

見やすくてお気に入り。

ちなみに表のショートコードを押してデフォルトで出てくるのはこちら。カスタマイズして増やしてます。

ボックス

下にスクロールすると、ボックスがあります。

好きなボックスを選んでコピーを押すだけなので楽ちんですよね。

でも、スマホの場合、3列あるボックスのうち2列までしか見えません。

それでも3の倍数のボックスが使いたいときはありますよね？

そんなときは1番下にあるディスクリプション（内容を簡潔に表す文章）にばーっと文字を入れると、

3の倍数のボックスが見えてコピーできるようになります。

栞

あれ？ コピーしたけど戻れなくなっちゃったわ

そんなときはディスクリプションを消すか、編集のボタンを押すといつもの画面に戻れるので安心してくださいね。

でも、毎回こうするのは正直面倒です。

よく使うボックスが隠れているなら、ショートコードに登録することをおすすめします。

アイコンボックス、付箋など

ビジュアルエディタに切り替えてパソコンのキーボードみたいなマークをタップすると隠しコマンドが開きます。

とみ

別に隠してるわけじゃないだろうけど、最近まで知らなかったからそう呼んでる！ 教えてくれた心やさしき方ありがとうございます（泣）

ショートコードをタップすると、ずらーっと一覧が。

いろいろあるので迷ってしまいますね。

とみがよく使うのは、最近追加された要素でもある、アイコンボックスと付箋。

とみ

へへ、覚えたから使ってみてるんだ

いちいちエディタを切り替えるのは面倒なので、これもテキストエディタのショートコードに登録しています。

吹き出し

とみ

まさにこれだね！

地の文（説明文）が続いて息苦しくなったら、吹き出しを入れると見やすいし読みやすいし、気に入ってホイホイ使っています。

JINの吹き出しの説明は公式に詳しく載っていますよ。

栞

面倒くさくなって投げたわね？

とみ

違！ ほんとにこっちのほうが分かりやすいから！！

スマホでのブログの書き方:自分のやりやすいやり方を見つけよう！

短いタグは手打ちでもいいですが、長いタグなら以下のどれかを活用するのがおすすめです。

• ショートコードに登録する
• 単語登録する
• コピペする

ショートコードに登録する

栞

ショートコードに登録ってどうすればいいの？

とみ

プラグインが便利だよ！

ショートコードによく使うタグを登録するもっともお手軽な方法は、プラグイン『Add Quick Tag』を利用すること。

とみ

Add Quick Tagってなに？ って人は下記のサイトを参考にしてね！

栞

また投げた……

単語登録する

プラグインをあまり増やしたくないという人は、スマホの単語帳に登録しておくのもひとつの手ですね。

あまり多くなるとどの単語にどのタグを入れたのか分からなくなるので注意。

メモ帳などにコピペしておく

とみは、今まで使ったタグはほぼすべてメモ帳にコピペして残してあります。

その中でも特によく使うタグはAdd Quick Tagに登録しています。

短いタグは手打ち。

自分のやりやすい方法が1番いいと思うので、好きなやり方でやってみてくださいね。

スマホでのブログの書き方のまとめ:誰でもスマホでブログを書ける！

スマホでのブログの書き方にコツはありません。

根気さえあれば、誰にでもできます。

とみ

とみはこれが普通だからなんとも思わないけど、パソコン派の人はまどろっこしくてやってらんないかも……

副産物として、スマホの文字入力は速くなりますね。

今回紹介したタグは基本的なものばかりです。

まだまだたくさんタグはあるので、使いこなせるようになるたびに追記していきますね。

スマホでブログを書く際の参考になれば幸いです。

とみ

分からなかったらいつでも聞いてね！

ABOUT ME

小幸とみ

天涯孤独でも結婚できました。親なし夫婦ですが、力を合わせてマイホームを購入して育児に奮闘中です！ 不安いっぱいで悩んでいるあなたにとって、このブログが「結婚のしおり」となりますように。 ご質問、ご相談などお気軽にどうぞ。