目次

【アメブロカスタマイズ】サイドバーのプロフィール欄をシンプルにする(不要な項目を消す)方法

「新CSS編集用デザイン」向けです

新CSS編集用デザインで、サイドバーのプロフィール欄から「プロフィール画像」「名前」「読者になるボタン」以外の項目を消す(非表示にする)ことで、プロフィール欄をシンプルにするカスタマイズ方法をご紹介します。

サイドバーのプロフィール欄をシンプルにする(不要な項目を消す)

このカスタマイズは、CSSの編集で行いますので、もし、やり方がわからない場合は先にマスターしておいて下さい。

CSSを編集してアメブロをカスタマイズをする手順
アメブロをカスタマイズするための専用のデザイン「CSS編集用デザイン」に用意されている「ブログデザインCSS」を編集してアメブロをカスタマイズする手順について説明します。

あとは、消したい項目に応じて、CSSの末尾に以下のようなコードを追加するだけです。

» 記事の最初の画像のように、とにかくシンプルにしたい場合はこちら

プロフィールの「プロフィール｜ピグの部屋」を消す場合

/* プロフィールの「プロフィール｜ピグの部屋」を消す */
.skin-profileNav {
  display: none;
}

プロフィールの性別、誕生日、血液型、お住いの地域、自己紹介を消す場合

/* プロフィールの性別、誕生日、血液型、お住いの地域、自己紹介を消す */
.skin-profileStatus {
  display: none;
}

プロフィールの「続きを見る＞」を消す場合

/* プロフィールの「続きを見る＞」を消す */
.skin-profileMore {
  display: none;
}

プロフィールの「ブログランキング」を消す場合

/* プロフィールの「全体ブログランキング」を消す */
#profile .skin-profile+div {
  display: none;
}

プロフィールの「よく使う公式ハッシュタグ」を消す場合

/* プロフィールの「よく使う公式ハッシュタグ」を消す */
#profile .hashtag-profile {
  display: none;
}

「画像」「名前」「フォロー」以外全て消す場合

/* プロフィールの「プロフィール｜ピグの部屋」を消す */
.skin-profileNav {
  display: none;
}
/* プロフィールの性別、誕生日、血液型、お住いの地域、自己紹介を消す */
.skin-profileStatus {
  display: none;
}
/* プロフィールの「続きを見る＞」を消す */
.skin-profileMore {
  display: none;
}
/* プロフィールの「全体ブログランキング」を消す */
#profile .skin-profile+div {
  display: none;
}
/* プロフィールの「よく使う公式ハッシュタグ」を消す */
#profile .hashtag-profile {
  display: none;
}

これで「プロフィール画像」「名前」「フォローボタン」のみの大変シンプルなプロフィール欄になります。

おまけ：プロフィールの「フォロー」ボタンを消す場合

あと、あまりないかもしれませんが、おまけで「フォロー」ボタンの消し方も。

/* プロフィールの「フォロー」ボタンを消す */
#profile .skin-widgetButton {
  display: none;
}

まとめ

以上、新CSS編集用デザインで、サイドバーのプロフィール欄から「プロフィール画像」「名前」「読者になるボタン」以外の項目を消す(非表示にする)カスタマイズ方法をご紹介しました。

シンプルなプロフィール欄をご希望でしたらお勧めですので、よろしければお試しください。

(準備中)
(準備中)