ハイライト機能は有効
「Ameblo Rankings ViewerⅡ」で特定ブログの記事（実際は自分のブログが対象となる場合が殆ど）をハイライトする方法を仕入れたのですが、これが作業にとても有効でした。 そこで同じ機能を、公開している「Ameblo Rankings Viewer」 にも組み入れました。
ハイライトする方法は、アメブロIDを指定したプロフィール画像を赤背景表示にします。 プロフィール画像は配置された部分にフィットしていて、そのままで赤背景が見分け難いため、そのプロフィール画像のみ半分のサイズに縮小しています。 他のプロフィール画像は全て円形ですから、赤の正方形は充分に目立ちます。
◎総合ランキング
◎記事ランキング
◎公式ハッシュタグ
◎新着記事
公開版は「Ⅱ」のアレンジほどコンパクト化が潔くないですが、このスタイルは一般性を考慮し、ユーザーが他ブログを知る公式ジャンルの役割を尊重しています。
「Ameblo Rankings Viewer」を利用するには
アレンジスタイル「Ameblo Rankings Viewer ver.2018.05.30」は投稿サイト「userstyles.org」にアップロードしています。
このスタイルは Chrome または Firefox のブラウザ拡張機能「Stylus」で使用出来ます。
●拡張機能「Stylus」を導入する手順は、以下のリンクを参照ください。
「Stylus」はユーザースタイルシートを管理する優れた拡張機能です。「Stylus」を導入すると、このぺージで紹介したアレンジスタイルに限らず、様々なページやサイトをカスタマイズする、ユーザーの投稿したアレンジスタイルが利用出来ます。 またユーザーが、自身が必要なアレンジスタイルを「Stylus」上で作成することが出来ます。
●「Stylus」が導入された後は、以下のリンク先から簡単にこのスタイルをインストール・更新ができます。
スタイルのインストールは、以下のページでサンプル画像の右下の Install Style を押します。 この際に、無関係なアプリの「Download」「開始する」などの紛らわしいボタンが同ページにあるので注意してください。
「userstyles.org」の「Ameblo Rankings Viewer」のページ
セクション構成
「Ameblo Rankings Viewer ver.2018.05.30」は 8セクションの構成です。
セクション1 ビューア共通設定
セクション2 ジャンルTOP
セクション3 総合ランキング
セクション4 記事ランキング
セクション5 公式ハッシュタグ記事ランキング
セクション6 新着記事
セクション7 配色指定
セクション8 特定アメーバIDの記事をハイライト表示
ハイライト表示をセットする手順
「Stylus」の管理画面のリストで「Ameblo Rankings Viewer」をクリックして、このスタイルの編集画面を開きます。
下図の様に「セクション8（コード8）」を開き、赤下線の「XXX」の部分を、ハイライト表示させたいブログの「アメーバID」に置き換えます。（囲む「" "」を消さない様に注意）
「アメーバID」は、目的のブログの記事を開いた時、ブラウザのURL枠で「ameblo.jp/」の後の部分です。 私のブログの例では、以下の太字部分です。
「https://ameblo.jp/personwritep/entry-123…… 」
「セクション8」内の書き換え場所は8ヵ所あります。 全てを書き換えて「Stylus」の編集画面メニューの「保存」を押し、スタイルを保存します。