2017年10月18日
【ファンブログカスタマイズ】サイドバーにプロフィールを表示したい
数年ぶりに再びブログをはじめてみるにあたって、思い切って、ブログのカスタマイズに挑戦してみることにしました。
とはいっても、完全なド素人。
さっそく、カスタマイズ云々以前の、「きほんのき」みたいなところでつまずきまくりの日々です。
今回直面したのは、
サイドバーのプロフィール欄に説明文を載せるにはどうすればよいかという問題。
編集しようとすると、どうしても「プロフィール」用の別ページにとんでしまいます。
先人のお知恵を拝借しようと、秋の夜長に2時間ほどネットの海をさまようも答えを探し出せず…。
結局は、ブログ内をあちこちいじっているうちに、自己解決に至りました。
わかってみれば、灯台下暗し的な、実に拍子抜けするほど簡単な方法でしたが、つい失念してしまいそうなので、備忘録がわりにその方法をまとめておきたいと思います。
ファンブログでサイドバーにプロフィールを表示する方法
ログイン後に開く「マイページ」内の「ブログ一覧」から、「デザイン」をクリック
「デザイン」のページが開いたら、「コンテンツ(サイドバーの編集)」タブをクリック
クリック後、以下のようなページが開きます
ページ内のサイドバー編集部分の「プロフィール」の右にある歯車(みたいな)部分をクリック
「コンテンツの編集」というボックスが開きます
ボックス内の”挿入テキスト(上部/下部)”と書かれた部分の左にある矢印をクリック
以下のように、テキストボックスが展開しました(上部用と下部用の2か所)
さっそく、好みの位置に文章が設置できるよう、ボックス内に文字を入力していきます
プロフィール画像の上部に説明文を表示したいときは
「挿入テキスト(上部)」のボックスの方に文字を入力
以下のように、プロフィール画像の上に文章が入ります
同じ要領で、
プロフィール画像の下部に説明文を表示したいときは
「挿入テキスト(下部)」のボックスの方に文字を入力
以下のように、プロフィール画像とタイトルの下に文章が入ります
もちろん、両方のボックスに文字を入力して、画像の上下に同時に文章を表示することもできます。
自分の場合は、画像の下に説明文を入れたかったので、
「挿入テキスト(下部)」の方に、文章を入力。
そのままだとレイアウトがちょっと気になってしまったため、「中央寄せ」や「改行」を使用して、少し体裁を整えてみました。
このように、文字列のレイアウト調整なども、ボックス上部の各種ボタンを使ったり、簡単なHTMLを入力することで、初心者でもスムーズに行うことができました。
文字入力後は保存ボタンをクリック
保存をクリックすると、以下のような画面が開くので、
「設定が完了しました」の文号を確認したら(@)、右上の「閉じる」をクリック(A)
中央に、最終確認を促すボックスが開きます
問題なければ「OK」をクリック
「OK」を押すと「デザイン」の最初のページ(この画面)に戻ります
ここまできたら、ブログを確認してみます
できました!!!
【このカテゴリーの最新記事】