>>世界一簡単なWordPressブログの作り方<<

WordPressのサイドバーに画像付きプロフィールを設置する【プラグイン無し】

 

こんにちは!KEN(@KEN_kenblog)です!

 

WordPressのサイドバーに画像付きのプロフィールを設置したいのですが、どうやればいいのか教えて欲しい」

そんな疑問にお答えします。

 

本記事の内容

本記事の内容↓

・WordPressのサイドバーに画像付きのプロフィールを設置する手順【プラグイン無し】

WordPressのサイドバーに画像付きのプロフィールを設置する手順

WordPressのサイドバーに画像付きのプロフィールを設置する手順

本記事では、プラグインを使わずにWordPressのサイドバーに画像付きのプロフィールを設置する方法をご紹介します。

やり方はさほど難しくもなく、画像さえあれば10分ほどで設置することが可能ですよ。

手順は下記のとおり。

①画像をアップロードする。

②画像設置用のコードをウィジェットにコピペする。

③コピペで画像URLをコードに貼り付ける。

④プロフィール(自己紹介文)を書く。

上記の4ステップで設置していきます。

順番に見ていきましょう。

①画像をアップロードする

先ずは最初にプロフィールに表示させたい画像をアップロードします。

WordPress左サイドバーから「メディア」→「新規追加」をクリック。

WordPress左サイドバーから「メディア」→「新規追加」をクリック

こちらから画像をアップロードさせましょう。

②画像設置用のコードをウィジェットにコピペする

WordPressの左サイドバーから「外観」→「ウィジェット」をクリックします。

次にウィジェット内の「テキスト」を「PC:メインサイドバー」にドラッグ&ドロップします。

「テキスト」を「PC:メインサイドバー」にドラッグ&ドロップ

そして「テキスト」を開きます。

 

次にタイトルを記入します。

タイトルを記入

そして、ビジュアルとテキストと選べるので「テキスト」をクリック。

「テキスト」をクリック

<div><center>
<img style=”border-radius: 50%;” src=”
ここに画像URLをコピペする。” 
alt=”プロフィール” width=”180″ height=”180″ />
</center></div>

次に上記コードをテキストの枠に貼り付けます。

貼り付けるとこんな感じになるはずです。

コードをテキストの枠に貼り付け

コード内に「ここに画像URLをコピペする」とありますが、ここに画像URLをコピペで貼り付けます。

画像URLの貼り方は下記で説明します。

③画像URLをコードに貼りつける

次に画像URLを貼り付け作業を行います。

まず、先ほどコピペしたコードの「ここに画像URLをコピペする」の記述を削除します。

「ここに画像URLをコピペする」の記述を削除

次に「メディアを追加」をクリックします。

画像を選択。

画像を選択

画像の詳細にURLが表示されるのでコピペしましょう。

画像URLをコピペ

先ほどの「ここに画像URLをコピペする」の記述を削除した場所に画像URLを貼り付けます。

画像URLを貼り付け

これで画像はOK。

④プロフィール(自己紹介文)を書く

後はコードの下の段からプロフィール(自己紹介文)を書いていけばOKです。

プロフィール文を記述

最後に忘れずに「保存」をクリックして下さいね。

こちらテスト画像ですが、こんな感じに表示されましたよ(。-`ω-)

テスト画像

以上でWordPressのサイドバーに画像付きのプロフィールを設置する方法をご紹介しました。

やってみると、簡単すぎてビビりますよね。

それではまったねー(´・ω・`)

 

ABOUT US

KEN
レトロゲームが大好物な34歳。ゲーム攻略ブログ「kenblog」の管理人。 僕のブログでは【初心者でもクリアできる】をモットーに『テリーのワンダーランドRETRO』や『ロマサガ3リマスター』などの攻略記事を紹介しています。世界一簡単なゲームブログの始め方も書いています。ゲームブログを始めようと考えている方はぜひ参考にして下さい。