blog

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

スマホでのブログの書き方 アイキャッチ

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

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

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

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

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

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

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

しかし、

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

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

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

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

とみの執筆環境
  • ワードプレス
  • 有料テーマ『JIN』
  • ブラウザ
  • テキストエディタ
  • iPhone6S

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

  • スマホでブログを更新したい人
  • HTMLタグ? なにそれ? な人
  • JINを使用している人

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

ブラウザ? アプリ? → とみはブラウザ派!

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

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

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

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

ブラウザ
インターネットを閲覧するためのソフト。SafariやChromeのこと。

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

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

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

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

ビジュアルエディタ
たとえば太字にしたい場合、文字がそのまま太くなる。実際の出来上がりに近い投稿画面を見ながら編集できる。
例:世の中ね、顔かお金かなのよ

テキストエディタ
テキストにタグと呼ばれる命令記号を挿入することで太字などの指定をしていく。タグの理解がある程度必要。
例:<b>世の中ね、顔かお金かなのよ</b>

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

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

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

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

消すのもひと苦労。

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

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

栞
タグなんてさっぱり分からないわ
とみ
とみ
やってるうちに覚えられるよ! それに、この記事でも解説するよ。

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



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

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

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

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

まずは、ログインです。

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

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

こんな感じですね。
ワードプレス wp-admin

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

ひらがな認証は『Site guard WP Plugin』というプラグインを利用している人に出る

記事投稿画面へ

……さあ、ダッシュボード(管理画面)に入れましたか?

入れたら次は左上の三のマークから「投稿」を選びましょう。
ワードプレス ダッシュボード

ダッシュボード 投稿

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

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

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

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

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



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

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

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

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

見出しを作る

大見出し

<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>

  • アイス食べたい
  • お寿司食べたい
  • 焼き肉食べたい
<ul>〜</ul>は、番号なしリストの開始と終了を表す。リストを増やしたければ<li>〜</li>を増やす。
番号ありのリスト

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

  1. この道をまっすぐ行く
  2. ひとつめの信号で右手に曲がる
  3. 左手にお店が見える
<ol>〜</ol>は、番号ありリストの開始と終了を表す。リストを増やしたければ<li>〜</li>を増やす。

基本の表

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

<table>〜</table>は表の始まりと終わりを示す。<tr>〜</tr>は行を、<td>〜</td>は列(セル)をそれぞれ示す。

行を増やしたければtrタグを、セルを増やしたければtdタグを上の表を参考に挿入してみよう。

見出しをつける

<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>

トキとみトト
年齢30歳27歳1歳
血液型A型O型O型
見出しをつける場合は<td>〜</td>の代わりに<th>〜</th>を使う。文字が太字になり、中央ぞろえになる

隠しボックスを作る


ナマステ〜
インド人

とみ
とみ
隠しボックスは、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>

トキとみトト
年齢30歳27歳1歳
血液型A型O型O型

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

見やすくてお気に入り。

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

項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。
項目名ここに説明文を入力してください。

ボックス

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

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

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

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

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

3の倍数のボックスが見えてコピーできるようになります。
JIN ディスクリプション

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

JIN ボックス

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

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

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

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

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

ビジュアルエディ隠しコマンド

ビジュアルエディタ 隠しコマンド

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

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

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

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

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

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

吹き出し

とみ
とみ
まさにこれだね!

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

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

詳しくはこちら

吹き出しの使い方
WordPressテーマ「JIN」

栞
面倒くさくなって投げたわね?
とみ
とみ
違! ほんとにこっちのほうが分かりやすいから!!



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

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

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

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

栞
ショートコードに登録ってどうすればいいの?
とみ
とみ
プラグインが便利だよ!

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

とみ
とみ
Add Quick Tagってなに? って人は下記のサイトを参考にしてね!
栞
また投げた……

単語登録する

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

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

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

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

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

短いタグは手打ち。

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



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

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

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

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

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

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

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

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

とみ
とみ
分からなかったらいつでも聞いてね!


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