【特典付き】ライブドアブログでまとめサイトの作り方を0から徹底解説！
本記事へのアクセスありがとうございます。
ITエンジニアとして働いているheroと申します。詳しい活動内容や経歴に関しては、以下をご覧ください。
早速ですが、この記事を読んでくださっている「あなた」は、ライブドアブログ（livedoor Blog）でまとめサイト（まとめブログ）の運営を開始しようとしている方ではないでしょうか？
その際に、以下の悩みや疑問を抱いたことはないでしょうか？
・ライブドアブログの登録方法がわからない！アカウント作成から必要？
・まとめサイトの作り方がイメージできない！自分でデザイン作成が必要？
・ライブドアブログでまとめサイトをするにはそもそも何をすれば良い？
筆者もライブドアブログでまとめサイトを運営しており、「ライブドアブログでまとめサイトを始めたいけど始め方が分からない」と悩んだ経験があります。
どうしてもライブドアブログでまとめサイトを始めたく、0からインターネット調査を実施したことがあります。本記事では、その調査および実践を通して把握した作り方を詳しく解説します。
先ほど記載した以下の「悩み」をお持ちな「あなた」にとって、本記事が少しでも手助けになれば幸いです。
・ライブドアブログの登録方法がわからない！アカウント作成から必要？
・まとめサイトの作り方がイメージできない！自分でデザイン作成が必要？
・ライブドアブログでまとめサイトをするにはそもそも何をすれば良い？
それでは、以降で順番にご紹介していきます。
そもそもまとめサイトとは？【情報を集約したサイトのこと】
まとめサイトとは、「2ちゃんねる(5ちゃんねる)といった電子掲示板サイトのスレッド」や「X(旧Twitter)といったSNSの投稿群」から、役に立つもの、興味深いもの、話題性のあるものなどを選び、適切なレスや投稿を選択したり体裁を整えたりし、ブログに掲載しているサイトのことです(下図参照)。
ちなみに、まとめサイトの別名として以下が挙げられます。
【まとめサイトの別名】
まとめブログ、まとめ速報、コピペブログ、2ちゃんねるまとめ、5ちゃんねるまとめ、2chまとめ、5chまとめ、Twitterのまとめサイト、ネットのまとめサイト、まとめ系サイト
2chまとめサイトのまとめ記事の作り方、方法、便利ツールに関して知りたい方は、以下の記事をご覧ください。
>> 【初心者向け】まとめサイトとは？特徴から超楽な作り方までを解説
本記事では、ライブドアブログを使ったまとめサイトの始め方（アカウント作成からデザインカスタマイズまで）に関して解説していきます。
ライブドアブログでのまとめサイトの作り方
以下を順番に実施することでライブドアブログでまとめサイトを作ることができます。
ライブドアブログを開設
2ch/5chまとめサイト向けのデザインを適用
PC向けにデザインをカスタマイズ
スマホ向けにデザインをカスタマイズ
PCとスマホ向けの共通設定の変更
以降で、上記手順に関して解説します。
ライブドアブログを開設
まずは、livedoorユーザーの登録をしましょう。ライブドアブログを開設するためには登録が必須となっています。
livedoorユーザーの登録をするために、Webブラウザを起動し、以下のURLにアクセスしてください。
アクセス後、「livedoor ID」「パスワード」「パスワード(確認)」「メールアドレス」を入力した後に、ページ末尾にある「ユーザー情報を登録」をクリックします。
【補足】
livedoor IDは任意文字列で問題ないです。livedoor IDに決めた文字列がライブドアブログのブログURLに使われるというわけではないため、適当な文字列で問題なしです。
クリック後、入力したメールアドレスに「livedoor メールアドレスの認証」という件名のメールが送られてきます。メール内に記載されたURLをクリックしましょう。
認証終了後、ライブドアブログの新規作成が可能となります。以下のURLにアクセスし、ライブドアブログの新規作成の画面を表示します。
アクセス後、「ブログのタイトル」「URL」「画像認証」に適切に入力します。
【補足】
「ブログのタイトル」と「URL」は、後からでも変更できます。そのため、今思いつかない場合は、適当な文字を入力し、次に進みましょう。
無事に新規作成が終わると、下図のような管理画面を開けるようになります。
【ブログの管理画面のURL】
https://livedoor.blogcms.jp/blog/登録したlivedoor ID/config/
2ch/5chまとめサイト向けのデザインを適用【おすすめテーマは1つ】
2ch/5chまとめサイトのよく見かけるデザインとして、以下のデザインがあります。
上図「よく見かけるまとめサイトのデザイン」に酷似したテンプレートが、ライブドアブログでは配布されています。
テンプレート適用後、運営者が手動で細部を自由にデザインカスタマイズすることで、ライブドアブログのまとめサイトを完成させることができます。
ということで、まずは、先ほど記載した「ブログの管理画面のURL」にアクセスし、「デザイン／ブログバーツ設定」配下にある「PC」をクリックしてください(下図参照)。
クリック後、「デザイン選択」タブをクリックし、「まとめ（グレー）」を見つけクリックした後に「実行」ボタンをクリックしましょう。
以上の操作により、PCで表示した際のサイトが「よく見かけるまとめサイトのデザイン」に酷似したデザインとなります。
続いて、「デザイン／ブログバーツ設定」配下にある「スマートフォン」をクリックしてください(下図参照)。
クリック後、「デザイン選択」タブをクリックし、「ビジネス」タブ内にある「法人用テンプレート」をクリックしましょう。
以上の操作により、スマホで表示した際のサイトが「よく見かけるまとめサイトのデザイン」に酷似したデザインとなります。
PC向けにデザインをカスタマイズ
先ほどのテンプレート適用により、ライブドアブログをまとめサイトとして運用できる状態になっています。
しかし、他のまとめサイトと差別化するために、ご自身でPC向けデザインをカスタマイズしたいという場面があるかと思います。
その場合は、「デザイン／ブログバーツ設定」配下にある「PC」をクリックしてください(下図参照)。
クリック後、「カスタマイズ」「メニューバー」「ブログパーツ」「タイトル／背景」のタブ内にて、ご自身でデザインをカスタマイズできます。
【注意点】
「カスタマイズ」タブで細かいデザインを修正する際には、HTMLやCSSのスキルが必要です。
ただし、スキルに自信がない場合でもご安心ください。本記事を購入いただければ、「サラリーマンまとめ速報」のHTMLとCSSを公開しており、それをコピペするだけで簡単にデザインをカスタマイズできます。
スマホ向けにデザインをカスタマイズ
先ほどのテンプレート適用により、ライブドアブログをまとめサイトとして運用できる状態になっています。
しかし、他のまとめサイトと差別化するために、ご自身でスマホ向けデザインをカスタマイズしたいという場面があるかと思います。
その場合は、「デザイン／ブログバーツ設定」配下にある「スマートフォン」をクリックしてください(下図参照)。
クリック後、「カスタマイズ」「レイアウト」「メニューバー」のタブ内にて、ご自身でデザインをカスタマイズできます。
【補足】
PC向けのデザインカスタマイズとは異なり、特にHTMLやCSSのスキルは求められません。
ただし、項目が多いため戸惑うことがあるかと思います。
本記事を購入いただければ、「サラリーマンまとめ速報」の設定を公開しており、それを参考にデザインをカスタマイズできます。
PCとスマホ向けの共通設定の変更
最後に、PCとスマホ向けの共通設定を実施しましょう。実施するために、「基本設定」配下にある「基本設定」をクリックしてください(下図参照)。
クリック後、「トップページの表示件数」などの表示設定を変更することができます。
以上の手順を順番に実施していくことで、ライブドアブログをまとめサイトとして運営できる状態になりました。
よくある質問（FAQ）
続いて、ライブドアブログのまとめサイトの作り方に関する様々な疑問を解説していきます。筆者も0から作成する上で、様々な疑問や質問を抱きました。
ここでは、以下のよくある疑問や質問に対して、筆者の調査および実体験を通して得た知見をもとに解説していきます。
ライブドアブログをまとめサイトとして使う理由は？
ライブドアブログでまとめサイトを運営する上での注意点
ライブドアブログでまとめサイトを作る際に必要なスキルは？
デザインのカスタマイズに必要な時間は？
ライブドアブログをまとめサイトとして使う理由は？
使う理由としては、主に以下が挙げられます。
無料で利用できる
ライブドアブログは基本的に無料で利用可能であり、初期費用や運営コストを抑えることができます。カスタマイズ性の高さ
ライブドアブログはHTMLやCSS、JavaScriptを自由に編集できるため、まとめサイトに特化したデザインや機能を独自に実装できます。例えば、広告の設置や関連記事の表示などができます。まとめサイト向けの運営がしやすい
ライブドアブログは、画像の貼り付けや記事の編集が直感的に行えるエディタを提供しており、HTMLやCSSを意識することなくまとめサイトの記事作成ができます。アクセス集中時の耐久性
まとめサイトは一時的に大きなアクセスが集中することがありますが、ライブドアブログは運営側がサーバーを管理しているため、個人でサーバーを用意する場合に比べて負荷耐性が高いです。収益化のサポート機能が充実
ライブドアブログはGoogle AdSense(グーグルアドセンス)やAmazonアソシエイトなどの広告を簡単に設定できる機能を提供しています。
ライブドアブログでまとめサイトを運営する上での注意点
ライブドアブログには、ガイドラインが存在します。
上記の「禁止事項」（例：アダルトジャンルの広告掲載）に違反すると、ライブドアブログの運営サイトが停止される可能性がありますので、注意が必要です。
ライブドアブログでまとめサイトを作る際に必要なスキルは？
まとめサイトのPC向けデザインをカスタマイズしたい場合、以下のスキルが必要不可欠となります。
【必須スキル】
・HTML：新規に項目を追加したり文言を修正したりする場合に必要
・CSS：項目／文言の色や文字の太さなどを修正したい場合に必要
また、以下のスキルも場合によっては必要となります。
【任意スキル】
・JavaScript：Google Adsenseで収益化したい場合に必要
デザインのカスタマイズに必要な時間は？
以下に筆者の場合の所要時間を記載いたします。
【デザインのカスタマイズにかかった時間】
・PC向けデザインのカスタマイズ
所要時間：4時間程度
・スマホ向けデザインのカスタマイズ：
所要時間：1時間程度
・補足
HTMLやCSSを使いサイト作成した経験あり
ここまでで、「ライブドアブログでまとめサイトを作る方法」と「よくある疑問点」を解説いたしました。
それを踏まえて、下記のような悩みや不安を抱いた方がいらっしゃるかもしれません。
【悩みや不安】
・デザインのカスタマイズが面倒くさそう…作業時間を確保できない！
・HTMLやCSSを全く知らない…デザインのカスタマイズできない気がする…
・凝ったデザインを考えるのが嫌だ！面倒くさい！どうにか楽したい！
上記を抱く気持ち、すごく分かります。筆者もデザインのカスタマイズを短縮できないものかと悩んだ経験があります。
ですが、インターネットで検索したところ、デザインのカスタマイズを短くしてくれるような術（記事やツールなど）は見つかりませんでした。
そこで、同じような悩みを持つ方の手助けとして、筆者がカスタマイズしたデザインを提供させていただきます。
デザインのカスタマイズ完了までに、5時間ほど調査や試行錯誤を実施しました（時給1000円換算の場合5000円ほどの価値）。少しばかり労力がかかったため、筆者がカスタマイズしたデザインは有料提供とさせてください。
本記事の値段は980円とさせてください。ランチを1回だけ我慢すれば買える価格となっております。
本Noteを購入することで得られるものとメリットを以下にまとめます。
該当する方は、本Noteを買っても損なしなはずです！
・HTMLやCSSに全く詳しくない…
でも、「まとめ（グレー）」のデザインをカスタマイズしたい…
・デザインをカスタマイズしたい！
でも、家事や仕事で忙しく、作業する時間を捻出できない…
・PC向けのデザインに関しては、HTMLやCSSを提供します。そのため、コピペでデザイン適用ができます。
・スマホ向けのデザインに関しては、実際の設定値が分かる図を提供します。そのため、図を参照しながら迷うことなくデザイン適用ができます。
ちなみに、本Noteのデメリットは以下となります。
・HTMLやCSSに関する基本的な文法などに関しては解説しません
・細かい部分の修正をしたい場合は、ご自身で修正する必要があります
・ライブドアブログの急な仕様変更に伴いご提供したデザインに不具合が生じる可能性もあります。（本記事執筆時点では問題ないことを確認済み）
最後に、本記事の有料部分に掲載したデザインを適用していただくことで、筆者が運営している「サラリーマンまとめ速報」と同じデザインを適用いただけます(下図参照)。ただし、ヘッダー画像やプロフィール画像は提供いたしません。
上記のようなデザインをサクッと適用したい方は、本記事の購入のご検討をオススメいたします。
ここから先は
¥ 980
Amazonギフトカード5,000円分が当たる
この記事が気に入ったらチップで応援してみませんか？