公開プロフィールは、ブログのユーザーが「自分が公開したい情報だけ」を選択して自己PRする機能です。

※公開された情報は、個人情報であってもインターネット上で無制限に公開されますので、人に知られたくない情報は公開しないでください。

なお、プロフィールに画像を表示されたい場合には、プロフィールに画像を表示したいをご覧ください。

プロフィールコンテンツの追加は以下の手順で行います。

  1. マイブログにログイン後 [デザイン] をクリックします。
    ブログ一覧
  2. デザイン一覧画面が表示されたら、[コンテンツ] をクリックします。
    デザイン > PC > デザイン一覧
  3. コンテンツ管理画面が表示されたら、画面左側にあるコンテンツの中から [プロフィール] コンテンツを画面右側のコンテンツ一覧(現在のコンテンツ配置)上で設置したい(表示したい)場所へドラッグアンドドロップの操作にて設置を行います。
    ※ご利用のブラウザによっては「ドラッグアンドドロップ方式」がご利用になれないため、弊社システム上で自動的に判別を行い、「従来方式」のみのご利用とさせていただく場合があります。
    ※画像は [プロフィール] コンテンツを右サイドバーエリアの一番上に追加する場合の操作です。
    ※コンテンツの追加方法がわからない場合はコンテンツの追加方法をご覧ください。

    プロフィールコンテンツを右サイドバーエリアの一番上に追加
  4. コンテンツのタイトル「プロフィール」と書いてある右側にある歯車アイコンをクリックします。
    ※プロフィールの表示内容を編集したい場合も同様に歯車アイコンをクリックします。
  5. ポップアップウィンドウで詳細設定画面が表示されます。この画面にて各入力項目に入力します(入力は任意です)
    プロフィールコンテンツ詳細設定画面
  6. 入力が完了しましたら詳細設定画面内にある[保存]ボタンをクリックします。
  7. 保存が完了したら、詳細設定画面の右上にある×をクリックすると詳細設定画面を閉じます。
  8. コンテンツ管理画面に戻ったら追加したコンテンツを反映させるため、コンテンツ管理画面にある [保存] をクリックします。
  9. 画面上部に「設定を変更しました。」と表示され、手順3にて設置した[プロフィール] コンテンツが配置されていれば完了です。

以下の画像のように公開プロフィールが追加され、ブログに表示されます。

また、同時にFOAFデータが生成されます(従来のデザインシステムのみ)
※詳細設定画面にある「画像(FOAFのみで使用)」項目の[ファイルマネージャ]にてアップロード、設定された画像は、ブログページ上には表示されません。
※詳細設定画面にある「FOAF表示」を [非表示] にすると、ブログ上でFOAFのアイコン(青・赤・黄・緑のアイコン)が表示されなくなります。

foaf

※変更内容がブログに反映されない場合は、ブログ設定画面より「最新の情報に更新」を行ってください。


プロフィールに画像を表示したい

「プロフィール画像」機能を利用した方法
※従来のデザインシステム・新デザインシステムの両方で利用できる方法となります。

「挿入テキスト(上部/下部)」機能を利用した方法
※従来のデザインシステムでのみ利用できる方法となります。

「プロフィール画像」機能を利用した方法

「プロフィール画像」機能を利用し、プロフィールに画像を表示するには下記手順で行って下さい。


  1. マイブログ>設定>プロフィール画像にアクセスします。
    img_profileimg_1.jpg

  2. 「参照」ボタンが表示されているので、それをクリックします。(表記はブラウザにより多少異なる場合があります)クリックするとファイルを選択する画面が表示されるので、プロフィール画像の素材となる画像ファイルを選択します。選択したら「保存」をクリックします。
    img_profileimg_2.jpg ※画像ファイルseesaa_sample.jpgを選択した状態。

  3. 素材となる画像からプロフィール画像を切り出します。ドラッグアンドドロップで切り出す画像サイズを指定して、最後に「切り取りを実行」をクリックします。
    img_profileimg_3.jpg ※ドラッグアンドドロップで切り出すサイズを指定した状態。

  4. 確認画面が表示されるので、問題なければ「保存」をクリックします。

  5. ブログにプロフィールコンテンツが設置されていると、自動的にプロフィール画像がプロフィールコンテンツ上部に表示されるようになります。
    img_profileimg_4.jpg ※プロフィールコンテンツにプロフィール画像が表示されている状態。

<プロフィール画像がプロフィールコンテンツからはみ出して表示される場合>

新デザインシステムで作成されたブログをお使いの場合、設定したプロフィール画像がプロフィールコンテンツからややはみ出して表示される場合があります。

その場合には以下のいずれかの操作を試しください。

  • マイブログ>デザイン>デザイン一覧で、デザインを新しく追加し、その新しく追加した方のデザインをブログに適用する。
  • マイブログ>デザイン>デザイン設定で該当のデザインタイトルをクリックし、【スタイルシート編集】タブを表示する。その中の項目【初期値に戻す】にて、チェックボックスにチェックを入れ、「保存」をクリックする。(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;というように書き換えることで、表示される画像の表示サイズを小さくすることも可能です。


    「挿入テキスト(上部/下部)」機能を利用した方法

    「挿入テキスト(上部/下部)」機能を利用し、プロフィールに画像を表示するには下記手順で行って下さい。


    1. マイブログ>デザイン>コンテンツにて、ブログに追加したプロフィールコンテンツの設定画面を表示する。
      ※コンテンツの追加方法についてはコンテンツの追加方法をご覧ください
      ※追加したコンテンツの設定画面へのアクセス方法は設置したコンテンツの設定編集方法をご覧ください。
    2. 挿入テキスト(上部/下部)を開く。
    3. 表示したい画像をファイルマネージャーにアップロードし、生成されたHTMLタグを挿入テキスト(上部)、または挿入テキスト(下部)に貼り付ける。
    4. コンテンツの保存処理(クリック順:保存する→閉じる→設定を反映する)を行いブログを確認する。