はじめに
ブログのプロフィールの欄で表示したくない項目を削除したり、カスタムしたテンプレートなどで表示がずれた場合に調整する方法です。このブログでも「読者になる」と「アメンバーになる」以外は非表示にしています
。
簡単なので挑戦してみましょう。
イメージ
①ノーマルの状態
②不要な項目削除状態
プロフィールの項目を削除・移動する方法
手順はCSS編集画面にてCSSをコピペで追記するだけです。削除方法と移動方法は簡単ですが、異なりますので別々に説明します。
プロフィール不要な項目の削除
以下のCSSをCSS編集画面にて最下部に追記して下さい。※/*説明*/を参考に必要な項目だけコピペして使ってください。
CSS（プロフィール項目削除）
※
display:noneで非表示設定。
/* ▼▼プロフィール項目削除設定ここから▼▼ */
/* ▼なう▼ */
.profileMenu .nowQuote{display:none;}
/* ▼プロフィール画像▼ */
.profileMenu .userProfileImageArea{display:none;}
/* ▼ニックネーム・プロフィール｜ピグの部屋▼ */
.profileMenu .profileUserNicknameArea{display:none;}
/* ▼ニックネームのみ▼ */
.profileMenu .profileUserNickname{display:none;}
/* ▼プロフィール｜ピグの部屋のみ▼ */
.profileMenu .profileUserPages{display:none;}
/* ▼性別・誕生日・血液型・お住まいの地域・自己紹介▼ */
.profileMenu .profileDetailArea{display:none;}
/* ▼性別・誕生日・血液型・お住まいの地域・自己紹介▼ */
/* ▼上のうちの順に１～４項目目▼ */
.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をCSS編集画面にて最下部に追記して下さい。※/*説明*/を参考に必要な項目だけコピペして使ってください。
CSS（プロフィール項目移動）
※margin-leftで左からの距離を指定して移動。
※赤字の説明を参考にして、青字の数字で調節してください。
/* ▼▼プロフィール項目移動設定ここから▼▼ */
/*
/*
/*
▼プロフ画像位置▼ */
.profileMenu .userProfileImageArea{margin-left:50px;}
/* ▼プロフネーム・プロフィール｜ピグの部屋｜なう｜グルっぽ▼ */
.profileMenu .profileUserNicknameArea{margin-left:50px;}
/*
▼プロフネームのみ▼ */.profileMenu .profileUserNickname{margin-left:50px;}
/* ▼読者になる▼ */
.profileMenu .profileBtnArea>li:first-child{margin-left:50px;}
/* ▼アメンバーになる▼ */
.profileMenu .profileBtnArea>li:first-child+li{margin-left:50px;}
/* ▼メッセージを送る▼ */
.profileMenu .profileBtnArea>li:first-child+li+li{margin-left:50px;}
/* ▼プレゼントを贈る▼ */
.profileMenu .profileBtnArea>li:first-child+li+li+li{margin-left:50px;}
/* ▼性別・誕生日・血液型・お住まいの地域・自己紹介▼ */
.profileMenu .profileDetailArea{margin-left:50px;}
/* ▼自己紹介のみ▼ */
.profileMenu .profileDetailArea ul>li.freeText{margin-left:50px;}