コンテンツへスキップ

[ワードプレス] プラグインを使用せずにサイドバーにプロフィールを設置する方法 コピペOK

  • by

ワードプレスを使用してブログを始めようとする時に大切なのがプロフィールです。

ブログを訪れた人は、どんな人が記事を書いているのかが知りたいですし、その人が面白そうな人ならブックマークにして定期的に読みたいと思うかもしれません。

それで、サイドバーに自分のプロフィールを載せておくのは読者を増やすのには良い対策と言えます。

今日はワードプレスでプラグインを使用せずにプロフィールをサイドバーに設置する簡単な方法をお知らせします。

このブログのサイドバーにあるようなプロフィール紹介です。

とても簡単、重くなるプラグインも不要でほぼコピペだけで完成します。

以下のコードを[外観]→[ウィジェット]→[カスタムHTML]に貼り付けて、【】(赤文字) の部分をご自分用に置き換えるだけです。

<center>
<img src="【プロフィール画像のURLを指定】"
width="140" height="140" class="myprofile" alt="【プロフィール画像のALTテキストを指定】">
<p style="text-align: center;"><strong>【プロフィール名を指定】</strong></p>
Twitter: <a href="https://twitter.com/【Twitterのアカウント名を指定】>【Twitterのアカウント名を指定】</a>
<p style="text-align: center;">【自己紹介文を入力】</p>
</center>

プロフィール画像は[メディア]→[新規追加]でアップロードし、[URLをクリップボードにコピー]でURLをコピーできます。

Twitterを使用していない方は、Twitter:の部分とその後の<a>タグ部分を削除してください。

プロフィール画像をCSSで丸く切り取りたい方は、[外観]→[カスタマイズ]→[追加CSS]に以下のコードを貼り付けてください。

.myprofile {
border-radius: 50%;
}

何かご不明な点がありましたら、お気軽にコメント欄からお知らせください。

Facebooktwitterredditpinterestlinkedinmail

コメントを残す

メールアドレスが公開されることはありません。

CAPTCHA