Categories: ブログ

JINの記事内に角括弧を記述する方法

WordPressのテーマであるJINを使っていると記事中に記述した[](角括弧)はショートコードとして認識されてしまいます。

とても便利ですが、これでは通常の角括弧を記述することができません

なのでこの記事では、JINを使っている方に向けて「角括弧を記事内に書く方法」と「角括弧のスタイルを変更する方法」を紹介します。

角括弧を記事内に書く方法

角括弧を記事内に書くにはJINの設定を変更することで記述できます。

では設定を変更していくのでWordPressを開いてください。
開いたら左側のメニューから外観カスタマイズをクリックしてください。

次に「その他の設定」をクリックしてください。

そしたら「ショートコードの[1]系列を無効化する」にチェックを入れてください。

チェックしたら「公開」をクリックして設定を適用させます。

これで設定が完了したので[]を記述してみてください!

うまく表示されていると思います。

角括弧のスタイルを変更する方法

「角括弧のスタイルを変更には普通にspan使えばいいんじゃないの?」と思った方もいると思いますが、まさにその通りです。

例えば以下のような感じです。

<span style="color: red">[](角括弧)</span>です

[](角括弧)です

うまく表示されていますね!
しかし、以下のようにすると問題があります。

<span style="color: red">[]</span>(角括弧)です

[](角括弧)です

あれ?「(角括弧)です」の部分はspanから外したのに赤くなってる!

]の後に終了タグを記述すると予期せぬ動作を引き起こしてしまいます...。

この場合は、スペースを入れてやることで解決することができます。

<span style="color: red">[] </span>(角括弧)です

[] (角括弧)です

多少不自然ですが簡単に解決することができました!

ゆうまる

独学でプログラミングを勉強しているおじさん。いろんな言語を勉強したが浅く広くなためあまり仕事につながらない。また忘れっぽいため自分のブログを備忘録としても使っている。産まれてこのかたずっとネコを飼ってる生粋のネコ派。最近お腹が出てきて筋トレに奮闘中!

Recent Posts

【Unity】アセットストアにあるアセットを追加・使用する方法

この記事では、Unityのアセットストア…

1日 ago

【Unity】値が変更された際に処理を実行したい

この記事では、値が変更された際に何かしら…

3日 ago

【Unity】クラスのパラメータをインスペクターから調整したい

この記事では、定義したクラスをインスペク…

4日 ago

【Unity】スプライト(画像)を差し替える方法

この記事では、Unityでスプライト(画…

5日 ago

【Pyhton】スタックやキューのように扱えるdeque(デック)の使い方

この記事では、スタックやキューのように扱…

3か月 ago

【Python】Queue(キュー)の種類と使い方

この記事では、PythonのQueue(…

3か月 ago