ブログ技術
PR

【WordPress入門】ブログをPC版で見やすく!広告を中央に配置する「縦積み機能」の使い方

縦積み機能, PC版ブログ, 広告の中央揃え, ブログデザイン, ブログレイアウト改善, 公告の位置, ブログ 左に寄る, ブログ 公告, ブログの見た目改善, 見やすいブログ作り, 広告配置, PC版レイアウト, 見やすいブログ作り
あき
記事内に商品プロモーションを含む場合があります

ブログを書くとき、特にPC版での見え方に気を使う方も多いと思います。

筆者も最初は広告が左寄りになってしまい、なんだかバランスが悪いな…と思っていたんだ…(^_^;)

かめさん
かめさん

そこで、試行錯誤の末に見つけたのが「縦積み機能」というわけ☆

はる
はる

これを使えば、広告や画像を中央に綺麗に揃えることができ、読みやすいレイアウトを作ることができました!

今回は、この「縦積み機能」を使ってPC版ブログをさらに見やすく整える方法をご紹介します♪

本記事はこんな人にオススメ
  • WordPressでブログを始めたばかりだから、広告の貼り方を知りたい
  • PC版で左寄りになってしまって困っている…

なぜ「縦積み」が良いのか?

最近、ブログの広告が左に寄っちゃうんだけど、どうすればいいかな?

かめさん
かめさん

それはよくある問題だよね。でも、“縦積み機能”を使うと中央に揃えることができるんだよ!

はる
はる

本当?それなら、見栄えがよくなるね!

かめさん
かめさん

筆者もこの機能を使い始めたことで、広告が中央に配置されるようになり、ブログ全体の見た目がグッと洗練されました!

↓実際にレイアウトを整備する前と後を比較すると以下のようになるよ♪

はる
はる

本当だ!整備前の「Before」では左側に記事が寄ってしまっているのに対して、整備後の「After」では広告が真ん中にあるから華やかになって洗練されている感じがするね!

かめさん
かめさん

縦積み機能の使い方

「縦積み機能」自体の使い方は、とてもシンプル。

以下の手順で設定できます。

「ブロックを追加」→「すべて表示」をクリックする
縦積み機能, PC版ブログ, 広告の中央揃え, ブログデザイン, ブログレイアウト改善, 公告の位置, ブログ 左に寄る, ブログ 公告, ブログの見た目改善, 見やすいブログ作り, 広告配置, PC版レイアウト, 見やすいブログ作り
「デザイン」から「縦積み」機能を選択する
縦積み機能, PC版ブログ, 広告の中央揃え, ブログデザイン, ブログレイアウト改善, 公告の位置, ブログ 左に寄る, ブログ 公告, ブログの見た目改善, 見やすいブログ作り, 広告配置, PC版レイアウト, 見やすいブログ作り
「縦積み」に「カスタムHTML」機能を挿入する
縦積み機能, PC版ブログ, 広告の中央揃え, ブログデザイン, ブログレイアウト改善, 公告の位置, ブログ 左に寄る, ブログ 公告, ブログの見た目改善, 見やすいブログ作り, 広告配置, PC版レイアウト, 見やすいブログ作り
「縦積み」を選択して、「中央揃え」に設定する
縦積み機能, PC版ブログ, 広告の中央揃え, ブログデザイン, ブログレイアウト改善, 公告の位置, ブログ 左に寄る, ブログ 公告, ブログの見た目改善, 見やすいブログ作り, 広告配置, PC版レイアウト, 見やすいブログ作り
完成:HTMLの枠が中央に配置できました
縦積み機能, PC版ブログ, 広告の中央揃え, ブログデザイン, ブログレイアウト改善, 公告の位置, ブログ 左に寄る, ブログ 公告, ブログの見た目改善, 見やすいブログ作り, 広告配置, PC版レイアウト, 見やすいブログ作り

縦積みの中にカスタムHTMLを挿入してもデフォルトは左寄りになっています。

最後にSTEP4で配置の「中央揃え」を選択することで、広告や画像が綺麗に中央に揃います。

やってみたら本当に簡単!これなら初心者でもすぐに使えそうね♪

かめさん
かめさん

でしょ?これを使えば、PCでの表示もぐっと良くなるから、ぜひ試してみて!

はる
はる

便利なショートカットも活用しよう!

さらに、ブログ執筆が捗る便利なショートカットもあります!

普段からよく使う縦積みやギャラリー機能、カスタムHTMLをより効率よく挿入するために、覚えておくと便利です。

  • 「/gr」と入力:縦積み機能を簡単に挿入
  • 「/gal」と入力:ギャラリー機能を呼び出し
  • 「/ht」と入力:カスタムHTMLの挿入

これらショートカットを活用すると、「+」ボタンを押してから選ぶ手間が省け、作業効率が格段にアップしますよ!

↓縦積みのショートカットはこんな感じ~♪ショートカットを使いこなすと、執筆が楽しくなるよ!

はる
はる
縦積み機能, PC版ブログ, 広告の中央揃え, ブログデザイン, ブログレイアウト改善, 公告の位置, ブログ 左に寄る, ブログ 公告, ブログの見た目改善, 見やすいブログ作り, 広告配置, PC版レイアウト, 見やすいブログ作り

なるほど、これはかなり便利そう!特にブログ書く時間が短縮されるね!!

かめさん
かめさん

広告を効果的に配置する方法

縦積みを使って広告を配置する際、効果的な場所選びも重要です。

筆者が特に気をつけているのは、読者がスクロールするたびに広告が目に入るようにすること。

以下のような場所に広告を置くのがおすすめです。

  • 記事の冒頭:読者がすぐ目にする場所に、目立つ広告を配置。
  • 本文中に挟み込む:例えば、内容の途中で縦積みを使い、自然な流れで広告を差し込むとクリック率が上がります。
  • 記事の終わり:最後まで読み切った読者に対して「おすすめ商品」や「関連サービス」の広告を表示するのが効果的です。

アフィリエイト広告としては、例えばこの記事では、ブログ運営者向けのWordPressテーマや、ブログ運営サポートツールなどを選ぶと、ターゲット層に合わせた広告が出せるんだ♪

はる
はる

まずはターゲット層に合わせた広告を探してみるよ!

かめさん
かめさん

SEO対策も忘れずに!

最後にSEO対策として、適切なキーワードをしっかり盛り込んでおきましょう。

この記事では、以下のキーワードを活用しています。

SEOキーワード例
  • 「ブログデザイン」
  • 「PC版レイアウト」
  • 「縦積み機能」
  • 「広告配置」
  • 「見やすいブログ作り」

これらのキーワードを自然に散りばめることで、検索エンジンでの表示順位が向上し、より多くの読者にアクセスしてもらえるようになるよ♪

はる
はる

レイアウトの見やすさだけでなく、キーワードも重要なんだね!

かめさん
かめさん

まとめ:「縦積み機能」で見やすいブログ作りを♪

「縦積み機能」を使った広告の中央揃えテクニックは、PC版ブログを美しく整えるための強力なツールです。

筆者も最初はレイアウトに悩んでいましたが、この方法を取り入れたことでブログの見た目が劇的に改善されました。

やっぱりレイアウトって大事なんだね。私のブログももっと魅力的にできそう!

かめさん
かめさん

ぜひ試してみて。レイアウトが綺麗になると、ブログ自体がもっと楽しくなるよ♪

はる
はる

皆さんも、ぜひこのテクニックを活用して、見やすいブログを作ってみてくださいね♪

最後まで読んでいただきありがとうございました!

X(旧:Twitter)も運営しています

FOLLOW ME

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

CAPTCHA


記事URLをコピーしました