2019年8月20日
本日、ホームページをリニューアルしました。前回のリニューアルからまだ3年弱ではありますが、アニメーション効果で利用していたwow.jsが有償になっていた事が発覚した事やスタイルシートのモバイルファースト化のためのリニューアルです。
◆リニューアルの特長
- HTML5+CSS3をWordPressにて制作
- スマートフォン、タブレット(小)、タブレット(大)、パソコンの4種に対応したレスポンシブウェブデザイン
- スマートフォン、タブレット(小)での閲覧時のみハンバーガーメニューを採用
- スクロールに連動してコンテンツに動きがつけられるスクリプト「AOS」を採用
- カスタムフィールドにプラグイン「Advanced Custom Fields」を採用
- トップページのスライドショーにプラグイン「Smart Slider3」を採用
- プラグイン「List category posts」のショートコード「customfield_display=」を利用しカスタムフィールドに設定したYouTubeを出力
◆スタイルシートでの対応
- スタイルシートをモバイルファーストで制作
- iPhone閲覧時、submitボタン(送信や検索)の丸みをCSS「border-radius」にて調整
- スマートフォン閲覧時URLが折り返さない現象をCSS「word-wrap:break-word;」にて対応