こんばんは！
いつも応援していただき、ありがとうございます。
apa（あぱ）です(^^)
今日は『WordPressの画像を自動で中央寄せにする方法』について書いていきます。
WordPressで画像を自動的に中央寄せにしたい！できない！
今回は、いつもと趣向を変えてWordPressの使い方についてです。
WordPressで記事を投稿するときに、画像をアップロードすると思うんですけど、
こういう感じに。
でも、この画像。
基本的にSEOとか読者に与えるインパクトを考えると、中央寄せになっているのがベストです。
とはいえ、スマホで見る分にはそんなに関係ないんですけど・・・
そのため、基本的に画像は「中央揃えにする」必要があるんですけど・・・
一枚一枚、アップロードするごとに「中央揃え」にするのって面倒くさいですよね？
こんな感じで。
もちろん、やっていることそのものは大したことではないので、大した時間は取られないんですけど、都度都度、「配置」、「中央」にするのは意外と時間がかかります。
ひとつひとつの動作そのものは大した時間ではないものの、積み重なると大幅なタイムロスになります。
ということで・・・
WordPressの画像を自動的に中央揃えにする方法を調べ直しました。
「調べ直しました。」
というのも、2回、すでにやっているから。
このブログと、今運営しているアフィリエイトサイトにおいて、動やったかは忘れていたのですが、画像をアップロードすると自動的に
「中央揃え」
になってくれているので、
まぁ、簡単っしょ？
くらいの軽いノリで調べました。
けど・・・
そんなに甘くはありませんでした。
なぜか調べても出てこない
なぜか、調べても出てきませんでした。
調べたキーワードはこういうキーワード。
添付ファイルの自動設定 変更
画像 中央寄せプラグイン
トール 中央寄せ 自動
aligncenter 自動
the thor 画像 中央揃え 自動
WordPress 画像 中央揃え 自動
WordPress 画像 中央揃え
the thor 画像 中央
WordPress 画像 中央寄せ 固定
画像 中央寄せ プラグイン
WordPress 中央寄せ html
上記でわかるように僕が、アフィリエイトサイトで使っているテンプレートは、「the thor」です。
で、こういうキーワードで調べまくっても、全然出てきませんでした。
正確には、
出てくるのはCSSによる方法だけ
例えば、こういうの。
「画像の『中央揃え』を自動化するCSSコード」
こういう記事はごまんとでてきました。
だけど・・・
全くもって効果なし！
さっきも書いたように、the thorのテンプレートを使っているからなのかわからないんですけど、CSSに「画像を自動的に中央寄せにするコード」を追加しても、全然反映しませんでした。
もちろん、プレビュー画面で見てみても全く同じ。
でも、
「WordPress 画像 中央寄せ 自動」
みたいなキーワードで調べても、十中八九、この「CSSで設定する方法」しか出てこないので、ほとんどの人やテンプレートではそれができるんでしょうね。
なので。
CSSの設定で画像を自動的に中央揃えにできている人には関係ない話です。
ここからさきは、僕と同じように、
「CSS」で画像を自動的に中央揃えにする方法が、全く反映されない！
と、悩んでいる方だけ読み続けてください。
過去にやった方法を調査
で、さっきも書いたように。
やり方そのものは失念していたものの、一応、このブログとアフィリエイトサイトにおいては、
「画像」が自動的に中央揃えになる設定になっていました。
そのため、運営しているアフィリエイトサイトの設定を再確認。
念のため、
「CSS」
も覗いてみましたけど、やっぱり、画像を自動的に中央寄せにするコードは入っていませんでした。
実際、以前やったときも、
「全然反映されないじゃん！」
と、悩んだことを思い出しました。
添付ライフの表示設定に鍵があるのでは？
で、もう一度画像添付時の表示を見てみると、
見えますか？
下の方に、
「添付ファイルの表示設定」
という記載があります。
すでに、「画像を自動的に中央寄せにする設定」ができているWordPressに画像をアップロードすると、この部分がすでに「固定されている」事に気づきました。
そこで、検索キーワードを変えてみて、
「添付ファイルの自動設定 WordPress」
と、調べてみました。
それでようやく解決策を得ることができました。
というか、なんでこんなに四苦八苦しないと解決策が出てこないのか・・・
ちょっとGoogleにクレーム言いたくなりました(笑)
まぁ、僕が素人だからなんでしょうけど・・・
【CSS不要】WordPressの画像を自動的に中央寄せにする方法
さて、前置きが長くなりましたが、ここからは。
CSSを使わずにWordPressの画像を自動的に中央寄せにする方法を解説します。
CSSに「画像を自動的に中央寄せするコード」を記載しても、全く反映されず。
画像をアップロードしても、自動的に中央寄せになってくれない！
と、悩んでいる方は参考にしてください。
というよりも、僕もそんなに詳しくないので、さっさと答えが知りたい方は、こちらのサイトをご覧ください(笑)
僕もこちらの記事に救われました。
一応、補足的に、解説していきます。
隠しページを表示するoptions.phpでWordPressを開く
この、options.phpのページにアクセスすることができれば、そこから、設定を変更することができます。
options.phpの表示方法ですが、WordPressにログインしてから/wp-admin/の後ろにoptions.phpを追加して、再度アクセスするだけです。もしくはアドレスバーにログイン時のURLを表示させ、そのURLの末尾に「options.php」を追加してください。
例としてはこんな感じになります。後ろの赤い部分が追加したところです。
http://hogehoge.com/wp-admin/options.php
このように、自分WordPressの管理画面の末尾に「options.php」にアクセスすると、オプション管理画面に入ることができます。
画像を自動的に中央にする設定
で、そのオプション画面の中で、画像を自動的に中央にする設定をします。
面倒なので、
ctrl+Fボタンを押して、
「align」
と、検索をかけてください。
そうすると、
「image_default_align」
という部分にジャンプしてくれるので、その部分の設定を以下のように変更します。
こうすることで、
「画像を自動的に中央に」
「画像のリンクを初期設定は『なし』に」
「画像のサイズをフル表示にする」
という設定ができます。
下の2つは、やってもやらなくてもいいかもしれませんが、念のため。
特にこの、
「image_default_align」
という設定の部分に、
「center」
と、入力をしておけば、CSSにコードを追加しなくても、自動的に画像が中央になります。
なんで、このやり方が全然検索結果に出てこないのか・・・
正直、CSSにコードを追記するよりも、このやり方のほうがよっぽど、
「画像をアップロードする時に自動的に中央寄せにする」
方法としては簡単です。
しかし、このやり方が全然出てこない・・・
どうしてこんなに検索結果に表示されないんだろう？
と、不思議に思いました。
が、とにかく。
まとめ
- WordPressで画像をアップロードしたら自動的に中央寄せになってほしい！
- CSSにコードを記述しても中央寄せにならない！
- ならば、「options.php」のページにアクセスして、
- 「image_default_align」の部分を「center」にする
こうすれば確実です。
もしかしたら、CSSに記述しても反映されないのは、WordPressのテーマが原因かもしれないんですけどね・・・
とにかく、同じ悩みを持っている方は参考にしてください。
より詳しくはこちらの記事で解説されています。
最後まで読んでいただいてありがとうございます。感想、ご質問等がございましたら、お気軽にコメントをどうぞ(^^)
もしよければ、こちらから応援をお願いします。
よりお役に立てる記事を書けるようがんばれます(^^)
コチラ↓↓をクリックしてapaを応援
コメント