ワードプレス5.0の投稿編集前の注意

2019年1月11日


先日ワードプレスのアップデートがありました。
4.××→5.××。エディター機能がブロックエディターのグーテンベルク(Gutenberg)に。
参考:ブロックエディターって何?ワードプレス5.0へアップデート
変化に慣れるには触るのが一番なので新規追加や過去記事の編集を行って頂きたいですが、基本的な注意事項をご紹介します。

【重要】過去記事の編集をする場合でもまずは新規追加

過去記事の編集をする場合でもまずは新規追加から操作して下さい。
というのは従来投稿画面にはHTML(テキスト)モードとビジュアルモードがあり、普段使っているモードが新規追加や編集でも自動的に選択されるようになっていました。
ビジュアルモードではホームページ上で表示されている見た目上のデザインで編集ができるので便利ですが、そのまま編集したり、ビジュアルからHTMLに切り替えた場合、設定や作りによっては変なタグが入ってしまってデザインがくずれる原因にもなるので極力HTMLモードでの編集が推奨でした。
但し、今回のワードプレス5.0へのメジャーアップデートで投稿機能が「グーテンベルクGutenberg」に変わったことで今までのHTML(テキスト)モードのデフォルト保持がクリアされてしまったようで、編集画面を開くビジュアルモードになってしまいます。
そこで過去記事を編集したい場合でも一度何も影響が無い新規追加から画面を開きHTMLモード(グーテンベルクでは「コードエディター」に名称変更?)に切り替える必要があります。
一度コードエディターに切り替えてからそのまま画面を離れて投稿一覧、記事の編集へと進むと次回からはHTMLモードで編集ができるようになります。

コードエディターへの切り替え


1、右上3つボタンをクリック
2、エディターの項目で「コードエディター」をクリック
自動的に切り替わります。
※まずは新規追加ボタンで影響がない状態から変更しましょう。

更新後プレビューではなく更新前にプレビュー

こちらはグーテンタークでの注意というよりもワードプレスでの注意ですが、プレビューの使い方はデータを更新して実際のホームページに反映される前にデザインを確認したい場合に使います。
なので必ずプレビューを押して変更内容が問題なくデザインが崩れていないのを確認してから更新ボタンを押して下さい。
その際何かおかしければ更新ボタンを押す前に投稿一覧に戻るなど別の画面に遷移させて編集画面を閉じます。保存されていないとアラートがあがりますが無視して別の画面に行くことで編集前の状態に戻すことができます。
この手順を逆にしてプレビューをデザイン確認のツールとしてのみ使うとおかしくなっても元の状態に戻しづらくなってしまいます。

既に触ってデザインがおかしくなってしまった場合はリビジョンから復元

ビジュアルモードで触ってレイアウトやデザインがおかしくなってしまった、その状態で更新をしてしまった場合でもそのページ内であればリビジョンから復活ができます。
リビジョンとは編集中の下書き保存や更新を重ねていく上で自動保存されたデータで過去の時点へ戻すことができます。
今回の場合でしたら更新前の日付のデータに戻せばよいです。
リビジョンが記録されている場合は右サイドメニューから確認できます。
(設定によってはデフォルトでは表示されないようになっている場合があります。)
但しリビジョンも万能でないので保険として考えておきましょう。

Related Posts

Vimeoのレスポンシブ動画埋め込み対応ができない時

Vimeoのレスポンシブ動画埋め込み対応ができない時

Vimeoは色々カスタマイズもできてホームページに動画を埋め込みたい時は便利なサービスです。 ただ、最近ではレスポンシブデザインのサイトが多くなっているので固定サイズのまま埋め込むとおかしなことになってしまいます。 Vimeoの埋め込みコード発行はレスポンシブにも対応しているのですが、オプションのカスタマイズ設定をしないと対応できないので注意が必要です。 オプションのカスタマイズ設定が見当たらない場合...

重要 総額表示義務化に伴うホームページ修正キャンペーン

2021年4月より総額表示が義務化されます。 今まで経過措置として10000円(税別)の記載でホームページ上OKだったものも11000円(税込)等に修正する必要があります。 主な対象としてはBtoC(不特定への一般消費者向け価格表示)であり、 具体的には接骨院、歯医者、眼科、皮膚科等のクリニックやサービス業、ECサービス等幅広く対象とされています。 まだご自身のホームページを修正されていない場合はお早めにご対応下さい。 なお、弊社では初めてのクライアント様は特別料金(無料~)で対応させて頂いています。...

contactform7 確認画面や完了画面を表示する

contactform7は、完成形のフォームのプラグインであるため手間のかからない優れたものだと個人的には思っております。 ただ、確認画面や完了画面を表示するとなるとちょっとしたコツが必要です。 1 確認画面を表示する プラグイン(Contact Form 7 add confirm)を利用することにより、対応できる。 少し手間をかけて、フォームの上部にテキストを表示することも可能です。 <p class="wpcf7c-elm-step1"...