WordPressでコードをベタ書きして固定ページを作ろうとしたら、えらい苦労した件

Wordpress

どうも!Tuskです!

今回は創作と少し離れた話題かもしれないのですが、僕が少々苦戦してしまった事がありましたので、それについて情報共有していきたいと思います。

それといいますのも、WordPressでのコードの記述についてです。
創作というか、Webサイトに関する事ですね。

僕はそれほどWEBに関する知識はないので余計になのですが、コチラのゲーム宣伝用の固定ページを作るのに色々と苦戦してしまいました。

「食材はダンジョンにて」紹介ページ

ネットで調べてみると、同じことで手が止まってしまった方が多い様ですので、一応は僕が解決…というか、なんとか先へ進んだ事例として、記事に残しておきたいと思います。

困っている方に届けばいいんですけどw

スポンサーリンク

WordPressでコードやタグを書いても、台無しにされる…

最初、僕はWordPressのエディターでjQueryとHtml/cssを直接書いて固定ページを作ってたんですが、何度やってもコードがテキストとして表示されてしまい、想定通りにいかない事にイライラしてしまいました。

コードを書く → プレビュー → そのまま表示される
なんでやこれ? 何がアカンねん? おお? コラ?

…と、一人でオラつきながら原因を探ってみると、
なんと知らないうちにpタグやbrタグが追加されているではありませんか!

これのせいで、いくらコードを書き込んだ所で、そいつはただのテキストに変換されてしまっていた訳です。

なんじゃぁこりゃぁ!? と調べてみますと、どうやらWordPressのエディターに搭載されている
「自動整形表示(auto paragraph)」という機能によるモノらしい。

これはコードエディタ―でコードを記述しても機能してしまい、回避するには色々と設定をしなくちゃならないらしい。
コードエディターとは一体……

まぁ、ブログとして文章を書く事だけが目的なら便利な機能かもしれませんが、正直言って少々おせっかいにも感じる機能ですよね、これ。

……ってなワケで、僕はこの を回避するためにかなり四苦八苦してしまったのであります。
なるべく面倒くさい方法はとりたくないですし、手っ取り早く解決できる方法を見つけたいモノ……。

それを探して試行錯誤しているうちに、何時間も時間が経過してしまったわけでw

WordPressのphpに追記する方法

ネットで調べてみますと、WordPressのphpを開いて「functions.php」というphpファイルに自動整形を停止する記述を追加する方法があるようです。

コチラの記事が分かりやすかったです。

Offise Kondo様

うーん……面倒くさい。
自動整形を任意のタイミングでOFFにするだけでも手間だし、過去記事とかに何らかの影響を及ぼす可能性もありそうな気がしてしまう。
それに、出来ればWordPress自体のスタイルやphpには触りたくないです。

……というか、なんでそこまでしなくちゃ回避できないの? この機能w

ってなわけで、僕はこの方法は却下で。

プラグインを使う

なーんだ、プラグインがあるんじゃん!
……なんて思いました?

いやいや!
これも簡単にはいかなかったんですよw

一応、 機能をオフにできるというプラグインは、こういう物があるんです。

toggle wpautop

しかしです。
このプラグイン……、WordPressのバージョンによっては機能してくれないみたいなんですよコレがw

僕は実際に入れてコード書いて見たんですけど、見事に機能してくれませんでした。
(まぁ、何かしら僕の使い方が間違っている可能性もありますがw)

……ではどうしたらいいのか?

それはもう、「toggle wpautop」を使った上でクラシックエディターを使って書くしかありません。

「Classic Editor」プラグイン

このプラグインを使えば、WordPressの5.0以前のエディターを使うことができます。
且つ、プラグインをオフにすれば最新エディターに戻す事ができ、すでに書いた記事や固定ページには影響は与えません。
うーん、救世主!!

お手軽なのは + クラシックエディター

WordPress自体のcssやphpを弄るのは面倒ですし、何かしら不具合が起きたり失敗したりするとドチャクソに面倒なので、個人的には「toggle wpautop」を入れた上で、クラシックエディターを使って書く方法です。
これなら、コードエディタでタグやコードを直接書き込んでちゃんと機能してくれます。

しかし気になるのは、クラシックエディタのプラグインが1年間も更新されていない事 (;´д`)

もしかすると、そのうち使えなくなる事もあるのかもしれません。

そうなったらどうしようかな…
面倒だけど、WordPress自体のcssやphpを触るしかない?

一応、「toggle wpautop」の方は今年の6月上旬頃に更新が入っている様なので、アプデすれば普通に機能してくれるのかもしれませんが。

いやいや。
WordPressの公式さん、頼むからオフに出来る様にしてくれよー!!

コメント

タイトルとURLをコピーしました