どうも、novaです。

今回は「賢威７のプロフィールに画像を載せる方法」ということでお伝えしていきます。


今回のカスタマイズは・・・

今回のカスタマイズしていくことは以下の作業になります。


ウィジェットに
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-22-59-50
↓

プロフィール画像を載せる方法をお伝えします。
%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-22-44-26

では頑張っていきましょう。


メディアファイルにプロフィール画像を入れる

まずはメディアファイルに画像を入れておく必要があります。

画像をメディアファイルにアップする方法は以下の別途コンテンツを参照してください。
→http://creations-serialism.com/archives/1565


ウィジェット作成ページへ行く

メディアファイルに画像をアップし終わりましたら、
WordPress管理画面の【外観】→【ウィジェット】へと進みます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-01-22-08-38

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-01-22-10-57
次に画面の右側の【利用できるウィジェット】から【テキスト】を左側のサブコンテンツ域に
ドラッグして追加します。


%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-22-13-29


この「▼」を押すと詳細を見ることができますが、今は何も入力されていませんね。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-22-15-06

ここに入力していきます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-22-15-44

タイトルを、ここでは「プロフィール」としておきます。


次に内容のところに以下のHTMLコードを入力します。



HTMLコードのコピー方法はこちら
→ http://creations-serialism.com/htmlchordcopy


「あなたのプロフィール写真のURL」の部分は、
あなたがアップした画像のURLをコピペしてください。


実際にやってみますね。


URLをコピーして、

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-22-32-54


貼り付けます。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-22-35-35

ウィジェットの順番が一番下になっているので、
プロフィールを一番上にもってきますね。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-22-40-51

ではWebサイトから確認してみましょう。

%e3%82%b9%e3%82%af%e3%83%aa%e3%83%bc%e3%83%b3%e3%82%b7%e3%83%a7%e3%83%83%e3%83%88-2016-10-02-22-44-26

おっ。上手くいきましたね＾＾


今回は「賢威７のプロフィールに画像を載せる方法」ということでお伝えしました。


では最後までありがとうございました。


nova


こちらに「賢威7カスタマイズまとめページ」を作成したので、宜しければご利用ください。
→【賢威７】カスタマイズ解体新書