Simplicityを2.3.1にバージョンアップしました。
主な変更点は以下。
- AMPに対応
- CFilteringインストールで自動連携機能追加
- バイラルシェアボタンの横幅の均等化
- コメントボックス入力でスライドインメニューを隠す機能追加(詳細)
- 白抜きバイラルボタンスタイルのimportant除去
- ブログカードショートコードの不具合修正
- コメント表示で某スレッド掲示板風にしている場合にリスト番号が100を超えると番号表示がズレてしまう不具合修正(詳細)
今回の目玉は、AMP機能追加です。ただしβ機能です。
ちなみに、子テーマも新しいものにバージョンアップしました。子テーマは、わざわざアップデートする必要はありません(※こう書いておかないと、アップデートされる方も中にはおられるので)。
AMPに対応
先月、1年に2度は来ると言われる”やる気がある日”が訪れたので、これまで手をつけていなかったAMPに対応させてみました。
かなり、省エネのやり方を思いついたので、対応させてみましたが、やってみるとやっぱり結構面倒でした。
詳しい仕様は以下を参照してください。
CFilteringプラグインで関連記事の精度強化機能追加
TechNoteさん制作のCFilteringプラグインをインストールすることで、関連記事の精度を高めることができるように機能追加しました。
詳しい説明は以下。
詳しい仕様は、以下を参照してください。
ちなみに、当サイトでCFilteringを使用するようになって、2週間たちますが以下のようにパフォーマンスが上がりました。
「ページ/セッション」「滞在時間」が増え、直帰率が下がりました。おかげで、セッション数が2.86%の増加の割には、PVが7.36%と伸びました。
当サイトへのアクセスの大半が「関連記事」のないトップページや、ダウンロードページのような固定ページということを考えても、想像以上の効果がありました。
バイラルシェアボタンの横幅の均等化
以前のバイラルシェアボタンは、幅が固定でしたが、端末ごとに幅が均一化されるようにスタイルを修正しました。
以下のように端末ごとに、3段階で表示されるように変更しました。
iPhone4などでは2列。
iPhone 6 Plusなどでは3列。
それ以上の幅の端末では4列にしました。
コメントボックス入力でスライドインメニューを隠す機能追加
コメント入力時に、スライドインメニューが邪魔になるので、コメント入力中は非表示になるように機能追加しました。
以下のトピックに、要望をいただきました。
あとがき
今回、AMPに対応しましたが、AMPは非常に厳しい制限のある仕組みです。
今のところ、思いつくAMPバリデーションエラーが出る所は、何とかエラーを吸収できるようにPHPコードで対応させることができたのではないかと思います。ただ、著者本人が書くコンテンツにエラーが出る要素が含まれていれば、AMPエラーが出ると思います。
こればっかりは、どうしようもないです。今後、PHPなどで対応できるところは、対応しようと思いますが、「全ての投稿でバリデーションエラーが出ないように」なんてことはできないのでご了承ください。
また、今回追加したAMP機能は、β機能です。「自分のサイトで試してやっていいぜ!」という方は、試していただけると幸いです。