CocoonをPWAに対応させました。
ただし、まだβ版機能なので利用する場合は、しっかりと動作確認をしてください。
機能追加
- PWA機能実装
- jwplatform.com動画埋め込みに対応
PWA機能実装
Cocoonに、PWA機能を追加しました。
詳細はこちら。
ページが存在しません | Cocoon
WordPress無料テーマ
wp-cocoon.com
テーマデフォルト＋高速化設定状態であれば、Lighthouseで満点も出ます（※サーバーにもよる）。
PWAとは？という方は以下を参照してください。
https://murashun.jp/blog/20171210-01.html
murashun.jp
当機能の実装には、上記内容を参考にさせていただきました。
こちらはWordPressの実装方法がわかりやすい。
【コピペでOK】WordPressをPWA対応させる方法（プラグインなし）
当ブログ（WordPress）をPWAに対応させたので必要なファイルや導入手順を解説します。 必要なファイル PWAに必要なファイルは大きく分けて以下の3つ。 アイコン manifest.json sw.js どれも記述
nullnull.dev
ただ、PWA機能は僕も完全に仕様を把握しているわけではなく、β版機能となります。
機能を利用する場合は、しっかりと動作確認できる場合のみの利用をおすすめします。今のところ急いで導入する必要もないと思います。
機能を有効化すると訪問者のブラウザに、PWA用のブラウザキャッシュが作成されてしまうので。まずはテスト環境での確認をおすすめします。
jwplatform.com動画埋め込みに対応
jwplatform.com動画の表示スタイルが対応していなかったので対応させました。
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...
wp-cocoon.com
変更
- .scrollable-table内のテーブルの上下マージンを削除
- Font Awesome4の同梱化
不具合修正
- カラム幅に関する微細な不具合修正
- カラムのボーダー幅やカラム間の余白に0を設定できない不具合修正
- 投稿本文上ウィジェットが消えていった不具合修正
- IE環境でのヘッダーロゴスタイル調整
関連トピック。
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...
wp-cocoon.com
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...
wp-cocoon.com
楽天ブックマークレットの修正
楽天の商品ページの仕様変更により、以前の「楽天ブックマークレット」が正常動作しなくなっていたので、修正対応しました。
楽天商品リンクブックマークレットの使い方
楽天商品リンクショートコードを手軽に作成するための「楽天リンク作成ブックマークレット」の登録方法と、使い方の解説です。
wp-cocoon.com
以前のブックマークレットを利用している場合は、再登録が必要です。
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります...
wp-cocoon.com
お礼
リズ(rizu)様にAmazonギフト券をいただきました。
ありがとうございます！
疲れ目なので目薬を買わせていただきました。
