ポートフォリオ用WEBサイト

ポートフォリオ用WEBサイト

制作時期：2020年10月
制作時間：約３日
使用ツール：Adobe Photoshop/Adobe illustrator
作品説明：当ホームページ。
WordPressを利用して就活の為のポートフォリオ用WEBサイトとして花屋のHPをイメージして制作した。
ブーケと壁紙以外の画像はすべての素材を自作。LightningというWordPressテーマを使用。
細かなCSSの設定によるカスタマイズは追加CSS入力欄に入力した。Jetpackプラグインをインストールしてアクセス解析を追加。
SEO対策として固定ページ以外の投稿コンテンツにはツイッターやフェイスブック、LINE（スマホ版のみ）などのソーシャルボタンを設置した。
Jetpackのサイトマップを利用してGoogleのSearch ConsoleにXMLサイトマップを登録した。それによりサイト全体がGoogleからの検索に最適化された。UpdraftPlusというプラグインで定期的に自動でバックアップを行う機能を追加。万が一WEBサイトのファイルを消去してもバックアップファイルから復元できるようになった。
WordPressによるWEBサイト制作は今回が初めてだった為、Lightning（テーマ）にすでに組み込まれているCSSのクラス名を拾い出すのに苦労した。
クラス名の洗い出しは実際に出来上がったサイトのHTMLファイルをGoogle Chromeの検証機能を使って洗い出した。
テーマのCSSファイルのコードを見やすく整理する為にChild Theme Configuratorというプラグインが役立った。Google Chromeによる検証と実際のLightningテーマのCSSを見比べなら有効なクラス名を探し出して追加CSS入力欄に入力していった。

※ちなみに現在当サイトはレンタルサーバーから割り当てられたドメインを使用しており、独自ドメイン（別途有料）を取得した場合すぐにサイトを常時SSL化させる事が可能になります。サイトがSSL化によって常時SSL証明書を発行されるようになるとGoogle Chromeのアドレスバーから〈保護されていない通信〉の表示が消え、サイトのセキュリティーレベルを上げる事が可能です。ドメインが常時SSL化されればECサイトなどで商品を販売したり顧客の個人情報を扱う事ができるようになります。当サイトはあくまでもポートフォリオ用のサイトの為、現在特段にSSL化する必要が無い為独自ドメインを取得しておりません。