MENU
★★★ キャンペーン期間中、新規に『エックスサーバー』を申し込みすると、12ヶ月以上の契約で、初回のご利用料金が最大30%オフ!! 2026年5月7日(木)17:00まで! ・・・★★★☆彡

SWELLのサイト幅(横幅)はどうしていますか?心地よいお城の間取りを考える【雑談】

当ページのリンクには広告が含まれています。
メチャじじ

ブログの横幅って、広すぎても狭すぎてもなんだか落ち着かないんだよね。みんな、どう決めているのじゃ?

チョイじじ

パソコンで見ると綺麗だけど、スマホで見るとどうなんだろう? ベストな設定を知りたいな…。

お城(ブログ)の印象を左右する「サイト幅」。これは、お城を訪れた読者さんが一番最初に感じる「居心地の良さ」に直結する、とても大切な要素です。

「1200ピクセルがいい」「いや、もっと狭いほうが読みやすい」など、巷にはいろんな意見があふれています。そんな情報の海で「結局、自分のお城はどうすればいいの?」と迷ってしまいますよね!

この記事では、僕が実際にお城を運営する中でたどり着いた「サイト幅の考え方」について、雑談を交えながらリラックスしてお話しします。

数値ひとつで、お城の風通しが良くなったり、文章がスッと心に入ってくるようになったりする。そんな「心地よい間取り」の秘密を、一緒に紐解いていきましょう。

🚩 この記事で一緒に解決すること…
  • 「ちょうどいい」の見つけ方: 迷ったときに基準にしたい、サイト幅の考え方。
  • 画面の向こう側の景色: パソコンとスマホ、どちらの読者さんにも優しい設定とは?
  • 正解は一つじゃない: あなたとお城の個性に合わせた、最適な幅の選び方。

👉 ひとつだけでも受け取ってもらえれば、うれしく思います!

お城の横幅を決めるのは、「読者さんと、どのくらいの距離感で向き合うか」を決めることでもあります。

兎角、つい「流行りの数値」を追いかけてしまいますが、大切なのはあなたが綴る言葉が、一番美しく、読みやすく届く広さであること・・。

主(あるじ)であるあなたが、「ここが一番落ち着くね」と思える広さを選ぶことで、お城はさらにあなたらしい、温かな場所へと変わっていきますよ。

🌱 まだ、自分のお城をもっていない方へ!

もし、この記事を読んでいるあなたが、「まだ自分のお城(ブログ)を持っていないけれど、書く準備だけはしておきたい!」という段階なら、まずはそのワクワクした気持ちを形にしてみませんか?

🚀 【最短ルート】今すぐ始めたい方は、コチラ!

【 重要 】

手順を調べる時間は最小限に…、WordPressを最短10分でブログを開通させたい方は、こちらの「最短・画像付きマニュアル」から読み進めてみてくださいね!

👉〔【2026】WordPressを始める手順|シニアが最短でゼロから公開までの全ステップ

シニアでも失敗なく、誰でもできるやり方を解説していますよ! それは、新しい世界を知るための切符です…。

さあ、僕と一緒に、あなたの「自分のお城」の基礎工事を始めましょう!

目次

お城の「広さ」が読者さんの視線を決める

お城(ブログ)のサイト幅を決める際、多くの主が一度は「1200px」という数字を耳にするはずです。SWELLのデフォルト設定に近いこの数値は、現代の大きなパソコン画面でもゆったりと情報を表示できる、いわば「王道の広さ」です。

しかし、実際に運営してみると、こんな風に感じたことはありませんか?

  • 「文字が横に長くなりすぎて、目が滑ってしまう……」
  • 「余白が広すぎて、なんだかスカスカして見えるかも」

つい「広いほうが立派に見えるはず」と思い込みがちですが、実は「狭めること」で生まれる心地よさもあるのです。

自分のブログの横幅が大きいような気がして、悩んでいるところ…。

「狭める」ことで生まれる、親密な空気感

僕のお城では、あえてサイト幅を少し絞る設定を試しています。
幅を狭くすると、一行あたりの文字数がほどよくなり、読者さんの視線の移動が少なくて済みます。これは、「疲れさせないおもてなし」の一つです。

特に、僕たちが心を込めて綴る「メッセージ性の強い文章」や「個人的な体験談」は、少し狭めの、ギュッと凝縮された空間の方が、より深く読者さんの心に届くような気がしています。

スマホ時代の「間取り」の考え方

今の時代、お城を訪れる方の多くはスマホという「小さな窓」から覗いています。
「パソコンでの横幅設定を変えても、スマホには関係ないのでは?」と思われるかもしれませんが、実は全体の統一感や、パソコンで見た時の「第一印象」は、お城のブランド(品格)として読者さんの記憶に残ります。

「パソコンでもスマホでも、同じように読みやすい」。そんな「誰一人置き去りにしないお城」を目指して、数値を変えながら自分なりの正解を探してみる。この試行錯誤こそが、お城への愛着に繋がるのです。

💡ひろおじの “寄り添い” アドバイス

数字の正解を探して検索の旅に出てしまいますが、実は「あなた自身がスマホやパソコンでお城を見て、どう感じたか」が一番の正解なんです。

文字を目で追ってみて、少しでも「長いな、疲れるな」と感じたら、それはお城が「もう少し狭くして」とサインを出しているのかもしれません。

自分の目で確かめて、自分の感覚を信じて決めた間取り。それこそが、世界でたった一つの「最高に居心地の良いお城」を作るための、たった一つのルールなんですよ。

読者が心地よいと感じる「一行の文字数」と時代の流れ

お城(ブログ)の横幅を考えるとき、一つの大きな目安になるのが「一行に何文字並ぶか」という視点です。

推奨されるのは「一行40〜60文字」の心地よさ

一般的に、パソコンで文章を読むとき、一行が40〜60文字程度だと、視線がスムーズに左から右へ流れ、疲れにくいと言われています。
これより長すぎると、次の行の行頭を探すのが大変になりますし、短すぎると視線の折り返しが頻繁になり、せわしない印象を与えてしまいます。不器用な僕たちは、まずこの「40〜60文字」という基準を、お城の居心地を測る「物差し」にしてみましょう。

ブログの「種類」によって、理想の広さは変わる!

実は、お城で何を語るかによっても、最適な文字数は変わってきます。

  • ニュースやノウハウ記事: 情報量が多いので、少し広めの幅でテンポよく。
  • エッセイや日記: 語りかけるような文章なら、少し狭めて「お手紙」のような親密さを。

あなたのお城が、読者さんとどんな会話をしたいのか。それによって、理想の間取り(幅)も自ずと決まってくるのです。

当サイトの設定と、変わりゆく時代の波

現在、当サイトでは「1140px」に設定しています。かつてはもっと狭い設定が主流でしたが、最近はパソコンの画面自体が大きくなり、時代は「ワイド化(広め)」へと向かっています。

昔ながらの窮屈なお城よりも、少しゆとりを持たせた広めのお城の方が、今の読者さんには「開放感があって心地よい」と感じてもらえる。そんな時代の空気感も、ほんの少しだけ意識してみると面白いですよ。

ちなみに、当サイトの一行あたりの文字数は、40文字でした。

フォントの設定はこんな感じ!

フォント設定

🚩 ひろおじ編集室の「ここだけの話」

「40文字って、全角かな?半角かな?」なんて細かく悩みすぎて、手が止まってしまうことがあります。

でも、一番大切なのは「あなたが自分のお城の記事を読んでみて、リズム良く読めるか」という感覚です。推奨される数字はあくまで「お守り」のようなもの・・。

お茶を飲みながら自分の記事を眺めてみて、「あ、今のリズム、すごく心地いいな」と思えたなら、それが数字を超えたあなただけの「正解」なんですよ。

SWELLのサイト幅(横幅)を変更する方法

お城の間取りを決める決心がついたら、次は実際に「壁の位置」を動かしてみましょう。SWELLなら、難しい工事(コード)は一切不要。管理画面のスイッチを切り替えるだけで、一瞬にしてお城の広さが変わります。

1,サイト幅の設定方法

お城全体の基本となる幅は、以下の場所で調整します。

「外観」>「カスタマイズ」>「サイト全体設定」>「基本デザイン」

サイト幅の設定

ここにある「サイト全体の最大横幅」という項目に、あなたが決めた理想の数値(例:1100pxなど)を入力するだけです。
数値を書き換えるたびに、右側のプレビュー画面でお城の広さがスッと変わるはずです。「うん、このくらいが落ち着くかな」と、自分の目で確かめながら調整してみてください。

2,サイドバーの幅も調整できます!

メインの広さを変えたとき、より細かい設定をするなら、サイドバーとのバランスも見てあげましょう。あまりにサイドバーが太すぎると、せっかくのメインのお話が窮屈になってしまいますからね。

当サイトでは、サイドバーの幅も変更してあります。

これも個人的に「もうちょっとサイドバーの幅が広い方が良いな」と思って少し広げてみました。

SWELLのデフォルトでは、サイドバーの横幅は、304pxになっていると思われますが、334pxに設定してあります。

  • サイト全体の幅は、1200pxから1140pxに
  • 1140px全体に対して、サイドバーを30px大きくして334pxに
  • これにより、メインコンテンツは、デフォルトより90px小さくなります。(多分)

全体で見るとこんな感じになっていると思われます。(多分・・・)

当ブログのサイト幅の概要

サイドバーのサイズの変更は、CSSで行う必要があるのですが、何分、CSSに関しては全く無知で、万が一のご迷惑をおかけしてもいけませんので、やり方の表示は控えておきます。

ブログの横幅には、サイドバーも関係してくることを知ったところ…。

🗺️ ひろおじ編集長の「お城の模様替え」メモ

「数値を10px変えただけで、何かが壊れてしまうんじゃないか」と心配になりますが、大丈夫。納得がいくまで、何度でもやり直していいんです。

もし迷ったら、まずは一度「1100px」や「1200px」といったキリの良い数字にして、数日過ごしてみてください。

実際にそのお城で記事を書いたり、読んだりする中で、「もう少しだけ広いほうがいいかな?」と感じたときが、本当の微調整のタイミング。

数字に振り回されるのではなく、あなたの「居心地」という最高のセンサーを信じて、ゆっくりとお城を育てていきましょう。

正解はないからこそ、あなたとお城の「ちょうどいい」を

ひろおじ

お疲れ様でした。お城(ブログ)の横幅という、シンプルながらも奥が深いテーマについて、一緒に考えてきましたね。

結局のところ、サイト幅に「絶対にこうしなければならない」という法律はありません。最後に、自分なりの「間取り」を決めるためのヒントを振り返りましょう。

  • 王道の1200px: 写真や図解が多く、ゆったりと開放感のあるお城にしたい時。
  • 少し狭めの設定: 文章をじっくり読んでほしい時や、読者さんの視線の疲れを減らしたい時。
  • 「自分」が一番の基準: 数値に縛られず、自分のスマホやパソコンで見て「心地よい」と感じるかどうか。

お城の横幅を微調整するのは、「読者さんが座る椅子の位置を、一番景色の良い場所に直してあげる」ような、主(あるじ)の優しい心配りです。

50代・60代、シニア世代は、設定一つ変えるのにも「これでいいのかな?」と迷ってしまいます。でも、その迷いこそが、お城をより良くしたいという愛情の証。一度決めた後でも、季節や気分に合わせて、また模様替えするように変えてみたっていいんです。

🍵 ひろおじの「お茶の間、最後の一息」

最後まで読んでくださり、本当にありがとうございます…😄。

サイト幅をあれこれ悩むのは、あなたが自分のお城を「ただの情報の置き場」ではなく、「大切な人を招くリビング」だと考えているから。その感性を、どうか大切にしてください。

最新の技術や流行には疎いかもしれません。でも、「ここに来てくれた人に、少しでもリラックスしてほしい」という願いは、どんなおしゃれなデザインよりも強く読者の心に響きます。

自分の目で見て「うん、これが一番落ち着く」と納得して決めた幅。それが、あなたのお城にとっての、世界で一番の正解なんですよ。

さあ、心地よく整ったお城で、次の一歩を踏み出していきましょう!

🏁 まだお城を建てる前の方が人生の第2幕をスタートするには?

さて、「SWELLのサイト幅(横幅)はどうしていますか?」が理解できたところで、あなたには、それを形にする『お城(ブログ)の準備』はできていますか?

ひろおじ

不器用な僕でも、手順通りに進めたら自分だけのお城が建ちましたよ! 失敗のない「人生の第2幕」、ここから一緒にスタートしてみませんか?

📌 マニュアルは、コチラ!

🚀 【最短ルート】「いつか」を「今日」に変える10分間!

【 重要 】

👉〔【2026】WordPressを始める手順|シニアが最短でゼロから公開までの全ステップ

難しいことは全てマニュアルに任せてください。あなたはただ、ワクワクする気持ちだけ持ってきてくれれば大丈夫です!

SWELLのサイト幅(横幅)はどうしていますか?心地よいお城の間取りを考える【雑談】でよくある Q&A

サイト幅を変えたら、過去に貼った大きな画像がはみ出したりしませんか?

ご安心ください。SWELLがお城の壁(サイト幅)に合わせて、画像も自動で「ちょうどいい大きさ」に収めてくれます。不器用な僕たちが心配しなくても、SWELLが裏でしっかり守ってくれますよ。

幅を狭くすると、広告のバナーが表示されなくなることはある?

極端に狭く(例えば500pxなど)しない限り大丈夫です。一般的な「900〜1200px」の間であれば、広告も行儀よく並んでくれます。

スマホで見ている人には、この設定は全く関係ないの?

スマホは画面いっぱいに表示されるので直接は関係ありません。ですが、パソコンで見た時の「ゆとり」や「品格」はお城の信頼感に繋がります。主(あるじ)としての「身だしなみ」ですね。

サイドバーの幅は、何pxくらいがおすすめ?

一般的には「300px」前後が使いやすいです。これなら標準的なバナー広告も綺麗に収まり、お城の離れとして立派に機能してくれます。

サイト幅を広げると、SEO(検索順位)に有利になる?

直接的な影響はありません。でも、読みやすくなって滞在時間が伸びれば、間接的にお城の評価が上がることは十分にあり得ますよ。

1100pxと1200px、たった100pxの違いでそんなに変わる?

意外と変わるんです!文字にすると「一行あたり2〜4文字」の差ですが、記事全体で見ると「読みやすさのリズム」がガラリと変わります。

有名ブロガーさんと同じ幅に設定すれば間違いない?

お手本にするのは素敵ですが、その方の文章量や写真の使い方があなたと違うことも。最後は自分のお城に立って、自分の目で確かめるのが一番です。

記事ごとに横幅を変えることはできる?

SWELLには「フルワイド」などの機能もありますが、基本的にはお城全体で統一するほうが、読者さんは安心して歩き回れます。

一度決めたら、もう変えないほうがいい?

そんなことはありません!お城の成長に合わせて「もう少し広くしようかな」と模様替えするのも、運営の楽しみの一つですから。

設定を変えたのに、プレビューが変わらない時は?

「保存」ボタンを押してから、一度実際のページを読み直してみてください。それでもダメなら、少し時間を置いて「お城の深呼吸(キャッシュクリア)」を試してみましょう。

🗺️ ブログのリライトのコツ!

「記事を公開したのに、思ったように読まれない…」

そんな壁にぶつかること、ありますよね。

でも実は、ブログは“公開して終わり”ではありません。むしろそこがスタート地点。あとから見直して手を加えていくことで、記事の魅力はぐっと高まっていきます。

とはいえ、「どこを直せばいいの?」と悩んでしまうのも自然なこと。リライトは間違いを探す作業ではなく、より伝わりやすく整えていくための前向きな見直しです。

僕自身も、過去の記事を振り返りながら「こうすればもっと分かりやすかったな」と気づくことがたくさんありました。その積み重ねが、少しずつ読まれる記事へと変わっていったんです。

この記事では、初心者の方でもすぐ実践できる“記事の磨き方”のポイントを、シンプルに解説していきます。

一から書き直す必要はありません。
今ある記事にひと工夫を加えるだけで、読者さんに届く力はしっかり育っていきますよ。✨

また「SWELLのサイト幅(横幅)はどうしていますか?心地よいお城の間取りを考える【雑談】」が読み終わりましたら、次は、「【画像付き】ロングテールキーワードの探し方|シニアでも無理なく読まれる記事を作る3ステップ」を確認してみましょう。

詳しい内容は下記の記事で紹介しているので、あわせて読んでみてくださいね!

よかったらシェアしてね!
目次