プロフィールの項目を削除・移動する方法 | 知恵の樹・アメブロテンプレート

知恵の樹・アメブロテンプレート

アメブロテンプレート・カスタマイズ

はじめに

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

このブログでも「読者になる」と「アメンバーになる」以外は非表示にしています

簡単なので挑戦してみましょう。


イメージ

①ノーマルの状態
知恵の樹-プロフ1

②不要な項目削除状態

知恵の樹-プロフ2


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

手順は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;}