Simplicity(WordPress)のサイドバーに中央揃えのプロフィール欄を追加する

Simplicity(WordPress)のサイドバーに中央揃えのプロフィール欄を追加します。
完成イメージは以下の画像の通り。

広告




実施手順

実施手順は次の通りです。

  • 管理画面にログイン後、「外観」-> 「ウィジェット」を選択する。
  • 「カスタムHTML」ウィジェットを選択し、サイドバーにドラッグする。
  • ウィジェットをクリックし、以下のコードを入力する。
    • hogehoge.jpg には自身のプロフィール画像のURLを入れてください。私は、WordPressに画像を登録して生成されたサムネイルのURLを貼り付けました。
<div align="center">
<p><img src="hogehoge.jpg" alt="" width="150" height="150" class="alignnone size-thumbnail wp-image-5342" /></a></p>
<b>名前</b>
<p>自己紹介文</p>
</div>
  • 「保存」を押下する。

あとがき

サイドバーにプロフィールを表示しているサイトをよく目にするようになり、どんな人が書いているのか一目で見てわかるので良いなと思い、私も追加しました。

プロフィール欄を中央揃えにするために、 center タグを使っているサイトを見かけましたが、 center タグはHTML5で廃止されるため、使わないほうがいい。

<CENTER>-HTMLタグリファレンス

本当は、スタイルシートで中央揃えとか指定したほうがいいんだよなと思いつつ、暫定で <div align="center"> 使いました。そのうち直します。

広告




シェアする

広告