はじめに

ブログのプロフィールの欄で表示したくない項目を削除したり、カスタムしたテンプレートなどで表示がずれた場合に調整する方法です。

このブログでも「読者になる」と「アメンバーになる」以外は非表示にしています
。
簡単なので挑戦してみましょう。

イメージ

①ノーマルの状態

②不要な項目削除状態

プロフィールの項目を削除・移動する方法

手順は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:

50

px;}

/* ▼プロフネームのみ▼ */
.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;}