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週間たちますが以下のようにパフォーマンスが上がりました。

CFilteringプラグインの仕様前、使用後

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

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

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

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

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

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

iPhone4などでは2列。

iPhone4のバイラルボタン

iPhone 6 Plusなどでは3列。

iPhone6Plusのバイラルボタン

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

タブレットなどでのバイラルボタン

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

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

コメント入力

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

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

あとがき

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

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

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

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

スポンサーリンク
アドセンス(大)
アドセンス(大)

スポンサーリンク
アドセンス(大)

コメント

  1. ボヘミアン より:

    AMPの対応お疲れ様です。ありがとうございます。

  2. わいひら わいひら より:

    以前の書き込みより、大変お待たせいたしました。
    Googleも、結構本気で普及させるつもりのように見えましたし、
    最近、比較的手軽に実装出来る方法を思いついたので、勢いに任せて実装してみました。
    うまく動作すればよいのですが。

  3. 古沢伸介 より:

    フォーラムに投稿しようとすると、
    403 Forbidden
    A potentially unsafe operation has been detected in your request to this site.
    が表示されるのですが、
    私のところだけでしょうか。

    • 古沢伸介 より:

      フォーラムに書き込む事ができました。投稿に使用できない文字が入っていたため403エラーが出ていたようです。
      お騒がせして申し訳ありませんでした。

  4. わいひら わいひら より:

    フォーラムに、コードなどを貼り付けると、おそらくXSERVERのファイアウォールが攻撃と勘違いして、投稿をブロックするのだと思います。

  5. technote より:

    v2.3.1で追加されたlib/php-html-css-js-minifier.phpで無名関数が使用されているため、PHP5.3未満でパーサーエラーが発生するようです。
    対応いただけると幸いです。

  6. わいひら わいひら より:

    とりあえず、無名関数部分を修正してみました。
    https://github.com/yhira/simplicity2/tree/fix_php-html-css-js-minifier.php
    こんな感じで、とりあえずはPHP5.3未満でも動作するかと思っています。
    https://github.com/yhira/simplicity2/commit/97bf13325ecc0c0b1495f2005b83a6a822635768
    この後、もう少し動作テストしてみて問題ないようなら、次のバージョンで適用したいと思います。

  7. technote より:

    確認しましたが問題ないようです。
    素早い対応ありがとうございました。

  8. わいひら わいひら より:

    ご確認いただきありがとうございます!