ローマパリロンドン

【はてなブログ】無料会員でできるカスタムなど

 

f:id:x-home:20171015023934p:plain

サムネイルを変更する方法

はてなブログで、サムネイルを変更する方法を紹介します。

といっても、普通にブログのメニューにあるんですけど、変更できることを知らなかったので…

   

やりたいこと

 まず変更前の画像。 タイトルの商品とサムネイルが異なるんですね。

f:id:x-home:20170513123112p:plain

この画像は、Peak Design キャプチャーカメラクリップという商品の画像です。

 

これをUN UNX-5802 登山用TKストラップに変更します。

 

変更の仕方

 では、実際の変更の仕方です。

  1. 対象の記事を編集モードにする。
  2. 編集オプションをクリックして、アイキャッチ画像を選択します。

    f:id:x-home:20170513133351p:plain

  3. アイキャッチ画像が変わったら、記事を更新する。

    f:id:x-home:20170513133409p:plain

 

たったこれだけですね。

f:id:x-home:20170513130407p:plain

 

 

サイドバーを変更する方法

 はてなブログで、サイドバーを変更する方法を紹介します。

はてなブログのサイドバーってカスタムできるんですね。

 

以前からサイドバーに分類を追加したいと思っていました。

他の方のブログにはあるのに自分には無いのが、Proでは無いからかな~?と

思っていましたが、やり方があるんですね。  

カスタムの仕方

1. メニューからデザインを選択します。

f:id:x-home:20170513151745p:plain

 

2.カスタマイズのサイドバーからモジュールの追加を選択します。

f:id:x-home:20170513152022p:plain

3.カテゴリーを選択し適用します。その後変更を保存します。 カテゴリーもカスタムできるみたいです。

f:id:x-home:20170513152306p:plain

 

とすると、サイドバーにカテゴリーが追加されました。やったね!!

 

f:id:x-home:20170513153515p:plain

 

Amazon商品リンクが表示されない!!

はてなブログをInternetExplorerで編集していたら、編集オプションがスクロールできないので、FireFoxで編集するようにしました。

 

で、ふと気づくとAmazon商品リンクが表示されないじゃないですか!!

  • InternetExplorerで表示(ちゃんとリンクが表示されている)

    f:id:x-home:20170514132952p:plain

     

  • FireFoxで表示(消えているよーー)

    f:id:x-home:20170514132112p:plain

 

原因と対処

さて、悩みました。最初はiframeなのかと思いましたが、そうではないですね。

原因はアドオンでした。Adblock Plusが有効になっています。

f:id:x-home:20170514130447p:plain

 

なのでこいつを無効化します。

f:id:x-home:20170514130629p:plain

 

さて、どうでしょう。商品リンクが表示されるようになりました。

f:id:x-home:20170514132218p:plain

 

たぶんおすすめアドオンとして追加していたんでしょう。すっかり忘れている。