サイドバーにプロフィールを追加する

2019年8月18日

よくサイドバーにプロフィールが書いてあるサイトを見かけますよね。スマホ画面からだと一番下に表示されていることが多いです。あれはどのように作るのでしょうか。

サイドバーのプロフィール画面は「外観→ウィジェット」から

今回はこちらのページを参考にさせていただきました。
コピペOK!WordPressのサイドバーに写真入りプロフィールを設置する方法

サイドバーにプロフィールを表示させるには「外観→ウィジェット」を編集するようです。

ウィジェットというのは普段聞きなれない言葉ですが、これはページをカスタマイズする仕組みのことだそうです。ここではサイドバーの項目のことを指すくらいに思っておきます。

このなかに「カスタムHTML」というのがあるので、それをドラッグして右上の「汎用サイドバー」まで移動させます。

すると、私のブログでいうと右側のサイドバーにひとつ項目が追加されます。
この「カスタムHTML」を編集していきます。このなかはHTMLで編集するので、実は何でも良いのですが、参考ページからコピペして持ってきました。

もうこれでほとんど完成です。

あとは、プロフィール写真をアップロードをして、その写真のURLをコピーして貼り付けます。

これで完成です。自分のブログページを見てみましょう

プロフィール画面が出来ています。

プロフィール画面を編集する

先にも書きましたが、このプロフィール画面はHTMLで編集しますので、HTMLが少し分かれば簡単に中身をいじることができます。名前を中央に持っていきたいと思ったら<center></center>を追加します。

このような感じですね。更新して自分のブログに戻ってみましょう。

思ったとおり、「名前:御来光」が真ん中に来ていますね。

まとめ

プロフィールがあると本格的にブロガーになったような気分になります。また、この文章を書いているのは自分だという責任感のようなものも芽生えてきてモチベーションも上がりますね。

今のプロフィールはまだ内容が全然ありませんが、編集の仕方はわかったのでこれから充実させていきたいと思います。

よろしければクリックをお願いします↓

にほんブログ村 IT技術ブログ WordPressへ
にほんブログ村