お問い合わせフォームとプロフィール

サイト構築日誌
スポンサーリンク

今日はお問い合わせフォームとプロフィールの作成をしました。

プロフィールのアイコンを作ったのでまた少しそれらしくなってきた様な気がしますね。

ではどの様に作ったかをシェアしたいと思います。

プロフィール用アイコンの作成

 先ずはプロフィール用の画像ですがこれはなんと無料で個人、商用問わずに自由に使えてしまうとてもありがたいサイトで作っちゃいました。そのサイトがIconponというサイト。

https://www.iconpon.com/iconmaker/

 見ての通りとても可愛らしい似顔絵を自分せ作ることができます。作り方は家庭用ゲーム機でアバターを作る様な感覚でしたね。

 今回はいけてる似顔絵メーカーを使って作成したのですが画像を見ての通り顔のそれぞれのパーツをが何種類も用意されていて自分の好きなデザインを選び顔の色やパーツの位置を決めれば出来上がり!

あとは画像をダウンロードするだけでした。

 このままでも使用はできるのですが、ちょっと画像が重たいと思ったので私は「Xnconvert」という画像変換ソフトでサイズやファイル形式をpngからjpegに変換しました。

このアプリなんと無料で使えてしまって画像の変換、リサイズ、その他色々なことがこのアプリ一つでできてしまうので本当に便利です。私が使ったのはMac版ですがWindows版もあるので是非探して見てください。

プロフィールの作成

 プロフィールの作成はWordPressの管理画面サイドバーのユーザー・プロフィールから編集できます。そこでメールアドレスや表示名、アイコン、紹介文の入力ができました。

その他SNSの設定などもできましたが、私はまだSNSを使ってないので(汗)設定はしませんでした。ここでプロフィールの内容を設定したら次はそれをどこに表示するかを設定します。

 表示する場所の設定はサイドメニューの外観・ウェジットから(C)プロフィールを選択すると表示させる場所を指定できます。私はサイドバーに表示させる様に設定をしました。

お問い合わせフォームを作る

 お問い合わせフォームはアフィリエイトブログを運営する上では非常に重要でブログを見にきてくれた方の意見を受けるだけでなく、アフィリエイトの問い合わせなどもあるとのことでした。

作成の仕方はプラグインを使うことでとっても簡単にできました。

使用したプラグインは富士山マークの「Contact Form7」サイドメニューのプラグインから右上のキーワード検索すればすぐに見つかりました。「今すぐインストール」をクリックし有効化すればサイドメニューに「お問い合わせ」が追加されます。

追加された「お問い合わせ」をクリックし上にある「新規追加」をクリックします。

 するとコンタクトフォームを追加の画面になりその下に題名を入れることができるので「お問い合わせ」とか「コンタクトフォーム」などを入れておきます。メールタグを押すと設定画面になりますので送信先に使用するメールアドレスを入れ(このフォームで使用するメールアドレスを入れましょう。)その他はデフォルトで大丈夫ですので保存ボタンを押して保存します。


すると青い背景に白文字でショートコードが表示されるのでこれをコピーします。

最後に固定ページ・新規作成で表題に「お問い合わせ」その下の段落に先ほどコピーしたショートコードを貼り付けると上の写真の様な表示になるので、プレビューで確認して公開すれば完成です。

今回作成したお問い合わせページとサイドバーに表示されるプロフィール

ちなみにお問い合わせにはヘッダーメニューからいける様に設定しました。次回はプロフィールの固定ページを作成していこうと思います。

2021年1月19日 Massa

サイト構築日誌
スポンサーリンク
Massaをフォローする
Massa-Go!Go!!

コメント

タイトルとURLをコピーしました