はじめに
ブログのプロフィールの欄で表示したくない項目を削除したり、カスタムしたテンプレートなどで表示がずれた場合に調整する方法です。このブログでも「読者になる」と「アメンバーになる」以外は非表示にしています
。
簡単なので挑戦してみましょう。
イメージ
①ノーマルの状態②不要な項目削除状態
プロフィールの項目を削除・移動する方法
手順は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;}
/*
▼
性別・誕生日・血液型・お住まいの地域・自己紹介
▼
*/
/*
▼上
のうちの順に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を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;}