現在デフォルトスキンとして「Season (Autumn)」を適用中。

Cocoon 1.6.2公開。PWA(Progressive Web Apps)機能の実装。

アップデート情報
この記事は約4分で読めます。

CocoonをPWAに対応させました。

ただし、まだβ版機能なので利用する場合は、しっかりと動作確認をしてください。

スポンサーリンク

機能追加

  1. PWA機能実装
  2. jwplatform.com動画埋め込みに対応

    PWA機能実装

    Cocoonに、PWA機能を追加しました。

    詳細はこちら。

    PWA設定を行ってモバイル環境の高速化を行う方法
    Cocoonを「PWA(Progressive Web Apps)」に対応させて、よりスマホからのアクセスをしやすくする方法の紹介です。

    テーマデフォルト+高速化設定状態であれば、Lighthouseで満点も出ます(※サーバーにもよる)。

    PWAとは?という方は以下を参照してください。

    PWA (Progressive Web Apps) とは
    PWA (Progressive Web Apps) とは、Google や Mozilla が推進するプロジェクトで、Web ページでネイティブなモバイルアプリのような UX を提供する仕組みです。PWA に必要な Web App Manifest や Service Worker について解説します。

    当機能の実装には、上記内容を参考にさせていただきました。

    こちらはWordPressの実装方法がわかりやすい。

    【コピペでOK】WordPressをPWA対応させる方法(プラグインなし) | SimoSimo
    コピペで動く、WordPressをPWA対応させる方法を書きました。プラグインは使用しません。

    ただ、PWA機能は僕も完全に仕様を把握しているわけではなく、β版機能となります。

    機能を利用する場合は、しっかりと動作確認できる場合のみの利用をおすすめします。今のところ急いで導入する必要もないと思います。

    機能を有効化すると訪問者のブラウザに、PWA用のブラウザキャッシュが作成されてしまうので。まずはテスト環境での確認をおすすめします。

    jwplatform.com動画埋め込みに対応

    jwplatform.com動画の表示スタイルが対応していなかったので対応させました。

      埋め込み動画の表示がスマホでおかしく見えます。
      こんにちは。 ブログに動画を埋め込みで貼りつけました。 すると、pcではちゃんと表示されるのですが、スマホでは表示の範囲がおかしいです。 埋め込んだテキストは ブログの記事のアドレスは   テキストを書き換えると、ちゃんと表示されるのならば教えていただけると...

      変更

      1. .scrollable-table内のテーブルの上下マージンを削除
      2. Font Awesome4の同梱化

      不具合修正

      1. カラム幅に関する微細な不具合修正
      2. カラムのボーダー幅やカラム間の余白に0を設定できない不具合修正
      3. 投稿本文上ウィジェットが消えていった不具合修正
      4. IE環境でのヘッダーロゴスタイル調整

      関連トピック。

      カラム幅やサイドバーの幅を変えると親のboxの幅が設定した値より2px広くなる?
      お世話になっております。 細かい話で恐縮ですが、カラム幅やサイドバーの幅やカラム間の幅をデフォルトから変更すると、親の「.wrap」の値が設定値より2px広くなってしまいます。 デフォルトだとピッタリの計算なのですが、値を変更するとカラム間が2px広くなっちゃうような気がします。 カラム間を2px引...
      ロゴ表示がIEだと大きい
      ロゴ画像がIEだけ大きく表示されます。どこかおかしなことしてますか? ----------------------------------------------サイト名:HeartSound~あなたの心に鳴り響く音楽を探そう~サイトURLbr />ホームURLbr />コンテンツURL:/wp-c...

      楽天ブックマークレットの修正

      楽天の商品ページの仕様変更により、以前の「楽天ブックマークレット」が正常動作しなくなっていたので、修正対応しました。

      楽天商品リンクブックマークレットの使い方
      楽天商品リンクショートコードを手軽に作成するための「楽天リンク作成ブックマークレット」の登録方法と、使い方の解説です。

      以前のブックマークレットを利用している場合は、再登録が必要です。

      ブックマークレット「楽天商品リンク作成」が使えない
      いつもお世話になっております。表題の件につきまして、自ブログに楽天アフェリエイトのリンクを貼ろうとブックマークレットの楽天商品リンク作成を追加し、該当のページでクリックしても「Error:コードが見つかりませんでした」と表示されます。楽天価格ナビで試しても同様の表示が出ました。また、IEとクロームで...

      お礼

      リズ(rizu)様にAmazonギフト券をいただきました。

      ありがとうございます!

      疲れ目なので目薬を買わせていただきました。

      自動アップデート機能は、しばらく後に有効になります。
      Cocoonテーマの自動アップデート機能について

      個々のアップデートの詳細については以下の履歴を参照してください。
      GitHub Cocoonのコミット履歴

      アップデート情報
      スポンサーリンク
      わいひら

      無料WordPressテーマ、Simplicity、Cocoonを作成。当サイトと寝ログを運営しています。

      わいひらをフォローする
      わいひらをフォローする
      おすすめレンタルサーバー

      性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

      ◎LiteSpeedを用いた高速サーバー(完全SSD)
      ◎http/2・QUIC(高速化プロトコル)に対応
      ◎東京・大阪でリージョン選択が可能
      ◎プランのアップ・ダウングレードが自由自在
      ◎同サービス内でドメイン管理が可能
      ◎転送量が多い
      ◎毎日無料バックアップ(14日分)
      ◎復元ポイントを指定して復旧可能(無料)
      ◎アダルト・出会い系サイト可
      ◎ドメインとサーバー代のチャージ払いが可能
      ○サーバ引っ越しオプションあり(有料)
      サービス運営期間:1年1ヶ月

      1年以上の契約をする場合は、クーポンコード入力でさらに10%割引(※2019/12/31まで)。

      クーポンコード:PK4JK4RJ

      クーポンの使用方法はこちら

      プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

      ◎LiteSpeedを用いた高速サーバー(完全SSD)
      ◎http/2・QUIC(高速化プロトコル)に対応
      ◎プランのアップ・ダウングレードが自由自在
      ◎転送量が多い
      ◎毎日無料バックアップ(14日分)
      ◎復元ポイントを指定して復旧可能(無料)
      ◎アダルト・出会い系サイト可
      ○サーバ引っ越しオプションあり(有料)
      ○サーバー料金をチャージ払いが可能
      サービス運営期間:3年

      安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

      ◎nginxを用いた高速サーバー(完全SSD)
      ◎老舗サーバーなので安定感抜群
      ◎ディスク容量が多い
      ◎転送量が多い
      ◎同サービス内でドメイン管理が可能
      ○http/2(高速化プロトコル)に対応
      ○毎日無料バックアップ(14日分)
      △DBは7日分だけ無料復旧可能(ファイルは有料)
      ×プラン変更でCPUのスペックアップができない
      ×プラン変更しても即時反映されない
      ×アダルト・出会い系サイト不可
      サービス運営期間:16年

      とにかく速い。サイトに表示スピードを求めるならココ。

      ◎nginxを用いた高速サーバー(完全SSD)
      ◎プランのアップ・ダウングレードが自由自在
      ◎ディスク容量が多い
      ◎転送量が多い
      ○http/2(高速化プロトコル)に対応
      ○毎日無料バックアップ(14日分)
      ○DB復旧は無料(ファイルは有料)
      ○サーバ引っ越しツールあり
      ○サーバー料金をチャージ払いが可能
      △新しいサービスなので運営櫪がまだ短い
      サービス運営期間:11ヶ月

      格安な値段で始められる高機能サーバーです。
      性能も備えつつ最安ならここ。
      サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

      ◎LiteSpeedを用いた高速サーバー(完全SSD)
      ◎激安プランが用意してある
      ◎値段あたりのスペックが高い(コスパ良し)
      ◎サーバ引っ越しオプションあり(無料)
      ◎アダルト・出会い系サイト可
      ○http/2(高速化プロトコル)に対応
      △プランのアップは可能だがダウンは不可
      △毎日自動バックアップ(1日分)
      △前日のバックアップからのみ復元できる(無料)
      サービス運営期間:3年

      Cocoon

      コメント テーマの質問はフォーラムへ

      タイトルとURLをコピーしました