Cocoon 2.9.4.1公開。アクセス解析ダッシュボードの追加と各種機能の改善

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

Cocoon 2.9.3からの変更点です。

今回は、Cocoon独自のアクセス集計データを可視化するダッシュボードの追加がメインです。

アクセス解析をはじめ、SNS、ボタン、ブログカードの機能も拡張しました。あわせて、モバイル表示やブロックエディター、目次などの不具合を修正しました。

\エックスサーバー開発のWordPressテーマ/
エックスサーバー開発のWordPressテーマ

機能追加

アクセス解析ダッシュボードを追加

管理画面の「アクセス集計」に、Cocoonが独自に集計したアクセスデータを確認できるダッシュボードを追加しました。

今日・昨日・直近7日・今月・全期間のPVや前期間との比較に加え、PV推移、カテゴリー・タグ・投稿タイプ別の構成、人気記事、急上昇記事、曜日別PV、直近52週間のアクセスカレンダーを確認できます。ダッシュボードのタイルは並べ替えに対応し、配置はユーザーごとに保存されます。

アクセス解析ダッシュボードの主要指標とアクセスカレンダー

「ランキング」「記事別」「カテゴリー/タグ」「著者」「ライフサイクル」「エクスポート」「設定」の各画面も追加しました。集計期間や投稿タイプなどでデータを絞り込み、CSVまたはJSON形式で書き出すこともできます。

記事のライフサイクル分析に対応

記事の公開後にアクセスがどのように推移したかをグラフで確認できる、ライフサイクル画面を追加しました。

記事検索、無限スクロール、集計期間による記事一覧の絞り込みに対応しています。グラフは7日、30日、90日、1年、全期間、カスタム期間から選択でき、元の集計期間を変えずに一時的な表示範囲の変更も行えます。

記事ごとのアクセス推移を確認できるライフサイクル画面

Redditのシェア・フォローボタンを追加

SNSシェアボタンとSNSフォローボタンにRedditを追加しました。Cocoon設定やユーザープロフィールから設定でき、各スキンにもRedditボタンのスタイルを反映しました。

Redditを追加したSNSシェアボタンとSNSフォローボタン

ボタンブロックに配置ツールバーを追加

ボタンブロックと囲みボタンブロックに、水平・垂直方向の配置を変更できるツールバーを追加しました。グループやカラム内で使用した場合の幅指定にも対応しました。

ボタンブロックの水平方向の配置ツールバー
ボタンブロックの垂直方向の配置ツールバー

ブログカードのカスタマイズ用フックを拡張

外部ブログカードのサムネイル、タイトル、スニペットを変更するフックに、対象となる元URLを第2引数として追加しました。内部ブログカードのタイトルとスニペットを変更するフックにも内部URLを追加し、URLに応じた出し分けを行いやすくしました。

RSSショートコードのカード出力をテンプレート化

RSSショートコードで表示するカードをテンプレートファイルから出力するように変更しました。子テーマのテンプレート引数用フックを利用して、RSSカードをカスタマイズできるようになりました。

ランキングアイテムの下方向への移動に対応

ランキングアイテムに「アイテムを下に移動」リンクを追加しました。従来の上方向への移動とあわせて、アイテムの並び順を変更しやすくしました。

ランキングアイテムに追加された下方向への移動リンク

SNSフォローサービスの拡張フィルターを追加

フォローボタンのサービス定義に cocoon_sns_follow_services フィルターを追加しました。子テーマやプラグインから、サービスの追加、削除、並べ替えを行えるようになりました。

変更

設定画面のプレビューを軽量化

Cocoon設定内のプレビュー処理を見直し、必要な画面をキャッシュして表示するようにしました。設定変更や投稿、メニュー、ウィジェットなどの更新時にはキャッシュを削除し、最新の状態が反映されます。

noteのロゴとブランドカラーを変更

noteのシェア・フォローボタンに使用するロゴを新しいデザインに変更し、ブランドカラーを黒に変更しました。

モバイルメニュー設定の表記を変更

モバイルメニュー設定の「ボタンを表示しない(ミドルメニューのみ)」を「ボタンを表示しない」に変更しました。

不具合修正

ボタンとショートコード

  • ショートコード挿入後のフォーカス外れと意図しない空段落の残留不具合の修正
  • ボタンと囲みボタンでカスタム文字色がホバー時に反映されない問題の修正
  • ボタンの幅を100%にした場合の表示をWordPress標準のボタンと統一
  • グループやカラム内でボタンを幅100%にした場合のエディター表示の修正

ブログカードとブロックエディター

  • URLの後ろに文字列が続く場合に、意図しない範囲までブログカードとして認識される問題の修正
  • ブログカードの無効化を解除した際に、URLの前に付けた感嘆符が残る問題の修正
  • 日本語スラッグを含む未エンコードURLでブログカードの無効化を正しく解除できない問題の修正
  • ブログカード対象外の拡張子判定と外部サイトのOGP情報取得処理の改善
  • WordPressサイトのURLを貼り付けた際に、エディターと公開画面で表示が異なる問題の修正
  • WordPress 7.0環境で、ブログカードの旧形式ブロックが編集画面エラーを起こす問題の修正
  • WordPress 7.0環境で、タイムラインアイテムと検索ボックスの旧形式ブロックが編集画面エラーを起こす問題の修正

モバイル表示

  • ヘッダーモバイルボタンに本文の先頭が隠れる問題の修正
  • メニュー名が折り返された場合にモバイルメニューが完全に隠れない問題の修正

目次

  • 閉じタグが欠落した見出しを含む記事で、目次が本文を巻き込む問題の修正
  • 開始タグと終了タグの見出しレベルが一致しない場合に、本文の表示が崩れる問題の修正

表示とデータ処理

  • sizes="auto" が指定された画像の下に大きな余白が発生する問題の修正
  • おすすめカードで非表示に設定した説明文が表示される問題の修正
  • 存在しないカテゴリーIDが指定された場合に、PHP 8.1で警告が発生する問題の修正
  • 不正な更新日や公開日と更新日の逆転によって、日付表示が不整合になる問題の修正
  • カード系リンクの title 属性にHTMLタグが含まれる問題の修正
  • ランキングアイテムの移動時に、移動元または移動先が存在しない場合の処理の修正

スキンの修正

  • スキン「てがきノート」: スマートフォンのグローバルナビに色を設定した際、メニュー文字が見えなくなる問題の修正
  • スキン「みるらいと」: CodePenボタンに誤ったクラスが使用され、白抜き時の配色が正しく反映されない問題の修正

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

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