本と音楽と、コーヒーと。

本やら音楽やらの、レビューっぽいこと+病気のこともちょっと。

はてなブログの「サイドバー」に、「今読んでいる本」や「今聴いているCD」を表示させる。

こんばんは、まつじです。ようこそお越しくださいました。

今回は、はてなブログのサイドバーに、ご自身がいま読んでいる本や聴いているCDを表示させる手順についてご説明いたします。

一言で言ってしまうと、「サイドバー」の「モジュール」のうちの「HTML」内に、Amazonの商品紹介のタグ(で用語の使い方、あってますか?)を貼り付ける、ということです。

 

 

f:id:twostars0316:20171116201234j:plain

 

 

こんな感じで、私は『~自分を変える教室』(ほとんど進捗なし)を貼り込んでいますが、これを任意のものに差し替える、ということです。

 

まず、白紙の状態の「編集画面(見たままモード)」を開き、右側の「Amazon商品紹介」を選択します。

 

 

f:id:twostars0316:20171116201634j:plain

 

 

 ここで、本なりCDなりを検索して、一旦編集画面上に表示させます。当然ですが、公開はしないようにしてくださいね。

この、「見たままモード」で貼り込みたい商品を表示させたまま、「HTMLモード」に切り替えます。記述は加除・変更はしないでください。

その、「HTMLモード」での編集画面上に表示されている記述を丸ごと切り取ります。本文の編集画面の役目はここまでです。一つ画面を戻して、サイドバーが編集できるようにしてください。

「記事を書く」の下にある「デザイン」>「カスタマイズ(スパナのマーク)」>「サイドバー」と進んで、「モジュールの追加」します。

その中にある「HTML」を選択して「編集」を押し、開かれた画面の拾い部分に、先程切り取った記述を貼り付けます。タイトルはお好きなものをつけてください。

 

 

f:id:twostars0316:20171116203718j:plain

 

 

表示順を整えて「変更を保存」して、正しく表示されたか確認してみてください。表示されていれば、作業は無事終了です。

 

※「はてな」さんはこのような使われ方を想定していないと思います。ヘルプやQ&Aを探しましたが「禁止」はされていないと判断し、今回記事とさせていただきました。

万一、「はてな」さん側から何らかのアクションがあった場合には、それに従ってください。それまでは、「自己判断」「自己責任」での運用をお願いいたします。

 

 

 

【スポンサーリンク】