やりたいこと
当ブログを始めて３年が経過した。メインの山行記録については、挿入する画像がとりわけ多い。これまで特別に自分で設定した覚えはなく、デフォルトの設定のまま使用してきたと思っている。ただ、PCを利用した場合に、いくつかの点についてしっくりこないまま使用してきたので、変更を試みることにした（スマホの場合は、これまでのデフォルトでも今回変更した設定でも同様に表示されるので影響ない）
画像の大きさの変更
最適なpx値の選定
これまでの設定値（幅の上限 1024px、高さの上限 1024px）
上の画像はPC画面のスクリーンショットだ。デフォルトの画像の大きさ「大」を使用してきた。それなりにインパクトがあり、画像の細部も見やすいのだが、見ていて正直ちょっと疲れるし、文章とのバランスも気になる
すべての写真がこのサイズである必要はなく、もう少し小さめの画像のほうが良いかなと思い続けてきた。細部を見たい時だけ拡大できるようにしておけばよいと考える
変更後の設定値（幅の上限 550px、高さの上限 550px）
上のスクショは、幅および高さの上限を550pxに変更したもの。デフォルトの「大」の設定値の約半分にしたイメージだ。ちなみにデフォルトの「中」の設定値は幅および高さの上限が300pxで、画像が小さくなりすぎる
上の画像は設定変更後の縦写真の場合のスクショ。一つ上の横写真の画像と比較しても、大きさやバランスは悪くない。実のところ、これまでのデフォルト「大」の設定の場合は、上下がディスプレイ画面からはみ出すほど大きく、毎回アップロード後に画像をクリックして表示される画像枠線をカーソルで押して画像を画面に収まるように小さくしていた。上の画像とほぼ同じ大きさまで縮めていた
なお、スマホの場合は、ワードプレスがスマホの画面の大きさに画像を自動調節するので、このような違和感はなかった。今回の画像サイズ（px値）の変更によって、PCの場合でも写真の縦横に関係なく見やすくなった
設定値の変更方法
デフォルト「中」の設定変更方法
デフォルトの「中」の設定値は、幅および高さの上限が300pxなので、この設定を550pxに変更して、画像のアップロード時に自動的に選択される「大」の設定を「中」に変更しておけば、すべての画像が「中」サイズで読み込まれる
上の画像はワードプレスの管理画面のメニューで、「設定」→「メディア」を選択した画面。デフォルトでは「中サイズ」の設定値が、「幅の上限」「高さの上限」ともに「300」になっている。この数字を最適な数字に変更すればよい（私のケースでは550）。その後、左下の「変更の保存」を選択
上の画像は写真をアップロードした際に自動的に「中」サイズで取り込まれた状態。後述するが、この時点では取り込まれた画像の位置はデフォルトの状態で、中央にはない
画像の位置の変更（センタリング）
メニューバーの左から４つ目のアイコン（画像では青色のアイコン）をクリックして画像を配置するメニューから「中央揃え」（下から２つ目）をクリックする必要がある
以上の設定と操作で望むサイズの画像を望む位置に配置できた
画像の拡大機能の付加
必要に応じて画像の拡大機能の設定を行う。画像をクリックし、メニューバーの真ん中あたりのリンクアイコン（画像では青色のアイコン）を選択する。メニューから「クリックで拡大」（一番下）を選択する
下書きを保存してプレビュー画面を表示させ、カーソルを画像の上に動かすと、カーソルが虫メガネアイコンに変わるので、カーソルをクリックする。あるいは画像の右上に現れる拡大アイコンをクリックすると、拡大された画像が表示される
上のように画面一杯に拡大された画像が表示される（私の場合は、元写真の縦横比から画面の高さの制約一杯に拡大されている）。写真の右上横には「ｘ」アイコンが表示されている。「ｘ」をクリックするか、虫メガネアイコンのカーソルをクリックすれば、元の表示（一つ上の画像）に戻る
別法（マニュアル操作）
デフォルトの設定を変更する方法を上述したが、画像サイズを色々と変えてアップロードする場合は、デフォルトを設定変更するのではなく、その都度アップロードのサイズを変更する方が柔軟に対応できる
上は私がこれまで使用してきたデフォルトの設定のままアップロードした画像だ。「大」のデフォルトの設定なので、幅や高さの上限値が「1024px」になっている。
写真右横にあるサイドバーの幅の設定ボックスが「自動」になっているので、ここに600や400など好みの数字を入れれば、その大きさに変更できる。高さについては「自動」のままで構わない。元のアスペクト比を保持して自動で調整される
その後のセンタリングなどの位置決めや拡大機能の付加については、上記した手順を用いればよい
今後の課題
画像の自動センタリングについて
画像をアップロードした際に、デフォルトで自動センタリングする設定をトライしたがうまくいかなかった
具体的には上の設定画面で「image_default_align」（上から５つ目）を「center」に指定したのだが、画像は自動でセンタリングできなかった。現時点では、アップロード後にその都度マニュアル操作でセンタリングする必要があり、今後の課題となった。もし方法をご存じでしたらお知らせいただけると助かります
なお、上の設定画面を表示させるにはご自身のサイトのURLの後に、以下を付け加えて下さい
/wp-admin/options.php#image_default_align
例えば、https://貴ブログのドメイン名/wp-admin/options.php#image_default_align
プラグインの活用
今回はワードプレスの機能を使用して大きさや位置の変更、拡大設定の付加を検討した。同様なニーズがあるようで、これらに対応した便利なプラグインがいくつか利用できるようだ。上記の課題にも対応でき、使い勝手の良いプラグインをリサーチしていきたい
コメント入力欄