自由でクリエイティブな暮らしを応援!
Search

WordPress記事のレイアウト崩れを回避解決する方法-プラグインTinyMCE Advanced

WordPressの記事を書く部分に「ビジュアル」と「テキスト」と書かれたタブがあると思います。このタブを切り替えた時に記事の改行箇所がリセットされてしまい、レイアウトが崩れて見栄えが変わってしまいます。今回はそんな時の解決方法についてご紹介します。

まず、WordPressのプラグイン「TinyMCE Advanced」をインストールして有効化します。

TinyMCE Advancedの導入と設定

このプラグインはWordPressでサイトを運用している多くの方が実装しているプラグインかもしれません。このプラグインを入れておくと、記事を書く際のツールボックスの機能を拡張してくれます。今回は、レイアウト崩れの解決と回避方法についてだけ触れます。

設定の手順

①TinyMCE Advancedをインストールして有効化

 

 

②「設定」からTinyMCE Advancedを選択して設定画面を開く

 

 

③Stop removing the <p> and <br /> tags when saving and show them in the Text editorにチェックを入れる

 

設定画面の「Advanced Options」

Stop removing the <p> and <br /> tags when saving and show them in the Text editor

 

(<P>の除去を停止し、保存/>タグを<brとテキストエディタでそれらを表示)

 

この部分をチェックして有効にしておけば、エディタ切り替え時のレイアウト崩れの問題を回避できます。

 

 

いいね、シェア、フォロー歓迎!2020テーマは「自然から学び自然と共に生きる」

EVAHKS

運営:嶋耕作(しまこうさく)『相場の熊さん』の愛称で親しまれているFX裁量トレーダー、ライター。自然が好きで日本国内に山所有。ひいお爺様は外交官。20代前半に教育関連事業にて年商3億円達成。その後、肺炎で臨死体験。世界人口4%の性格タイプを持つ。自由と安定。混乱と静寂。異なる性質のふたつを併せ持っている。趣味は読書、映画、アニメ、PUPG、人狼ジャッジメント、バスケ、音楽。好きな場所は、海、森、温泉、猫の肉球。漫画の島耕作はサラリーマンですが、サラリーマンはこの世で一番やりたくない仕事です。

3 Comments
  1. […] エディタを切り替えた時にレイアウトが崩れてしまう問題を解決するために、TinyMCE Advancedというプラグインを導入して設定します。このプラグインも導入している方が多いと思います。 […]

  2. […] のレイアウトが崩れてしまう方は「WordPress記事のレイアウト崩れを回避解決する方法」をご確認ください。 […]

  3. […] 覧いただきありがとうございます。こちらの記事は移動しました。詳しい内容については→ ワードプレス 記事のレイアウト崩れを解決する方法プラグインTinyMceAdvancedをご覧ください。 […]

Leave a Comment

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください