ビジュアルエディタとは

ビジュアルエディタとは、HTMLコードやCSSの知識が無くても、簡単に記事を投稿する事が出来る編集画面の事をいいます。

ビジュアルエディタ編集画面

通常のメールやLINEなどと同じように、文字を入力して画像を挿入する、そのような単純な操作で記事が投稿できます。

ワードプレス初心者や、外出先からスマートフォンでワードプレスのスマホアプリを使って記事を投稿する際にはビジュアルエディタの使用が最も簡単です。

テキストエディタとは

文章や画像のサイズ、装飾（デザイン）を、細かく指定したい場合にはテキストエディタで固定ページや記事投稿を行う必要があります。

テキストエディタではHTMLコードやCSSを直接入力することで、ワードプレスのテーマに依存しない自由なレイアウトが可能となります。

テキストエディタ編集画面

スマホ投稿ではどちらがおすすめ？

ワードプレスのスマホアプリでも、テキストエディタとビジュアルエディタを選んで記事を投稿することが可能です。

それでは、スマホアプリを使って記事を投稿する場合、テキストエディタとビジュアルエディタのどちらが良いのでしょうか？

それなりにこだわりを持ったレイアウトやデザインを前提とした記事を書こうとすること自体、そういったことはPCでの編集に勝るものはない、というのが個人的な感想です。

むしろ、スマホを使用する前提はキーボードやマウスが無い状態で、いかに指の動きだけで手軽に操作が行えるのか、といったことが重要になると思います。そういった意味でも、ワードプレスのスマホアプリから記事を投稿する場合には、デフォルトのビジュアルモードで記事の追加・編集を行い、もしこだわりたい部分があるのならば、とりあえず下書き保存をしておいて後からPC上で細かい設定をテキストモードで行うのが妥当ではないかと思います。

スマホからの記事投稿については、下記も合わせてご覧ください。

2018.06.09

ワードプレスのスマホアプリで記事を投稿する

ここでは、ワードプレスにスマホから記事を投稿する際に最も使用頻度が高いと思われるスマホ用アプリを使用した記事の投稿・更新についてわかりやすく...

WordPressのスマホ用アプリで記事を投稿する方法

手順01：スマホ用ワードプレスアプリのインストール

まず、お使いの端末に合ったWPアプリをインストールしましょう。

ワードプレス（以下、WP）はスマホ用のアプリがあり、アンドロイド、iPhoneの両方に対応しています。スマホに最適化されているため、使用感は良いです。

（以降、アンドロイドアプリのスナップショットを使用して解説していきますので予めご了承ください）

手順02：アプリの起動

アプリを初めて開くとこんな画面が現れますので、ログインボタンをタップします。

手順03：サイトの登録

ログインボタンをタップすると、連携したいサイトのアドレスを入力する画面が現れますので、サイトのアドレスを入力します。例えばGoogleのトップページの場合、『google.com』のように入力すれば大丈夫です。

入力したら『次へ』ボタンをタップします。

手順04：ログイン

続けてログイン情報の入力画面になりますので、ユーザ名とパスワードを入力しましょう。

入力したら『次へ』ボタンをタップします。

手順05：画像設定

無事ログインできました！

ちなみに、手順03～04でサイト登録をすれば、次回からはサイト選択でログインしたいサイトを選べるようになります。

手順06：投稿する画像の設定

それではさっそく記事を投稿していましょう！・・・と言いたいところですが、記事を投稿する前に、画像投稿の設定をします。これをしないと、撮影した写真がフルサイズで投稿されて無駄にサーバーに負担をかけ、サーバーへの接続速度が遅くなったりします。

まずは画面下にある『自分』をタップしてください。

画面が開いたら、『アプリ設定』をタップします。

『アプリ設定』が開いたら、『メディア』項目を操作してください。

『画像を最適化』をタップすると、以下の『最大画像』と『画質』が操作できるようになります。

設定が終わったら、『アプリ設定』の矢印または下部の『戻る』矢印をタップして、ログイン画面に戻ります。

手順07：記事の投稿

『ブログ投稿』をタップすると、ブログ投稿・編集画面に移ります。これまでに投稿した記事がある場合には、画像のように過去記事の一覧が出てきます。

過去の記事や下書き中の記事の編集も、こちら『ブログ投稿』から行う事になります。ここでは新しい記事を投稿しますので、右下のオレンジ色のボタンをタップしてみましょう。

手順08：記事を編集する

PCからの編集ではビジュアルエディタ、テキストエディタの2種類で記事投稿が可能ですが、スマホアプリの初期状態では“ビジュアルモード”になっています。右上の設定ボタンから〝HTMLモード”への変更が可能ですが、ここではビジュアルモードで解説していきます。

ビジュアルエディタとテキストエディタについては下記の『ビジュアルエディタとテキストエディタ』も合わせてご覧ください。

2018.06.17

ビジュアルエディタとテキストエディタ

今回は、固定ページや記事の投稿ページにあるビジュアルエディタとテキストエディタについて解説します。 (adsby...

手順09：画像・写真を挿入する

挿入する画像（動画）は、下記のように選ぶことができます。

①端末上の画像・動画、フォトライブラリーから選ぶ
②カメラを起動して撮影する
③ワードプレスに保存してある画像から選ぶ

今回は、スマホで撮影した写真（端末上の画像）から選ぶことにしますので、①ボタンをタップして、『端末から写真を選択』をタップします。

すると写真選択画面が立ち上がるので、挿入したい写真をタップすると、記事に写真が挿入されます。

なお、初めてワードプレスアプリから端末上の写真を選択しようとすると↓のようなウィンドウが現れますので、『許可』をタップしてください。

なお、挿入画像にスマホ等で撮影した写真を使用する場合には、セキュリティの観点からも下記をご覧ください。

2018.06.06

撮影画像（写真）に含まれるExif情報から個人情報を守る

スマホのカメラ機能は飛躍的に向上し、いつでも、どこでも高精細な写真撮影ができるようになりました。撮った写真をブログやInstagramなど、...

手順10：保存

今回のサンプル記事はこんな感じになりました、公開まであと少しです！

右上の『縦3つの点』（設定）ボタンをタップすると↓のような選択画面が表示されるので、『投稿設定』をタップしてください。

投稿設定画面が表示されたら、『ステータス』をタップしてください。

『公開』でもいいのですが、ここはとりあえず『下書き』を選択して『OK』タップして選択してください（理由は後で解説します）

手順11：カテゴリー・タグ・アイキャッチ画像・スラッグの設定

次に『カテゴリー』をタップして、この記事のカテゴリーを登録します。

ここでは、すでに作っていたカテゴリーの“スマートフォン”記事の投稿”カテゴリーに登録しました（該当するカテゴリをタップするとチェックマークが付きます）。

新規にカテゴリーを作る場合は右上の『+（追加）』ボタンをタップすると新しいカテゴリーを作ることができます。

次に『タグ』をタップして、この記事のタグを登録します。

ここでは、すでに作っていたタグの“スマートフォン””記事””投稿””アプリ”のタグを登録しました。すでに登録してあるタグは、タップするだけで追加されます。

新規にタグを作る場合は、タグ名を入力してコンマ（半角英数字にて入力）で区切ると新しいタグを入力すると、タグは自動的に追加・登録されます。

次に『アイキャッチ画像』をタップして、この記事のアイキャッチ画像を登録します。

ここでは、あらかじめワードプレス内に保存してある画像からアイキャッチから選択するので、ワードプレスロゴマークの『ワードプレスメディア』を選択し、目的の画像をタップします。

（基本定な操作は『手順09：画像・写真を挿入する』と同じです）

アイキャッチ画像については↓の記事で詳しく紹介していますのでぜひ参考にしてください。

2018.06.20

アイキャッチ画像の選び方と注意点

今回はアイキャッチ画像についてです。 ここでは、アイキャッチとはそもそも何なのか、画像には選び方があるのか、ブログを書くうえでなぜアイキャ...

次に『スラッグ』をタップして、この記事のスラッグを登録します。スラッグとはパーマリンク設定のことで、『記事タイトルに合った英語タイトル』と理解すれば間違いないと思います。今回はアプリから投稿するサンプル記事を作っていますので『sample-article』としました。

なお、『パーマリンク設定』については下記の記事で詳しく解説していますので、そちらをご覧ください。

2018.05.26

パーマリンク設定

記事を投稿すると、投稿した記事のURLは『http://example.com/?p=123』のように表示されます。この表示の末尾『?p=1...

ここまで終わったら、アプリ内の左上の『戻る』矢印か、あなたの端末の戻るボタンをタップして記事画面に戻ってください。

手順12：画像レイアウトの修正・編集

これで最後の設定となります。

挿入した画像の上で2回タップしてください。すると、『画像のカスタマイズ』画面に移ります。

ちなみに、手順10で『下書き』としたのはワードプレスアプリの仕様上、画像のレイアウト・サイズ設定は記事を登録しないと行えなかったからです。

写真のサイズは、手順06の『自分』設定で行った設定のサイズで挿入されていますので、必要に応じて変更してください。

『配置』は『中央』で良いかと思いますが、必要に応じて変更してください。

もし画像にリンクをつけたいのであれば、リンク先のURLを入力することでハイパーリンクの設定もできます。

挿入画像の『ファイルの詳細』項目ですが、もし面倒でなければ、『代替テキスト』を登録すると◎です。また、画像にキャプションが必要な場合はここで登録してください。『タイトル』は未入力でもかまいません。

手順13：記事の公開

まとめ

いかがでしたか？

初めてこの手順を見ると『こんなに大変なの・・・？』と思われるかもしれませんが、慣れてしまえば『こんな簡単に記事の投稿ができるんんだ！』と思われるはずです。

だって、LINEやメールの投稿とそれほど変わりませんので・・・

慣れるととても簡単な記事投稿ですが、下記の点にはくれぐれもご注意ください。

最終確認はPCで行ってください！

特にレスポンシブでサイト制作を行っている場合、記事のレイアウトやデザイン、見栄えについての最終確認はPCで行うようにして、スマホからの記事投稿は『下書き』で保存する事をお勧めします。

仕事で私が請け負ったWEBサイトはすべてレスポンシブデザインのテンプレートを採用していますが、だからこそスマホだけではない、PCでの見栄えも重要となることを経験上理解しています。また、画像については大きなディスプレイで確認するからこそわかることがたくさんあります。スマホで見ると何も問題ないのに、PCの大きなディスプレイで見ると期待したように見えない（解像度（＝綺麗さ）、見え方（＝印象））といったことは、ごく普通にあり得ます。

セキュリティにはくれぐれもご注意ください！

特に画像の挿入については、EXIF情報の取り扱いにはくれぐれもご注意ください。GPS設定がONの状態で撮影された写真には、あなたの個人名や住所がそのまま残されていることがあります！

2018.06.06

撮影画像（写真）に含まれるExif情報から個人情報を守る

スマホのカメラ機能は飛躍的に向上し、いつでも、どこでも高精細な写真撮影ができるようになりました。撮った写真をブログやInstagramなど、...

このように、パーマリンクとはWebページの中の個別のコンテンツに対して設けられるURLのことを指しますが、最適なパーマリンク設定はSEO対策としても有効とされています。逆に、不適切とまでは言いませんが、パーマリンク設定について何も意識していない場合、後から『（URLが）恰好悪いな・・・』と思ったり、すでに多くの記事を投稿した後に記事の整理をしようしても、非常に整理しづらくなってしまうこともありますので、初期段階での『あなたにとって』そして『SEO対策としても』最適なパーマリンク設定が必要だと思われます。

どのようなパーマリンク設定がよいのか

ここでは、Googleにとってどのようなパーマリンク設定がよいのか、ということで紹介させていただきます。

Googleでは、『シンプルかつ人間が論理的に理解できる』パーマリンクを推奨しています。言い換えれば、この2点をクリアすればSEO対策としても有効だ、と言えます。

ワードプレスにおいて、パーマリンクの初期設定は『http://example.com/?p=123』となっています。ちなみにp=123は記事のIDと呼ばれるもので、すべての投稿記事には自動的にIDがふられますが、初期設定ではそのIDがURLとして表示されていることになります。

ネットイマージュでは、Googleの推奨するパーマリンク設定をお勧めしています。具体的には『http://example.com/カテゴリー名＋投稿記事名』となり、ホームページ制作を承った場合もこのような推奨設定に変更させていただいています。

日本語の自動変換に気を付ける

通常、特別な事情が無い限りは記事名を日本語で入力されると思いますが、そのままだと、日本語が自動的に変換されて、とても長いURLになってしまい、一見すると意味の無い英数字の羅列となってしまいます。

下記は、投稿名を『記事のパーマリンク設定』にした場合のURLの表示例となります。

これはどう見ても格好悪い・・・ですよね。

下記は、URLをGoogleの推奨に従ってパーマリンク設定を『カテゴリー名＋記事名』とした場合のURL表示例です。カテゴリー名は仮に『news』としておきます。

ずいぶんすっきりしたURLで、意味もはっきりと分かります。

ただし、後者にした場合、パーマリンクの設定を変えるだけではなく、記事を投稿した際に、パーマリンク設定そのものを英語に書き直す必要があることだけは忘れないようにしてください。それはそれで手間だと思われるかもしれませんが、SEO的にも有利であり、記事の見栄えや整理にも役立つと思って、ぜひ実行していただければと思います。

パーマリンク設定の変更方法

弊社のお客様のWEBサイトの場合、すでに『カテゴリー名＋記事名』に変更してありますが、『日付やIDを表示したい』といった場合には、下記を参考に変更作業を行ってください。

手順1

変更したいサイトのワードプレス管理画面にログインし、設定⇒パーマリンク設定を開いてください。

手順2

カスタム構造にチェックを入れて、必要なタグを入力して下さい。タグは、入力窓の下にある『利用可能なタグ』をクリックすれば入力できるようになっています。

パーマリンク設定については以上です。ぜひ、お客様にとって最適な、そしてSEO対策としても有効なパーマリンク設定でサイトを運営していただければと思います。

スマホから記事投稿する方法は3つ

スマホから記事投稿する方法としては、以下の3つの方法があります。

アプリからの記事投稿と管理画面からの記事投稿の違い

アプリからの記事投稿では、スマホ用に最適化された操作方法で記事を投稿することができます。

それに対し、スマホのWEBブラウザから管理画面にログインして投稿する場合、当然ながら操作方法もPCと同じとなるため、特にテキストエディタでの編集に慣れている人は使いづらさを感じるかもしれません。

個人的には、記事の投稿だけならばスマホ用アプリを使うのがお勧めです。外出先で下書きを保存しておき、内容やレイアウトの詳細を後からPCで行う、といった便利な使い方もできます。

スマホアプリからの記事投稿については、下記で詳しく解説していますのでそちらをご覧ください。

2018.06.09

ワードプレスのスマホアプリで記事を投稿する

ここでは、ワードプレスにスマホから記事を投稿する際に最も使用頻度が高いと思われるスマホ用アプリを使用した記事の投稿・更新についてわかりやすく...