grayishスキン適用中

Cocoon 1.9.0公開。ナビカード機能の強化、投稿canonical設定追加。

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

Cocoon 1.8.9からの変更点。

\お得なキャンペーン実施中!/
エックスサーバーキャンペーン

機能追加

  1. ナビカードの機能強化
  2. ナビカードと新着記事・人気記事ショートコードとの書式統一
  3. 投稿・固定ページにcanonical設定項目追加
  4. Amazon商品リンクエラーメッセージにASINを出力

ナビカード機能の強化

navi_listショートコードを追加して、ナビカードを新着・人気記事と同様の書式に統一できるようにしました。

使用方法はこんな感じ。

[navi_list name="サイトの作成手順"]
レンタルサーバーと契約
サイトを始めるなら独自ドメインとレンタルサーバは必須です。
サムネイルサイズの設定
Cocoon推奨のサムネイルサイズ設定です。
サムネイルを再生成する
テーマを変更したばかりだとサムネイルサイズがバラバラです。再生成して画像サイズを均一化しよう。
おすすめ
おすすめプラグイン集
Cocoonと併せて利用すると便利なプラグインの紹介です。
基本的な広告設定
AdSense等を設定してサイトを収益化しましょう。

一応、navi_listのオプション全てを書いておきます。

[navi_list name="サイトの作成手順" type="border-square" bold="1" arrow="1"]
レンタルサーバーと契約
サイトを始めるなら独自ドメインとレンタルサーバは必須です。
サムネイルサイズの設定
Cocoon推奨のサムネイルサイズ設定です。
サムネイルを再生成する
テーマを変更したばかりだとサムネイルサイズがバラバラです。再生成して画像サイズを均一化しよう。
おすすめ
おすすめプラグイン集
Cocoonと併せて利用すると便利なプラグインの紹介です。
基本的な広告設定
AdSense等を設定してサイトを収益化しましょう。

typeは、こちらのtypeと同様。

新着記事一覧を表示するショートコードの利用方法
新着記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

boldは1にすると、タイトルを太字にできる。

arrowは、1にすると矢印表示。

旧naviショートコード

旧naviショートコードは、互換性を保つため従来通り使うことができます。

例えば、以下のようなデフォルトオプションでは、従来通りの書式で出力されます。

[navi name="サイトの作成手順"]
レンタルサーバーと契約
サイトを始めるなら独自ドメインとレンタルサーバは必須です。
サムネイルサイズの設定
Cocoon推奨のサムネイルサイズ設定です。
サムネイルを再生成する
テーマを変更したばかりだとサムネイルサイズがバラバラです。再生成して画像サイズを均一化しよう。
おすすめ
おすすめプラグイン集
Cocoonと併せて利用すると便利なプラグインの紹介です。
基本的な広告設定
AdSense等を設定してサイトを収益化しましょう。

これにより、以前のnaviショートコードの仕様が良い場合は、記事を書き換える必要ありません。

使用しているHTMLのclass名は変わります。

詳細はこちら。

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報...

マニュアル

今回の仕様変更で、変更があるマニュアルはこちら。

意図した記事一覧を作成できる「ナビカード」ショートコードの使い方
サイト訪問者を的確に誘導するために、意図したリンクリストを作成するショートコードの使い方です。
新着記事一覧を表示するショートコードの利用方法
新着記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。
人気記事一覧を表示するショートコードの利用方法
人気記事ウィジェットのようなリスト表示を実現できるショートコードの利用方法です。

まだ内容は変更していません。後で余裕のある時に修正できればと思います。

修正したら、Twitterで報告します。

以下、修正内容。

投稿・固定ページにcanonical設定項目追加

投稿・固定ページの編集画面で、canonicalを変更できるように機能追加しました。

canonical設定

詳細はこちら。

投稿・固定ページのcanonicalタグを変更してURLを正規化する方法
canonical属性を変更して、コンテンツのキーワードカニバリゼーションを防ぐための設定です。

アップデート

y.hiroakiさんがミックススキンをアップデートしてくださったので適用。

Cocoonスキン確認サイト
Cocoonのスキンを確認するサイトです

不具合修正

  1. ブログカードブロックの不具合修正
  2. function get_navi_card_image_attributes($image_url){関数の不具合修正
  3. amp.cssをBOMなしに
  4. スキンスタイルの修正

関連トピックはこちら。

Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。 1つのトピックにつき1つの質問を書き込んでください 不具合・カスタマイズ対象ページのURLを提示し高速化を無効にしてください 該当部分のキャプチャ・環境情報...

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

  1. omo より:

    子テーマのfunctions.phpに下記を記載することでブログカードのsnipet文字数の制限をしていたのですが
    アップデートで下記設定が使えないということはありますか?
    アップデート後文字数制限ができなくなりました。

    add_filter( 'cocoon_blogcard_snipet', function ($snipet){
    return mb_substr($snipet, 0, 100).'…';//文字数となる数字は好みで変更してください
    } );

    • わいひら わいひら より:

      単語のsnipetのつづりが間違っていたので、正しく修正させていただきました。
      snipet→snippet

      以下のように変更すれば改善されるかと思います。

      add_filter( ‘cocoon_blogcard_snippet’, function ($snippet){
        return mb_substr($snippet, 0, 100).’…’;//文字数となる数字は好みで変更してください
      } );
      • omo より:

        わいひら様
        コメントありがとうございます。
        つづりを修正することで改善されること確認できました。
        アップデート情報にしっかりと書かれていました・・・。
        気づかず、お手間をおかけしてしまいすみません。
        ありがとうございました。

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