DESIGN 嶋耕作

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とテキストエディタでそれらを表示）

 

 

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

 

 

Follow me!

この記事を読んだ方はこちらも読まれています

最後まで読んで頂きありがとうございます。

このブログを「いいな」と感じていただけましたら、

下のボタンをクリックしていただくととても嬉しいです＾＾

ブログランキングに参加しています。応援クリックよろしくお願いします！

にほんブログ村 為替ブログ FXの基礎知識へ

さらに下のボタンからSNSに拡散していただくととても嬉しいです！

3 件のコメント

    • コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

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

    RECOMMENDこちらの記事も人気です。

    ABOUTこの記事をかいた人

    運営者：嶋耕作　物書き、アニメ制作を中心に活動中

    NEW POSTこのライターの最新記事