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

SWELLでの記事LPページの作り方(おしゃれ編)|お城に「最高の特設展示室」を迎えよう

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

力が入っているページだけ、もっとドラマチックに伝えたいのじゃ…。いつもと違う特別な空間は作れないかな?

チョイじじ

『LP(ランディングページ)』ってよく聞くけど、僕にはハードルが高そうだな……。

お城(ブログ)を運営していると、ときどき「これは本当に自信を持っておすすめしたい!」という運命の逸品に出会うことがありますよね。そんなとき、いつもの記事と同じレイアウトでは、その魅力が十分に伝わりきらないこともあります。

そこで活躍するのが、SWELLの「LP制作機能」です。

これは言わば、お城の中に作る「期間限定の豪華な特設展示室」。余計な装飾を削ぎ落とし、あなたが伝えたい物語だけに読者さんが集中できる、究極のおもてなし空間です。

「デザインのセンスがないから……」と諦める必要はありません。SWELLという魔法の道具を使えば、パーツを並べていくだけで、まるでプロが仕立てたような「おしゃれで、心動かすページ」が完成します。

今回作成してみるページは、コチラです

一見プロが作ったような見栄えですが、SWELLですとこのくらいなら簡単にできてしまいます。
ただちょっと綺麗な画像があったほうが、雰囲気はでますよ!

🚩 この記事で一緒に解決すること…
  • LPの正体: 普通の記事とは何が違う? 読者を「主役」にする空間づくり。
  • おしゃれの準備: 特別なスキルは不要! 素敵なページを作るための「三種の神器」。
  • 実践!特設展示室づくり: SWELLの機能をフル活用して、理想のLPを組み立てる手順。

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

LPを作るのは、「大切なお客様のために、特別な招待状を送る」ようなものです。

兎角、おしゃれにしようと頑張りすぎて、色や装飾を盛り込みすぎてしまいがち・・。でも、本当に大切なおもてなしは、伝えたいものを「真っ直ぐ、綺麗に見せること」にあります。

主(あるじ)であるあなたが、読者さんの歩く道を整え、最後に「こちらへどうぞ」と優しく背中を押してあげる。その優しさが形になったものが、最高のLPなんです。

難しく考えず、まずはあなたのお城の中に、新しい「ワクワクする部屋」を作る気持ちで始めてみませんか?

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

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

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

【 重要 】

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

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

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

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

目次

SWELLのLP(ランディングページ)とは?|お城の「特別な離れ」の正体

「LP(ランディングページ)」と聞くと、なんだか商売っ気が強くて難しそうなイメージを持つかもしれません。でも、SWELLで作るLPは、もっと温かいものです。

それは、お城(ブログ)のメインルートから少し離れた場所に建てる、「一つの目的のためだけに用意された美しい離れ(特設会場)」のようなもの。

通常のお城のページには、サイドバーやカテゴリーメニューなど、読者さんが自由に歩き回れるための「案内板」がたくさんありますよね。それはそれで親切なのですが、「この商品の魅力だけを真っ直ぐ伝えたい!」という時には、それらが少しだけノイズ(雑音)になってしまうこともあるのです。

SWELLのLP機能を使うと、以下のものがスッキリと取り払われます。

  • ヘッダーやフッター(お城の入り口と出口)
  • サイドバー(横にある案内板)
  • 余計なメニューやボタン

これらをあえて隠すことで、読者さんはあなたが綴る物語に、最後までじっくりと耳を傾けることができる。つまり、「読者さんと一対一で深くお話しするための、静かで贅沢な空間」。それが、SWELLのLPなのです。

「ランディングページって、いろんな使い方ができるんだな・・」って、考えているところ…。

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

「普通の記事でもいいんじゃないかな?」と妥協してしまいがちですよね!でも、本当に大切なお勧めをするときは、お城の喧騒から離れて、静かな場所で丁寧にお話ししたいものです・・。

LPを作るのは、決して「無理に売るため」ではありません。読者さんが迷子にならないように、「一本の美しい道」を敷いてあげる優しさなんです。

あなたが、この特別な「離れ」を整えることで、読者さんは「あ、今はこれに集中していいんだな」と安心してあなたの言葉を受け取れるようになりますよ。

おしゃれな特設会場(LP)を作るための「三種の神器」

プロのようなデザインを目指すといっても、難しい技術を習得する必要はありません。大切なのは、お城の離れを彩るための「素材」と、それを活かす「道具」を揃えておくことです。

1,心を動かす「メインの大きな絵(キービジュアル)」

LPの入り口となる一番上の画像は、お城の顔です。ここがボヤけていると、読者さんはすぐに帰ってしまいます。
高画質なフリー素材サイト(UnsplashやO-DANなど)で、あなたの物語にぴったりの一枚を探しましょう。不器用な僕たちは、「文字を入れすぎない、余白のある写真」を選ぶのが、おしゃれに見せる近道です。

小奇麗な画像4枚程あるといいですね!(横幅を1600pxぐらい大きくしておいてください)

2,読者の目を引く「SWELLの専用ブロック」

SWELLには、LPを豪華に彩るための「魔法のパーツ」が最初からたくさん入っています。

  • 画面いっぱいに広がる「フルワイドブロック」
  • 躍動感を生む「アニメーション」
  • 思わず押したくなる「キラリと光るボタン」

これらをどこに配置するか、あらかじめ「ここでおもてなしをしよう」と想像を膨らませておきましょう。

3,清潔感を生む「配色(テーマカラー)」の統一

おしゃれなページにする最大の秘訣は、色を使いすぎないことです。
メインの色を1色、アクセントになる色を1色。それ以外は、お城の基本である白と黒(グレー)に任せましょう。色が整っているだけで、お城の品格はグッと上がります。

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

気合が入るとつい「あれもこれも」と飾りを増やしてしまいがち。でも、おしゃれの基本は引き算です。

豪華なシャンデリア(派手な装飾)をいくつも飾るより、「一輪の美しい花(素敵な写真)」と「清潔なテーブル(整った文章)」があれば、それだけで立派な特設会場になります。

読者さんの視線がどこに向くかを考えて、あえて「余白」を大切にする。その心の余裕が、ページ全体の「おしゃれな空気感」を作り出していくんですよ。

SWELLでLPを作ってみよう!|理想の空間を組み立てる手順

さあ、設計図(構成)と素材が揃ったら、実際にお城の「離れ」を建築していきましょう。SWELLなら、通常の記事を書くのと同じ感覚で進められますよ。

今回作成してみるページは、コチラです

👉① 大枠の設定方法

STEP
LPの新規ページを立ち上げます。
  • 「ダッシュボード」「LP」「新規投稿を追加」
  • タイトルは、「LP練習」とでも入れておきましょう。
LPの新規ページを立ち上げ
STEP
右上部「設定」から以下のように設定
  • コンテンツの最大値・・・各サイトで見た目が変わります。900~1200pxで調整してください。(他のページには干渉しないので、安心してください)
  • コンテンツの囲み枠・・・なし
  • アイキャッチ画像の表示設定・・・非表示
  • タイトルの表示設定・・・非表示(①でLP練習用と入力しましたが、非表示にしておきます。)
  • SWELLのスタイルを適用するか・・・適用する
  • ヘッダー・フッター設定・・・どちらも使用するにチェック
LPページの設定
STEP
設定は、以上です

👉 ② 一つ目の画像を配置する

STEP
ブロック挿入ツール切り替え
ブロック挿入ツール切り替え
STEP
フルワイドを選択
フルワイドを選択
STEP
画像を挿入します。
  • 右の設定から「メディアから選択」で一番上に表示したい画像を選択します。
LPへ画像を挿入
STEP
画像を挿入したら、詳細設定します
  • コンテンツを「フルワイド」
  • PC(パソコン)のPADDING量は80
  • SP(スマホ)は、パソコン用が完成したあと調整されることをオススメします。
  • 挿入した旅客機の画像の色と表示される画像の色が違うのは、オーバーレイカラーで調整しているからです。
画像の詳細設定
STEP
プレビューで見るとこんな感じ
  • 出来上がりに比べて縦幅が小さい場合は、後で画像を入れて調整します。
  • 下に文字で練習と入っていますが、何もないとフッターにひっついてしまうので、フッターとの間を空けているだけです。
画像一枚目のプレビュー

👉 ③ 旅客機の下の青い線を入れる

STEP
一枚目の画像の下に同じくフルワイドブロック
  • 1枚目の画像の下に段落を設け、フルワイドブロックを挿入。以下その右上部の設定。

以下のような設定にしてみました

  • PADDING量は0
  • 背景は、このサイトのメインカラーに合わせてみました。
  • 上下の境界線の形状で、ブロックの形を決めます。
仕切りの設定
STEP
プレビューで見るとこんな感
  • 下部が波のようになっています。形や大きさは変えられますので、お好きにどうぞ!
仕切りのプレビュー
STEP
「見出し」を段落に変更
見出しを段落へ
  • フルワイドブロックの入力画面では、挿入の仕方によって「見出し」と表示されている場合があります。これは「h2見出し」としてブロックが使える便利なものですが、この場合のように「h2見出し」として使わないのであれば、「空白見出し」になってSEO上よくありません。
  • 見出しボタンから「段落」を選択。
STEP
このようになっていれば大丈夫
見出しから段落に変わった画像

👉 ④ 二枚目の画像を配置する

STEP
同じようにフルワイドブロックを挿入
  • 下部の段落を設け、同じようにフルワイドブロックを挿入
  • 二枚目の画像も一枚目と同じやり方で挿入します。
STEP
詳細設定します
  • 以下のように設定
  • 背景効果を固定背景に設定・・・画像が固定され、スクロールすると動いて見えるような仕組み(PCでは動いていますが、自分のSP(スマホ)では効果が確認できませんでした)
二枚目の画像の設定
STEP
プレビューで見るとこんな感
プレビューを確認

👉 ⑤ 一番下の見出しを入れてみる

STEP
見出しブロック挿入
  • 「【このページは、参考資料です】SWELLのLPページの作り方」という見出しブロックを設置してみます。
  • 上部と同じように段落を設けフルワイドブロックを挿入
STEP
詳細設定します
  • こんな感じで設定してみました
見出しの設定
STEP
見出し文字入力
  • 今回は見出しとして使うので、ここに文字を入力します。文字色も変えれますよ!
見出し文字入力
STEP
プレビューで見るとこんな感じ
チョイジジ

だいぶいい感じになってきたね!

プレビューで確認

👉 ⑥ 最初の画像に文字と画像を重ねる

STEP
カラムブロックを利用
  • 「ブロック挿入ツールを切り替え」から、「カラム」を選択
  • 文字と今回は、アイキャッチ画像を両側へ配置
  • これにより画像の縦幅が大きくなりました。
カラムブロック挿入
STEP
プレビューで見るとこんな感じ
  • 全体をプレビューでみてみます。
プレビューで確認

中盤以降は、形を変えたり大きさを変えたりしているだけなので、応用すれば簡単に作成することができます。

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

真っ白なキャンバスを前にすると「何をどこに置けばいいの?」と固まってしまいがち・・。

そんな時は、まず「自分が感動した他のお城のLP」をじっくり眺めてみてください。「あ、ここで色が変わるんだな」「ここにボタンがあると押しやすいな」という主の意図が見えてくるはず。

その「心地よさ」を自分なりに真似て、自分のお城に合わせて調整していく。そうして一歩ずつ完成に近づけていく過程こそが、お城作りで一番楽しい時間なんですよ。

SWELLで、あなただけの「最高のおもてなし」を形にしよう

ひろおじ

お疲れ様でした。SWELLの機能を活用した、おしゃれな記事LP(ランディングページ)の作り方、いかがでしたでしょうか。

「自分には難しいかな」と思っていた方も、パーツを組み合わせていくうちに、いつの間にか自分だけのおしゃれな空間が出来上がっていく楽しさを感じていただけたなら幸いです。

最後に、おしゃれなLPを育てるためのポイントをおさらいしましょう。

  • 「引き算」の美学: 余計なメニューを隠し、読者さんが迷わない一本道を敷く。
  • 素材にこだわる: 目を引く一枚の写真が、お城の風格を劇的に高める。
  • 一対一の対話を大切に: 広告を並べるのではなく、主(あるじ)としての熱い想いを丁寧に綴る。

LPは一度作って終わりではありません。読者さんの反応を見ながら、お花の植え替えをするように少しずつ言葉や配置を整えていく。その積み重ねが、お城の「離れ」をより魅力的な場所に変えていきます。

特別なページを、「ランディングページで作ってみよう・・」と考えているところ…。

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

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

僕たちがLP作りに挑戦するのは、少し勇気がいることかもしれません。でも、その一歩を踏み出したのは、あなたが「届けたい誰か」のことを、誰よりも真剣に考えているからです。

50代・60代、シニア世代が、スマートに売ることは下手かもしれません。でも、泥臭く、けれど美しく整えられたページからは、あなたの真心が必ず伝わります。

あなたが心を込めて作ったその特設会場は、訪れた読者さんにとって「ここに来てよかった」と思える、特別な体験になるはずですよ。

さあ、完成したばかりの美しい離れに、大切なお客様を自信を持ってお迎えしましょう!

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

さて、「SWELLでの記事LPページの作り方」が理解できたところで、あなたには、それを形にする『お城(ブログ)の準備』はできていますか?

ひろおじ

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

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

🚀 【最短ルート】未来のあなたを支える「一生モノの資産」作り!

【 重要 】

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

今日綴る一文が、数年後のあなたを助ける大きな力に変わります。不器用な僕と一緒に、ゆっくりと「宝の山」を築いていきましょう。

SWELLでの記事LPページの作り方(おしゃれ編)|お城に「最高の特設展示室」を迎えようでよくある Q&A

LPをたくさん作ると、お城(サイト)が重くなりませんか?

ご安心ください。SWELLは非常にスマートに設計されているので、数ページ増やしたくらいで重くなることはありません。安心しておもてなしの部屋を増やしてくださいね。

LPにも「サイドバー」を表示させることはできる?

設定で出すこともできます。ですが、LPの本来の目的は「迷わせないこと」。特別な理由がない限り、サイドバーは隠して、主(あるじ)のお話に集中してもらうのが吉ですよ。

スマホで見た時に画像がはみ出さないか心配です。

SWELLの「フルワイドブロック」などは、スマホの小さな画面にも自動で寄り添ってくれます。公開前に、一度自分のスマホで「お客様の視点」を確認してみるだけで十分です。

LPのデザイン、途中でガラッと変えても大丈夫?

もちろんです!お城の模様替えと同じで、何度でもやり直しがききます。季節やキャンペーンに合わせて背景色を変えるのも、主(あるじ)らしい粋な演出ですね。

LPにお問い合わせフォームを置いてもいい?

ぜひ置いてください!読者さんが「主(あるじ)に相談したい」と思ったその瞬間に、そっと窓口を用意しておくのは、最高のおもてなしになります。

LPを作ったら、お城の「新着記事一覧」に載っちゃうの?

いいえ、基本的には載りません。LPは「独立した離れ」なので、主(あるじ)がどこかにリンクを貼らない限り、ひっそりと佇んでいます。だからこそ、じっくり時間をかけて作り込めるんです。

おしゃれにするために、有料の画像素材を買うべき?

最初は無料素材(O-DANなど)で十分です!「高い素材」を使うことよりも、「ページの雰囲気に合っているか」を考える主(あるじ)の眼差しの方が、ずっと大切ですよ。

文章が長くなりすぎて、読者さんが疲れちゃうかも…。

そんな時は「SWELLの区切り線」や「背景色の切り替え」を使ってみてください。お城の廊下に休憩所を作るような感覚で余白を入れると、スラスラと読めるようになります。

LPには目次って必要ですか?

長いLPならあった方が親切ですが、あえて「目次を置かない」という選択もあります。一編の物語を読むように、上から順に没入してほしい時は、目次を隠して「主(あるじ)との対話」に集中してもらいましょう。

頑張って作ったLP、誰にも見てもらえなかったら悲しい。

大丈夫。まずはいつものお城の目立つ場所(メニューや記事下)に「小さな案内板」を置いてみましょう。あなたの熱意がこもった特設展示室なら、きっと誰かが足を止めてくれますよ。

🗺️ 不器用でも迷わず書ける、魔法の文章構成術とは・・?

「頑張って書いているのに、“結局何が伝えたいの?”と言われてしまう…」

そんな経験、ありませんか?

せっかく積み重ねてきた知識や体験も、順番や伝え方が少しズレるだけで、相手にうまく届かないことがあります。僕も以前は、思いついたことをそのまま並べてしまい、途中で話の行き先を見失うことがよくありました…。

ですが、文章には“迷わず進める道しるべ”のような型があります。

それが「PREP法」というシンプルな構成です。

この流れを意識するだけで、伝えたいことがスッと整理され、読み手にも理解しやすい文章に変わっていきます。まるで、散らばっていた言葉が一本の線でつながるような感覚です。

この記事では、難しい理論に頼らず、誰でもすぐに取り入れられるPREP法の使い方を、やさしく解説していきます。

読み終えた頃には、「どう書けば伝わるか」が自然と見えてくるはずですよ。📝✨

また「SWELLでの記事LPページの作り方(おしゃれ編)|お城に「最高の特設展示室」を迎えよう」が読み終わりましたら、次は、「【最新】ブログのリード文(導入文)の書き方|シニアでもできる「3つの型」で読者の心をつかむコツ」を確認してみましょう。

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

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