Cocoon 2.8.4公開。タイトルからアイキャッチを生成する機能を追加

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

Cocoon 2.8.3からの変更点です。

今回のバージョンから、WordPressの必須環境が、5.7から6.1になりました。必ずWordPress 6.1以上でご利用ください。ただ推奨環境として、WordPress最新版を利用することをお勧めします。

＼エックスサーバー開発のWordPressテーマ／
エックスサーバー開発のWordPressテーマ

機能追加

  1. タイトルからアイキャッチを生成する機能を追加
  2. Cocoon独自ブロックの色変更機能に透過色設定を追加（※吹き出し・マイクロバルーンブロック除く）
  3. cocoon_comment_button_captionフィルターフックの追加（「コメントを書き込む」ボタンのキャプションを変更するためのフック）
  4. PV表示の文字を変更できるpopular_entry_card_pv_textフィルターフックの追加（エントリーカードのPV表示に関するテキストを変更するフック）
  5. get_skin_urlフィルターフックの追加（ページごとに呼び出すスキンを変更したりする際に利用するフック）

タイトルアイキャッチ生成機能の追加（β版）

投稿や固定ページのタイトルから、チェックボックスを有効にするだけで自動的にアイキャッチを生成してくれる機能を追加しました。

基本的に「アイキャッチ、作ったり画像探したりするのが面倒くさい勢」向けの機能となっています。

プログラミングのTipsメモなど備忘録ブログなどでの利用は機能との親和性が高いと思います。

詳しい利用方法はこちら。

Cocoon記事のタイトルからアイキャッチを自動生成する方法
Cocoon 2.8.4から投稿・固定ページ等のタイトルからアイキャッチを作成できる機能が追加されました。まだベータ版機能なので、しばらく試験運用した後、仕様が多少変わることもあるかもしれないのであらかじめご了承ください。アイキャッチ生成機...
wp-cocoon.com
2025.02.06

アップデート

  1. grayishスキンのアップデート v2.0.5

変更

  1. トップへ戻るボタンの表示方法の変更（CSSの変更）
  2. テキストボックス生成関数にデフォルト値追加（主にCocoon設定出力に関するもの）
  3. テキストエリア生成関数にデフォルト値追加（主にCocoon設定出力に関するもの）
  4. コメント欄の入力必須項目のマーカー表示にwp_required_field_indicator()を使用（これを利用するのにWordPress 6.1が必要）
  5. 「人気記事」 同アクセス数時の並び順をまずは「アクセス数降順」で並べ、次に「投稿ID順昇順（結果的に投稿順昇順）」で並ぶように変更

不具合修正

  1. Deprecated: strip_tags(): Passing null to parameter #1 ($string) of type string is deprecated警告対応
  2. Cocoon設定の「インデックス」タブで設定した「除外カテゴリー」がフロントページに表示される不具合修正
  3. Cocoon設定の「インデックス」タブで設定した「除外カテゴリー」がフロントページに表示される不具合修正（除外カテゴリが設定されていない場合の対策済み）
  4. タグ名の最後の文字が半角閉じ括弧 ")" の場合、その半角閉じ括弧 ")" が表示されない不具合修正
  5. PHP Warning: Undefined variable $post PHP警告の対応
  6. カルーセルで人気記事としたとき表示数が合わない不具合修正
  7. 新着記事・人気記事・新着情報ブロックのフィルターのカテゴリーリストを全件表示できるように修
  8. 「縦型表示のみ」から「縦並び表示のみ」に設定キャプションの文言を変更（表記揺れ修正）
  9. スライダーオプションの「respondTo: "slider"」コードを削除（カルーセルに関する不具合修正）
  10. 「 [C]ナビガード」の場合、メニューの「リンクを新しいタブで開く」が適用されない不具合修正
  11. 「てがき」スキンでmasonry有効時、「スマートフォンで縦型＆タイル型のエントリーカードを1カラムにする」を有効にしてもワンカラムにならない不具合修正
タイトルとURLをコピーしました
'); /* ヘッダーの高さの変化分、paddingで調整しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': `${threashold}px`, }); /* トップメニュータイプに変更する */ $("#header-container-in").removeClass('hlt-center-logo hlt-center-logo-top-menu').addClass("hlt-top-menu wrap"); $("#header-container").addClass("fixed-header"); $("#header-container").css({ 'position': 'fixed', 'top': '-100px', 'left': '0', 'width': '100%', }); const wpadminbar = document.getElementById('wpadminbar'); const headerContainerTop = wpadminbar ? wpadminbar.clientHeight : 0; $('#header-container').animate( { top: headerContainerTop, }, 500 ); } } /*固定ヘッダーの解除*/ function staticHeader() { if ($("#header-container").hasClass("fixed-header")) { /*センターロゴタイプに戻す*/ $("#header-container-in").removeClass("hlt-top-menu hlt-tm-right hlt-tm-small hlt-tm-small wrap").addClass(" hlt-center-logo"); $("#header-container").removeClass("fixed-header"); $("#header-container").css({ 'position': 'static', 'top': 'auto', 'left': 'auto', 'width': 'auto', }); /* ヘッダーの高さの戻る分、padding削除しスクロール位置を止まらせる */ $("#header-fixed").css({ 'padding-top': '0', }); $("#header-fixed").remove(); } } /* 境界値をヘッダーコンテナに設定 */ var threashold = $('#header-container').height(); var prevScrollTop = -1; var $window = $(window); var mobileWidth = 1023; $window.scroll(function() { var scrollTop = $window.scrollTop(); var s1 = (prevScrollTop > threashold); var s2 = (scrollTop > threashold); var w = $window.width(); /*スクロールエリアの位置調整*/ function adjustScrollArea(selector) { if ($(selector) && $(selector).offset()) { offset = $(selector).offset().top; h = $("#header-container").height(); pt = $(selector).css('padding-top'); if (pt) { pt = pt.replace('px', ''); } else { pt = 0; } if ((scrollTop >= offset - h) && (w > mobileWidth)) { if ((pt <= 1) && $("#header-container").hasClass('fixed-header')) { $(selector).css({ 'padding-top': h + 'px', }); } } else { if (pt > 0) { $(selector).css({ 'padding-top': 0, }); } } } } /*スクロール追従エリアの調整*/ function adjustScrollAreas() { adjustScrollArea('#sidebar-scroll'); adjustScrollArea('#main-scroll'); } /*固定ヘッダーのスタイル決め*/ function adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth) { if (s1 ^ s2) { if (s2 && (w > mobileWidth)) { stickyHeader(); } } /* 境界値に達したら固定化 */ if (scrollTop <= threashold || w <= mobileWidth) { staticHeader(); } } adjustFixedHeaderStyle(s1, s2, w, scrollTop, mobileWidth); adjustScrollAreas(); prevScrollTop = scrollTop; }); /*ウインドウがリサイズされたら発動*/ $window.resize(function () { /*ウインドウの幅を変数に格納*/ var w = $window.width(); if (w <= mobileWidth) { /*モバイル端末の場合*/ staticHeader(); } else { /*パソコン端末の場合*/ var scrollTop = $window.scrollTop(); if (scrollTop >= 50) { stickyHeader(); } } }); })(jQuery);