Simplicity2.3.1公開。AMPに対応。

Simplicityを2.3.1にバージョンアップしました。

主な変更点は以下。

  1. AMPに対応
  2. CFilteringインストールで自動連携機能追加
  3. バイラルシェアボタンの横幅の均等化
  4. コメントボックス入力でスライドインメニューを隠す機能追加(詳細
  5. 白抜きバイラルボタンスタイルのimportant除去
  6. ブログカードショートコードの不具合修正
  7. コメント表示で某スレッド掲示板風にしている場合にリスト番号が100を超えると番号表示がズレてしまう不具合修正(詳細

今回の目玉は、AMP機能追加です。ただしβ機能です。

ちなみに、子テーマも新しいものにバージョンアップしました。子テーマは、わざわざアップデートする必要はありません(※こう書いておかないと、アップデートされる方も中にはおられるので)。

スポンサーリンク

AMPに対応

先月、1年に2度は来ると言われる”やる気がある日”が訪れたので、これまで手をつけていなかったAMPに対応させてみました。

かなり、省エネのやり方を思いついたので、対応させてみましたが、やってみるとやっぱり結構面倒でした。

詳しい仕様は以下を参照してください。

Simplicity2.3.1からAMPに対応しました。 以下では、簡単にSimplicityでのAMP機能の使い方を説明します。 とは言...
Simplicity2.3.1からAMPに対応しました。 以下では、AMPページで表示するAdSense広告の設定方法を紹介したいと思い...

CFilteringプラグインで関連記事の精度強化機能追加

TechNoteさん制作のCFilteringプラグインをインストールすることで、関連記事の精度を高めることができるように機能追加しました。

詳しい説明は以下。

Simplicityの本文下には、関連記事が表示されています。 ただ、この関連記事は、アルゴリズム的に言えば、以下のような挙動になってい...
上記記事のカスタマイズコードをfunctions.phpに貼り付けている人は、削除してください。プラグインをインストールするだけで、適用されます。

詳しい仕様は、以下を参照してください。

ちなみに、当サイトでCFilteringを使用するようになって、2週間たちますが以下のようにパフォーマンスが上がりました。

「ページ/セッション」「滞在時間」が増え、直帰率が下がりました。おかげで、セッション数が2.86%の増加の割には、PVが7.36%と伸びました。

当サイトへのアクセスの大半が「関連記事」のないトップページや、ダウンロードページのような固定ページということを考えても、想像以上の効果がありました。

この機能は既にGitでコミットしてしまった手前、v2.3.0gから機能追加されていますが、本来はv2.3.1で実装するつもりだったので、この記事で紹介です。

バイラルシェアボタンの横幅の均等化

以前のバイラルシェアボタンは、幅が固定でしたが、端末ごとに幅が均一化されるようにスタイルを修正しました。

以下のように端末ごとに、3段階で表示されるように変更しました。

iPhone4などでは2列。

iPhone 6 Plusなどでは3列。

それ以上の幅の端末では4列にしました。

コメントボックス入力でスライドインメニューを隠す機能追加

コメント入力時に、スライドインメニューが邪魔になるので、コメント入力中は非表示になるように機能追加しました。

以下のトピックに、要望をいただきました。

お世話になります。 早速ですが、 ただいま【モバイルメニューでスライドインライト(ボタン下)】を使わせて頂いているのですが、 スマホでコメン...

あとがき

今回、AMPに対応しましたが、AMPは非常に厳しい制限のある仕組みです。

今のところ、思いつくAMPバリデーションエラーが出る所は、何とかエラーを吸収できるようにPHPコードで対応させることができたのではないかと思います。ただ、著者本人が書くコンテンツにエラーが出る要素が含まれていれば、AMPエラーが出ると思います。

こればっかりは、どうしようもないです。今後、PHPなどで対応できるところは、対応しようと思いますが、「全ての投稿でバリデーションエラーが出ないように」なんてことはできないのでご了承ください。

また、今回追加したAMP機能は、β機能です。「自分のサイトで試してやっていいぜ!」という方は、試していただけると幸いです。

スポンサーリンク