アフィリエイト広告を利用しています

広告

posted by fanblog

2017年10月18日

【ファンブログカスタマイズ】サイドバーにプロフィールを表示したい


数年ぶりに再びブログをはじめてみるにあたって、思い切って、ブログのカスタマイズに挑戦してみることにしました。
とはいっても、完全なド素人。
さっそく、カスタマイズ云々以前の、「きほんのき」みたいなところでつまずきまくりの日々です。

今回直面したのは、
サイドバーのプロフィール欄に説明文を載せるにはどうすればよいかという問題。
編集しようとすると、どうしても「プロフィール」用の別ページにとんでしまいます。
先人のお知恵を拝借しようと、秋の夜長に2時間ほどネットの海をさまようも答えを探し出せず…。

profile20.png

結局は、ブログ内をあちこちいじっているうちに、自己解決に至りました。
わかってみれば、灯台下暗し的な、実に拍子抜けするほど簡単な方法でしたが、つい失念してしまいそうなので、備忘録がわりにその方法をまとめておきたいと思います。

ファンブログでサイドバーにプロフィールを表示する方法

ログイン後に開く「マイページ」内の「ブログ一覧」から、「デザイン」をクリック

profile2.png


「デザイン」のページが開いたら、「コンテンツ(サイドバーの編集)」タブをクリック

profile3.png


クリック後、以下のようなページが開きます

profile14.png



ページ内のサイドバー編集部分の「プロフィール」の右にある歯車(みたいな)部分をクリック

profile5.png


「コンテンツの編集」というボックスが開きます
ボックス内の”挿入テキスト(上部/下部)”と書かれた部分の左にある矢印をクリック

profile6.png


以下のように、テキストボックスが展開しました(上部用と下部用の2か所)
さっそく、好みの位置に文章が設置できるよう、ボックス内に文字を入力していきます

profile9.png


プロフィール画像の上部に説明文を表示したいときは
「挿入テキスト(上部)」のボックスの方に文字を入力

profile10.png

以下のように、プロフィール画像の上に文章が入ります

profile15.png


同じ要領で、
プロフィール画像の下部に説明文を表示したいときは
「挿入テキスト(下部)」のボックスの方に文字を入力


profile11.png

以下のように、プロフィール画像とタイトルの下に文章が入ります
profile13.png


もちろん、両方のボックスに文字を入力して、画像の上下に同時に文章を表示することもできます。


自分の場合は、画像の下に説明文を入れたかったので、
「挿入テキスト(下部)」の方に、文章を入力。
そのままだとレイアウトがちょっと気になってしまったため、「中央寄せ」や「改行」を使用して、少し体裁を整えてみました。
このように、文字列のレイアウト調整なども、ボックス上部の各種ボタンを使ったり、簡単なHTMLを入力することで、初心者でもスムーズに行うことができました。
文字入力後は保存ボタンをクリック

profile19.png

保存をクリックすると、以下のような画面が開くので、
「設定が完了しました」の文号を確認したら(@)、右上の「閉じる」をクリック(A)

profile17.png
中央に、最終確認を促すボックスが開きます
問題なければ「OK」をクリック

profile21.png

「OK」を押すと「デザイン」の最初のページ(この画面)に戻ります 
ここまできたら、ブログを確認してみます

profile1.png

できました!!!



【このカテゴリーの最新記事】
プロフィール
うたたねスナックさんの画像
うたたねスナック

    関東在住 趣味は読書・歩くこと
    最近は買い物の話題などを
    中心に書かせてもらっています
    どうぞよろしくお願いいたします
プライバシーポリシー

お問い合わせ


検索
最新記事
カテゴリーアーカイブ
タグクラウド


×

この広告は30日以上新しい記事の更新がないブログに表示されております。