藤川です。

この記事では、ライブドアブログにサイドバーを設置する方法とは? 専門知識が無くてもOK? について、その理由とともに、詳しくご説明致したいと思います。

 

初心者だと、HTMLといった専門的な知識を使う方法は難しいと思いますので、この記事でご説明するのは、そういった専門知識を使わない方法です。

 

ですので、初心者でも、簡単に、ライブドアブログにサイドバーを設置できるはずです。

 

また、ライブドアブログは、PCからアクセスしてきた人向けの表示のライブドアブログ(PC版)と、そして、スマートフォンからアクセスしてきた人向けの表示のライブドアブログ(スマートフォン版)がありまして、それぞれ別々にサイドバーを設置する必要がありますので、両方に対応できるように、両方の方法をご説明致します。

 

ライブドアブログでは、WindowsやMacといったPCを使うと、ライブドアブログ(PC版)とライブドアブログ(スマートフォン版)の両方に、iPhoneといったスマートフォンを使うと、ライブドアブログ(スマートフォン版)にのみ、サイドバーを設置する事が出来ます。

 

一応、確認のために、サイドバーについてご説明致しますと、PCだと、ブログの全てのページのサイドに縦長に配置されて、スマートフォンだと、本文のすぐ下に配置される表示領域の事です。

 

例えば、ライブドアブログ(PC版)の以下の画像だと、右側にある「プロフィールです」から「アーカイブ」までの、縦に伸びる表示領域の事です。

ライブドアブログ(スマートフォン版)だと、以下の画像のように、本文のすぐ下の、広告の下から始まる部分になります。

それでは、ライブドアブログにサイドバーを設置する方法について、具体的に、ご説明していきますが、まずは、ライブドアブログ(PC版)にサイドバーを設置する方法についてから、ご説明していきます。

 

そのご説明が終わりましたら、ライブドアブログ(スマートフォン版)にサイドバーを設置する方法のご説明を致します。

ライブドアブログにサイドバーを設置する方法。

まずは、ライブドアブログ(PC版)にサイドバーを設置する方法からご説明を致します。

ライブドアブログ(PC版)にサイドバーを設置する方法。

ライブドアブログ(PC版)にサイドバーを設置する方法については、ライブドアブログにログイン後、「ブログ設定」をクリックしてください。

 

そして「デザイン / ブログパーツ設定」の中から、「ブログパーツ」を選んでクリック。

 

そうしましたら、右側にサイドバーに設定できる「ブログパーツ」の一覧が出てきますので、サイドバーに設定したい項目をクリックしたまま、左側のAかBのエリアに持っていき、離します。

 

AとBのエリアについて、それぞれブログでどのように表示されるかは、画面の上部に、説明が表示されていますので、それをご確認ください。

 

AかBのエリアに、右側にある「ブログパーツ」の中からサイドバーに表示したい物を選んで移動しましたら、それで、サイドバーの設置は完了です。

 

個々のブログパーツの設定は、AかBのエリアにあるブログパーツにカーソルを合わせますと、「設定」というボタンが出てきますので、それをクリックする事で、設定が出来ます。

 

これで、ライブドアブログ(PC版)にサイドバーを設置する方法は終了となります。

 

ただ、ブログパーツの中には「フリーエリア」という項目がありまして、サイドバーに自由な内容を表示できるようになっているのですが、それを使うためには、普通ですと、HTMLいった専門知識を使わなくてはなりません。

 

しかし、HTMLといった専門知識を全く知らなくても、「フリーエリア」を使って自由な内容を表示できる方法がありますので、その方法をご説明致します。

 

そのHTMLといった専門知識を全く知らなくても、「フリーエリア」を使って自由な内容を表示できる方法とは、ライブドアブログの「記事を書く」機能の「HTMLタグ編集」を利用する方法になります。

 

なぜなら、その方法ですと、基本的にコピー&ペーストで出来てしまうからです。

 

そのライブドアブログの「記事を書く」機能の「HTMLタグ編集」を利用する方法とは、まず、「マイページ」から「記事を書く」をクリックして、記事投稿画面に移動してください。

 

その記事投稿画面で、まずは普通に、表示したい内容の文章を書いてください。

 

画像を使いたい場合は、追加したり、記事のリンクを貼りたい場合は、リンクを貼っておきます。

 

画像を追加する方法は、記事投稿画面で、あらかじめ用意した画像を直接、ドラッグ&ドロップするか、画像ボタンをクリックして、「画像を選択」をクリック、そうすると画像を選択する画面になりますので、そこから選択してください。

 

あとは、文章中で、貼り付けたい場所にカーソルを合わせて、「貼り付け」をクリックします。

 

画像のサイズ、向き、貼り付け位置を調節するには、貼り付けた画像にカーソルを合わせて、歯車のマークをクリック。

 

そこで出てきたボックスで、サイズ等を調整してください。

 

画像のサイズ等をチェックする場合は、下の方にある「プレビュー」をクリックして確認してください。

 

リンクも貼りたい場所に貼っておきます。

 

そうしましたら、「HTMLタグ編集」をクリック。

 

そうすると、本文がHTMLタグを含む物に変わっていますので、それをそのまま全てコピーします。

 

コピーしましたら、また「フリーエリア」に戻りまして、本文の部分にペーストして、「ラベル」等を記入して、「保存する」をクリック。

 

保存しましたら、実際に、ブログを表示されると、サイドバーに「記事を書く」で設定したように表示されると思います。

 

確認が出来ましたら、設定は終了です。

 

次に、ライブドアブログ(スマートフォン版)にサイドバーを設置する方法について、ご説明を致します。

ライブドアブログ(スマートフォン版)にサイドバーを設置する方法。

ライブドアブログ(スマートフォン版)にサイドバーを設置する方法は、WindowsやMacといったPCを使ってライブドアブログ(スマートフォン版)にサイドバーを設置する方法と、iPhone等のスマートフォンを使って、ライブドアブログ(スマートフォン版)にサイドバーを設置する方法がありますので、

 

まずは、PCを使ってライブドアブログ(スマートフォン版)にサイドバーを設置する方法についてから、ご説明致します。

PCを使ってライブドアブログ(スマートフォン版)にサイドバーを設置する方法。

PCを使ってライブドアブログ(スマートフォン版)にサイドバーを設置する方法は、まずは、ログイン後の「マイページ」から「ブログ設定」をクリック、「デザイン / ブログパーツ設定」の項目の中から「スマートフォン」をクリックします。

 

そうしましたら、タブから「レイアウト」を選択。

 

そうしますと「サイドバー」の設置画面が出てきますので、「トップページ」、「アーカイブページ」、「個別記事ページ」のそれぞれで、設置していきます。

 

特に理由が無ければ、「トップページ」、「アーカイブページ」、「個別記事ページ」のタブを選択しながら、全て設置してください。

 

まず、最初は「トップページ」のタブが選ばれた状態ですので、「トップページ」から設置していきます。

 

サイドバーに設置できるブログパーツの一覧が右側にありますので、その中から、サイドバーに追加したい項目をクリックしたまま、左側の表示したい場所に持っていき、離してください。

 

それで、サイドバーの設置は完了です。

 

個々の設置したサイドバーの項目の設定は、左側にある項目にカーソルを合わせますと、「設定」というボタンが出てきますので、それをクリックする事で、設定が出来ます。

 

ただ、ブログパーツの中には「フリーエリア」という項目がありまして、サイドバーに自由な内容を表示できるようになっているのですが、それを使うためには、普通ですと、HTMLいった専門知識を使わなくてはなりません。

 

しかし、HTMLといった専門知識を全く知らなくても、「フリーエリア」を使って自由な内容を表示できる方法があります。

 

そのHTMLといった専門知識を全く知らなくても、「フリーエリア」を使って自由な内容を表示できる方法とは、ライブドアブログの「記事を書く」機能の「HTMLタグ編集」を利用する方法になります。

 

その方法は、この記事のPCを使ってライブドアブログ(PC版)にサイドバーを設置する方法でご説明致していますので、設置する場合は、そちらをご参照の上、同じように、設定してください。

 

「トップページ」での設置・設定が終わりましたら、後は、同じように、「アーカイブページ」、「個別記事ページ」のタブを選択しながら、全て設置・設定してください。

 

設定が終わりましたら、実際に、スマートフォンでブログを確認されて、サイドバーがきちんと表示されているかチェックしてください。

 

もし、PCを使っている方で、スマートフォンをお持ちでなく、スマートフォンでの確認が出来ない場合等は、

 

PCでも、完全ではないですが、GoogleChromeやFireFox、Safariといったブラウザを使って、スマートフォン画面表示の確認が出来る方法を、こちらの記事で、詳しく解説しておりますので、良かったら、ご覧になってみてください。

⇒PCでブログのスマートフォン画面表示の確認をする方法とは?無料で出来る?

 

チェックできましたら、PCを使ってライブドアブログ(スマートフォン版)にサイドバーを設置する方法のご説明は終了です。

 

では、次に、スマートフォンを使ってライブドアブログ(スマートフォン版)にサイドバーを設置する方法について、ご説明致します。

スマートフォンを使ってライブドアブログ(スマートフォン版)にサイドバーを設置する方法。

スマートフォンを使ってライブドアブログ(スマートフォン版)にサイドバーを設置する方法については、まず、ライブドアブログにログイン後、表示されている項目の中から、「デザイン設定」をタップして、「レイアウト」をタップします。

 

そうしますと、「サイドバー」の設置画面が出てきますので、「トップ」、「アーカイブ」、「個別記事」のそれぞれで設置していきます。

 

特に理由が無ければ、「トップ」、「アーカイブ」、「個別記事」のタブを選択しながら、全て設置してください。

 

まず、最初は「トップ」のタブが選ばれた状態ですので、「トップ」から設置していきます。

 

サイドバーに設定できる項目が、右側に「追加する」と書かれているプルダウンメニューをタップすると選べますので、タップして、その中から、設置したい項目を選びましたら、「完了」をタップして、「追加する」をタップすると設置が完了です。

 

後は、その画面で追加されたサイドバーの項目をタップしますと、それぞれの項目の詳細設定の画面になりますので、設定してください。

 

もし並び順を変えたい場合は、「矢印」をタップして移動できます。

 

また、項目を削除したい場合は、「編集」をタップして、削除したい項目に出ている「削除」をタップすれば、削除できます。

 

ただ、サイドバーに設定できる項目の中には「フリーエリア」という項目がありまして、サイドバーに自由な内容を表示できるようになっているのですが、それを使うためには、普通ですと、HTMLいった専門知識を使わなくてはなりません。

 

しかし、HTMLといった専門知識を全く知らなくても、「フリーエリア」を使って自由な内容を表示できる方法があります。

 

そのHTMLといった専門知識を全く知らなくても、「フリーエリア」を使って自由な内容を表示できる方法とは、ライブドアブログの「記事を書く」機能の「HTMLタグ編集」を利用する方法になります。

 

その方法は、この記事のPCを使ってライブドアブログ(PC版)にサイドバーを設置する方法でご説明致していますので、設置する場合は、そちらをご参照の上、同じように、設定してください。

 

「トップ」での設置・設定が終わりましたら、後は、同じように、「アーカイブ」、「個別記事」のタブを選択しながら、全て設置・設定してください。

 

これで、スマートフォンを使ってライブドアブログ(スマートフォン版)にサイドバーを設置する方法のご説明は終了です。

 

ライブドアブログにサイドバーを設置する方法とは? 専門知識が無くてもOK? についてのご説明は以上となります。

 

お疲れ様でした。

 

それから、初心者でも出来る、ライブドアブログにグローバルメニューを設置する方法については、こちらの記事で、詳しく解説しておりますので、良かったら、ご覧になってみてください。

⇒初心者でも出来る、ライブドアブログにグローバルメニューを設置する方法とは?

 

初心者でも出来る、ライブドブログにお問い合わせフォームを設置する方法については、こちらの記事で、詳しく解説しておりますので、ぜひ、ご覧になってみてください。

⇒初心者でも出来る、ライブドアブログにお問い合わせフォームを設置する方法とは?

 

また、ライブドアブログを使ってアフィリエイトで稼ぎたい場合は、稼ぐブログに必要なコンテンツ、あった方が良いコンテンツと稼げる配置方法について、こちらの記事で、詳しく解説しておりますので、ぜひ、ご覧になってみてください。

⇒稼ぐブログに必要なコンテンツ、あった方が良いコンテンツと稼げる配置方法とは?

 

それでは、また。

 

藤川純

 

⇒ブログ講座一覧へ

 

 

追伸

慶大卒アフィリエイターの僕はメール講座にて、僕が実践して、今現在も、収入を増やして稼ぎ続けている、ブログとメルマガを使ったあるアフィリエイトノウハウ「全て」「無料」で公開中です。

 

そのメール講座では、ブログ講座では公開していない内容もお伝えしていて、その内容も実践的な物にする等、僕がかなり力を入れて作り込んでいる物になります。

 

もし少しでもご興味がありましたら、ご登録もご購読も無料ですので、ぜひ、ご登録ください。

⇒藤川純の無料メール講座のご登録はこちらから