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

【Dart】コンストラクタのデフォルト引数について

Dartのコンストラクタのデフォルト引数…

2週間 ago

【Unity】有料アセットを無料で手に入れる方法

この記事では、Unityの有料アセットを…

4か月 ago

【Python】任意の秒数だけ処理を一時停止する方法【sleep()関数】

この記事では、Pythonで任意の秒数だ…

1年 ago

【Python】Wordの文書の新規作成と読み書き

この記事では、Pythonを使ってWor…

1年 ago

【Python】メタクラスって結局なんなの?

この記事では、Pythonのメタクラスに…

1年 ago