役立つ情報や便利なものを紹介します。自分の時間を自分らしく自由に活きよう。

希望ある人生に!

WPレスポンシブ

Mabuya / Pixabay

WPレスポンシブル

IT・情報通信 ブログ

affinger4でサイドバーへ簡単に画像付きプロフィールを表示させる方法

更新日:

Pocket

私も使っているアフィンガー4のカスタマイズについて書きたいと思います。

 

Image Widgetをインストールしてまずは下準備をします。

Image Widgetはウィジェットに写真を挿入するのに使いますので先にインストールしておいた方がプラグインと外観を行ったり来たりしなくていいので先にインストールしておいた方が作業が楽だと思います。

インストール方法ですが、プラグインの新規追加タブとクリックし、右上のキーワードと表示されている検索欄に「Image Widget」と入力すると出てきます。

インストールのタブを押してインストールが完了したら有効化します。

これで下準備は完了です。

スポンサーリンク

WPレスポンシブ対応

ウィジェットでImage Widgetをサイドバーへ設置

まずは写真を載せてしまいましょう。

外観 → ウィジェットをクリックして各パーツが表示されている画面へ移動します。

Image widgetのタブをクリックすると項目がドロップされるので挿入したい箇所を選択します。

私の場合はサイドバートップに表示させたいのでサイドバートップを選択して「ウィジェットを追加」をクリック。

そうすると右側のサイドバートップの一番下に追加されたと思います。

select an Imageのタブをクリックすると画像が選べますのでアップロードして写真のサイズを整えれば写真の表示は完成です。

ここで一旦、プレビューを確認して頂いてもいいと思います。

 

ウィジェットのテキストを使ってプロフィールを記入しましょう。

次にプロフィールの文章部分の作成に移ります。

手順は先程やって頂いたこととほどんど一緒です。

同じ画面(外観 → ウィジェット)でテキストタブをクリックすると項目がドロップされるので挿入したい箇所を選択します。

サイドバートップに表示させたいのでサイドバートップを選択して「ウィジェットを追加」をクリック。

 

 

タイトル部分がブログに表示される名称になりますので「プロフィール」と記入します。

内容のところには以下の様な形式で記入しました。この辺は書きたいことを書いて頂ければいいのかなと思います。

管理人:

年齢:

自由記入

右下の保存を押せばほとんど完成です。

 

 

あとはサイドバートップ部分の表示したい順番を変えれば終了です。

サイドバートップ内のタブを左クリックボタンを押しながら移動したいところまでマウスで移動して左クリックボタンを離せば移動完了です。

私は一番下から上から2、3番目の位置へ移動しました。

 

プレビューを見てみるとサイドバーに写真とプロフィールテキストが表示させれいると思います。

まとめ

ワードプレスを始めたばかりの頃は何かと苦労しますね。

私もかなり手こずってます。

設定はかなり簡単でしたが、調べて設定するまで軽く2,3時間は掛かりました。

次は私もプロフィールに使っている似顔絵ジェネレーターについて書ければいいかなぁなんて思ってます。

Pocket

u8x7co8

WPレスポンシブ対応

WPレスポンシブ対応

人気記事

1

お疲れ様です!18banです!!! 今回は気合入ってます!良い物見つけました! 美容室が開発したノンシリコンのオーガニックシャンプーなんですが、ラスリッシュって名前の優しいシャンプーです。 意外とファ ...

2

    目次1 全身脱毛専門店「シースリー」2 脱毛サロンiCELL(アイセル)3 銀座カラー脱毛美容エステ4 ラットタット 全身脱毛専門店「シースリー」 2013年、一都三県で3 ...

3

目次1 フレッシュフルーツ青汁 株式会社INK2 ぺこちゃんも愛用のダイエット青汁「めっちゃぜいたくフルーツ青汁」3 すっきりフルーツ青汁 株式会社メディアハーツ4 子どもの元気と成長をサポートする青 ...

4

お疲れ様です。18banです。 汗が気になる時期になってきましたね。 今日は最強の汗対策コンビをご紹介したいと思います。 あせしらずとサラフェ+です。 あせしらずはGLITTERでは紹介されてませんが ...

5

    結婚指輪、婚約指輪なら「銀座ダイヤモンドシライシ」 結婚指輪選びに困ったらまず相談してください! 創業20周年銀座ダイヤモンドシライシ 日本では初のブライダルジュエリー専門 ...

-IT・情報通信, ブログ
-,

Copyright© 希望ある人生に! , 2017 AllRights Reserved.