CodeColorerをレスポンシブに
このブログではコードを表示するのにWordPressのプラグインのCodeColorerを使っています。
表示幅を400pxにしていたのでスマートフォンなど幅の狭いデバイスで見ると右にはみ出していました。
レスポンシブにしたいと思ったのですがGoogleで調べても全く情報がありません。
そこで思い付きで次のようにしたら、うまくできたのでメモしておきます。
- WordPressのダッシュボードで 設定 - CodeColorer を選択。
- Widthの欄を空にする。
- Save Options ボタンをクリック。
Widthに数値を入れるとその幅で固定されてしまいますが、指定しないと親要素の幅に合わせて表示されるようです。つまり「100%」と同じです。
本当はこの設定画面で「100%」としたいところですが数値しかセットできませんでした(数値はピクセルとされるようです)。
とりあえずこの設定でしばらくやってみようと思います。
[ 2018年6月2日 | カテゴリー: WordPress | タグ: CodeColorer , tips ]
« まるに家 | 「綺麗な言葉遣いは、お金の掛からないオシャレだと思う。」と発言したのは誰か? »
コメントを残す