プロフィールの不要な項目を消す方法

アメブロカスタマイズで自分らしい空間を作る技 プロフィールの不要な項目を消す方法

アメブロカスタマイズのわざめーばです。

こんにちは。

今回は、新デザイン『CSS編集用デザイン』を適用したアメブロ向けの、プロフィールの不要な項目を消す(非表示にする)カスタマイズ方法をご紹介します。

(旧デザイン向けはこちら⇒プロフィールの不要な項目を消す方法

プロフィールとして登録はしておきたいものの、アメブロのプロフィール欄に出てほしくない項目をCSSカスタマイズで非表示にしてしまう方法です。

CSSを編集する

CSSの編集で、以下のコードをアメブロのユーザーCSSの最後に追加することで、プロフィールの不要な項目を消す(非表示にする)ことが可能です。

/* なう */
.profileMenu .nowQuote{display:none;}

/* プロフィール画像 */
.profileMenu .userProfileImageArea{display:none;}

/* ニックネーム・プロフィール|ピグの部屋 */
.profileMenu .profileUserNicknameArea{display:none;}

/* ニックネームのみ */
.profileMenu .profileUserNickname{display:none;}

/* プロフィール|ピグの部屋のみ */
.profileMenu .profileUserPages{display:none;}

/* 性別・誕生日・血液型・お住まいの地域・自己紹介 */
.profileMenu .profileDetailArea{display:none;}

/* 性別・誕生日・血液型・お住まいの地域・自己紹介 */
/* のうちの1~4項目目 */
.profileMenu .profileDetailArea ul>li:first-child{display:none;}
.profileMenu .profileDetailArea ul>li:first-child+li{display:none;}
.profileMenu .profileDetailArea ul>li:first-child+li+li{display:none;}
.profileMenu .profileDetailArea ul>li:first-child+li+li+li{display:none;}

/* 自己紹介 */
.profileMenu .profileDetailArea ul>li.freeText{display:none;}

/* 読者になる・アメンバーになる・メッセージを送る・プレゼントを贈る */
.profileMenu .profileBtnArea{display:none}

/* 読者になる */
.profileMenu .profileBtnArea>li:first-child{display:none;}

/* アメンバーになる */
.profileMenu .profileBtnArea>li:first-child+li{display:none;}

/* メッセージを送る */
.profileMenu .profileBtnArea>li:first-child+li+li{display:none;}

/* プレゼントを贈る */
.profileMenu .profileBtnArea>li:first-child+li+li+li{display:none;}

注釈を参考にしながら、消したい項目に該当するコードのみCSSに追加してください。

なお、『性別・誕生日・血液型・お住まいの地域・自己紹介』や、『読者になる・アメンバーになる・メッセージを送る・プレゼントを贈る』ボタンは、全体を消すコードと、各項目を消すコードが書いてありますので、うまく使って、不要な項目を綺麗に消してしまってください。

プロフィールの不要な項目を消す(非表示にする)方法の説明は以上です。

よかったらやってみてくださいね。

アメブロカスタマイズで自分らしい空間を作る技