本日の素材:写真ACさま

最近になってお気づきの方から、「これ、消せませんか?」とお問い合わせがありました。

 

気になっている方もいるかもしれません。

 

アメブロのブログランキング

 

以前まで、独立した表示項目で、ブログの配置設定で「表示・非表示」の選択ができましたが

 

今はそれは無くなり、プロフィールに付随して表示されます。

 

↓わざと表示させてみた

表示が半強制的になった「ブログランキングを非表示にしたい」時の3つの方法をお伝えします。

 

ブログランキングを表示させない方法

その1 プロフィールそのものを非表示にする

 

ブログの配置設定で、プロフィールを非表示にしてしまえばそもそも出ることはありません。

[使用する機能]にあるプロフィール項目を、ドラッグして[使用しない機能]に移動する。配置設定はこちらから。

 

 

いやいや、プロフィール欄を消すなんて!!という方には次の方法を。

その2 ブログランキングに参加しない

 「全体ブログランキングへの参加」はアメブロの基本設定で選択することができます。

アメブロの基本設定はこちら

 

「参加しない」を選択すれば、当然ながらブログランキングが表示されることはありません。

 

 

「公式ジャンル」をすでに設定して参加している場合は、ここで「参加しない」を選択することはできません

 

この方法を使いたい場合、先に公式ジャンルへの参加を削除してください。

公式ジャンルの設定はこちら

 

 そ、そんなご無体な〜〜!という方には、いよいよ最終手段。

 

その3 CSSを使って非表示にする方法

この方法が使えるのは「CSS編集用スキン」を使っている方のみとなります。

 

特に、新デザインについては、予期せぬ変更などの影響で設定したコードが無効になる、なんてことも考えられるので自己責任で・・・お願いします。

 

どんな「予期せぬ変更」があるか、については、こちらの記事でチラッと触れています^^


 

まず新スキンのCSS編集用デザインをお使いの場合(プロフィール写真がデフォルトで丸枠のもの)

 

 

/*プロフ下ランキング非表示*/
[data-uranus-component="profileGenre"] {
display: none;
}

 

 

 

旧スキンのCSS編集用デザインをお使いの場合(プロフィール写真がデフォルトで四角い枠のもの)

 

/*プロフ下ランキング非表示*/

.profileRanking {

display: none;

}

 

 

 

自分のスキンに該当する上記いずれかのコードを、ブログデザインCSSの編集画面の末尾にコピペしてください。

 

ブログデザインCSS編集画面へはこちらから

 

プレビューで見た目を確認してから保存してください。

 

ちなみに、このブログの場合、初期状態での表示はこんな感じ。

 

これをちょろちょろいじって現在のものになっています。

 

最後に

公式ジャンルにさえ登録していなければ、「2」の方法で簡単に消すことはできます。

ランキングを非表示にしたい、という場合は多分これが一番推奨されるやり方です。

 

ランキングに参加してて、それは出したくない、ってね。なんかね。←いや、私ですけど。

 

そんなちょっとしたわがままに答えられるのがCSS編集ですが、ものによってはアメブロさんとして推奨されない場合もありますので、各自ご判断ください。

【追記09.13.2017】

CSS編集を使っての方法を使ったけど、ブログランキングが消えない場合はこちらをチェックしてみてください。