プロフィール画像を設定・表示する機能をリリースしました。
プロフィール画像を設定しておけば、プロフィールコンテンツをブログに追加することで、プロフィール画像も一緒に表示することができます。
基本的に文字情報のみであった従来のプロフィールコンテンツと比べ、より表現力のあるプロフィール表示が可能になりました。
■利用方法
1.マイブログ＞設定＞プロフィール画像にアクセスします。
2.「参照」ボタンが表示されているので、それをクリックします。（表記はブラウザにより多少異なる場合があります）クリックするとファイルを選択する画面が表示されるので、プロフィール画像の素材となる画像ファイルを選択します。選択したら「保存」をクリックします。
※画像ファイルseesaa_sample.jpgを選択した状態。
3.素材となる画像からプロフィール画像を切り出します。ドラッグアンドドロップで切り出す画像サイズを指定して、最後に「切り取りを実行」をクリックします。
※ドラッグアンドドロップで切り出すサイズを指定した状態。
4.確認画面が表示されるので、問題なければ「保存」をクリックします。
5.ブログにプロフィールコンテンツが設置されていると、自動的にプロフィール画像が表示されるようになります。
※プロフィールコンテンツにプロフィール画像が表示されている状態。
＜プロフィール画像がプロフィールコンテンツからはみ出して表示される場合＞
新デザインシステムで作成されたブログをお使いの場合、設定したプロフィール画像がプロフィールコンテンツからややはみ出して表示される場合があります。
その場合には以下のいずれかの操作を試しください。
・マイブログ＞デザイン＞デザイン一覧で、デザインを新しく追加し、その新しく追加した方のデザインをブログに適用する。
・マイブログ＞デザイン＞デザイン設定で該当のデザインタイトルをクリックし、【スタイルシート編集】タブを表示する。その中の項目【初期値に戻す】にて、チェックボックスにチェックを入れ、「保存」をクリックする。（CSSが初期化されます）
・CSSの知識がある方は、CSSに以下のコードを記述する方法もあります。
.module--profile .profile__image {
margin-top: 5px;
margin-bottom: 10px;
text-align: center;
}
.module--profile .profile__image img {
max-width: 100%;
height: auto;
}
なお上記コード中の max-widthの値を max-width: 150px;やmax-width: 100px;というように書き換えることで、表示される画像の表示サイズを小さくすることも可能です。
今後ともSeesaaサービスをよろしくお願いいたします。
