サイドバーに設置したバナーリンクが左寄せになっているのでセンターに移動したい。
とはいえ、
バナーリンクをセンターに移動するやり方がわからない・・・。なので、移動するやり方を知りたい。
こういった質問にお答えします。
この記事を書いているぼくは、2019年12月ブログ開始→副業サラリーマンブロガー。現在ブログ収益化をめざし、記事執筆にはげんでおりまして。
ブログで収益化できましたら、その道のりをだれでもわかりやすく、あなたのブログも収益化できるよう情報発信していきます。
バナーリンクがセンターに移動できれば、あなたの明るい未来は加速していくので、ぼくもうれしいです。
それでは、はじめていきますのでご覧くださいませ。
ブログのサイドバーウィジェットにバナーリンクを挿入してみたのは良いけれど、左寄せになっていてバナーリンク見た目のバランスが良くない。↓↓↓こんな感じ。
リンクバナーがウィジェットの左にこんな感じで表示されているので、バランスがどうしても気になる。
ちょっとバランスがわるいね。
でも簡単になおせますので、ご安心くださいませ。
サイドバーのバナーリンクをセンターに移動する方法
バナーリンクをセンターに移動するには、<div>～</div>などのブロック要素で囲む。
その要素に対してtext-align:centerを適用する、です。↓↓↓こんな感じ。
↓↓↓
- 【<div style=”text-align:center”>】をコピーします。
- 元々のバナーリンク上の青枠部分にペースト。
- 【</div>】をコピーします。
- 元々のバナーリンク下の青枠部分にペースト。
- 保存・完了でセンターに移動完了です。
『なんかむずい・・・』。大丈夫ですよ、ぼくでも出来たので。
まずは、赤枠のリンクバナーの部分の上と下の青枠で囲まれた二カ所の部分を記述するだけでOK。（コピペするだけ。）
↓↓↓こんな感じ。
リンクバナーがウィジェットのセンターにこんな感じで表示されている。
まとめ
サイドバーウィジェットのバナーリンクをセンターに移動する方法は、慣れてしまえば簡単にできますので、挑戦してみてください。
むずかしく考えないで、まずはやってみよう。
失敗しても、戻るボタンでもとに戻れるから大丈夫。
ではではまた。asuhareでした。