Wordpres TinyMCE TemplatesプラグインのHTML自動整形を停止する方法
Wordpresテンプレートの TinyMCE Templates プラグインをそのままテンプレートを作成して、挿入するとHTMLの行間が空けてはずなのに、ギュッとくっついてしまいますよね?
そのくっついてしまう自動整形を行わせない方法をご紹介。
まずは、TinyMCE Templatesプラグインとは?
TinyMCE Templatesプラグインとは、同様な記事の場合や部分的に配置が同じ場合とかでテンプレート化しておくとかなり効率化できるのですが、その時に活躍してくれるのが「 TinyMCE Templates 」です。
導入方法は、プラグイン新規追加画面で「 TinyMCE Templates 」で検索するか、TinyMCE Templates からダウンロードしてサーバへアップしてください。
記事を作成していくには便利なんだけど、このTinyMCE Templatesプラグインには一つ欠点があります。
それは、作成したHTMLの改行位置などが、投稿や固定記事でテンプレートを挿入したときに全てギュッと詰まってしまうことです。
ソースを見る人にとってはせっかく整形したのに意味がなくなってしまいますよね?
そこで、このHTML自動整形を停止させる方法なんですが、以外にも簡単に解決が可能です。
1. TinyMCE Templatesプラグインの一覧へ
2. 「 tinymce-templates/tinymce-templates.php 」を開く
3. 以下のコードをコピーしてページ内検索
'content' => wpautop( $content ),
4. 以下のように変更
'content' => wpautop( $content ),
の部分を
//'content' => wpautop( $content ), 'content' => $content,
に変更
5. ファイルを更新
※上記作業を行う前に念のためバックアップを取ることをおすすめします。
投稿画面に行ってテンプレートを挿入すると自動整形が解除されて、綺麗な状態で挿入することが確認できると思います。
関連記事
-
【お役立ちアプリ】iOSのsafariで簡単にPDF化して自分用に保存する方法
iPhoneのSafariを使っていて、残しておきたかったページを気がついたら違うサイトを開くと
-
初頭効果 | Web Marketing用語
一番最初に受けた印象はなかなか変わらず、また一番記憶に残ります。これを「初頭効果」といいます
-
WordPressプラグイン「All 404 Redirect to Homepage」で404エラーページ特定のページへリダイレクト
どうも、MURAKAWAです。 Wordpressを使用している人が大変増えていま
-
超簡単!Instagramの写真をRSSでWebサイトやブログに埋め込んで自動更新する方法
Instagramの投稿写真を自分のWebサイトやブログで掲載する方法があります。 一
-
これで安心♪Session Buddy でクラッシュしても表示タブのサイトを復元【Chrome拡張機能】
パソコンやGoogle Chromeが突然クラッシュしてしまう経験が最近多くて困っていて、C
-
現状維持の法則 | Web Marketing用語
「選択肢が広がりすぎた場合、普段と変わらない選択をしてしまう法則を「現状維持の法則」といいま
-
ウィンザー効果 | Web Marketing
一次ソースから得た情報よりも、第3者を介して伝えられた情報の方が影響力が大きくなる傾向にある
-
Microsoft Edgeブラウザで電話番号、FAX番号がリンクされてしまう解決法
電話番号やFAX番号がリンクされるのはスマートフォンのみだと思っていたら、なんと「Edg
-
text-indent:-9999px;でテキスト飛ばしをしなくてもテキストを非表示、背景画像を表示する方法
必要に応じてテキストを非表示にしたいときはたまにだけど「text-indent:-9999p
-
カクテルパーティ効果 | Web Marketing用語
カクテルパーティーなどで、様々な雑音や会話が入り交じる中で、不意に自分の名前を呼ばれたり、興