カスタマイズ メインビジュアルと重なる間、ナビメニューのカラーを変えるカスタマイズ【PC表示限定】 フロントページかつPC表示の場合のカスタマイズです。メインビジュアルに選ぶ画像によって、その上に重なっているナビメニューのテキストが見にくくなったりすることがあると思います。メインビジュアル表示中のみ、カスタマイズカラーにし、スクロールしてメインビジュアルを通り過ぎたら、テーマカスタマイザーで設定したカラーに戻ります。 2024.10.29 カスタマイズマニュアル
カスタマイズ Cocoonの新着記事ブロックなどをスライダーにできるプラグイン作りました 新着記事ブロックなどの追加CSSクラスに指定のクラス名を入力することで、自動で横方向にアニメーションするスライダーにできます。 等速で無限ループするタイプと、記事ごとにスナップするノーマルタイプから選択します。 細かいカスタマイズはできませんが、手軽に記事のスライダーをつくることができます。 grayishを使用していないCocoonスキンなしでも動作します。いくつか注意点がありますので、記事の内容をよくご確認になってからご利用ください。 2024.09.06 カスタマイズマニュアル更新情報
カスタマイズ メインビジュアルをPCとモバイルで別画像にするカスタマイズ【CSSのみ】 画面いっぱいに表示するメインビジュアルをPCとモバイル(画面幅1023px以下とします)で別の画像にしたい、という方へ向けたカスタマイズ方法です。 また、PC時とモバイル時それぞれの画像の表示位置の調整方法も紹介しています。 子テーマのstyle.cssにコードを追加します。事前にバックアップを取ってからカスタマイズしてください。 2024.09.27 2024.10.29 カスタマイズマニュアル
更新情報 Cocoon ver2.7.9でのgrayish不具合修正と仕様変更 ページネーションの数字を囲む円が歪んで楕円になる不具合を折り返しによって修正しています。 また、iPhoneなどのiOSで検索ボックスなどの入力欄をタップした際にズームしてしまうことがあるので、フォントサイズを固定して対応するようにしています。 2024.10.28 2024.10.29 更新情報確認・注意事項
更新情報 Cocoon ver2.7.8でのgrayish仕様変更。ブログ型フロントページのMoreボタンをView Moreへ変更 現在公開されている、Cocoon v2.7.3.5でのgrayishの不具合についてお知らせします。 2024.10.07 更新情報確認・注意事項
フロントページ フロントページ設定:メインビジュアル フロントページのメインビジュアルについて、設定方法を説明します。 事前にメインビジュアルにしたい画像を用意しましょう! 画像をどのように準備したらいいのか迷っている方は以下記事を御覧ください。 ご確認... 2023.08.01 2024.09.28 フロントページマニュアル基本設定
カスタマイズ Cocoonの新機能でパターンデータをシェア可能に!作例のパターンをシェア&使い方 サイト型のフロントページに使えるようなブロックの作例を前の記事でご紹介しましたが、ブロックの作成、追加CSSクラス名の入力など作業が割と多く、もっと手軽にシェアしたいと思ってました。Cocoon ver2.7.1より追加されたパターン機能で、パターンデータのエクスポート&インポートが可能になった為、各自でインポート可能なデータを用意することにしました。これによってブロックに関しては簡単に作例と同じ構成で使用可能です。専用のCSSを追加することでデザインを再現できます。 WordPress6.5ではパターンの場所が変更になり、タイトルの変更ができなくなっていますが、コードエディターに切り替えることで変更可能です。この手順も追記しています。 ※WordPress6.6では、管理画面上にある管理メニューの中に、6.5までの「パターン一覧」があります。こちらについて追記しています。 2024.03.08 2024.09.28 カスタマイズサイト型マニュアル
カスタマイズ メインビジュアルにスライダーや動画を設定できるプラグイン作りました(※v1.0.8にアップデート。不具合修正) grayishのメインビジュアルにスライダー、動画を設定するプラグインを作りましたので紹介いたします。 専用のパターンを使用します。パターンとプラグインをこの記事からダウンロード可能です。 2024.05.05 2024.09.18 カスタマイズマニュアル更新情報
ウィジェット見本 ウィジェットの表示場所とスキンスタイル見本 Cocoonのウィジェットは機能が豊富にあり、表示できる場所がたくさんあります。その分、どこに表示されるのか慣れるまで時間がかかります。この記事では、投稿ページで表示される場所を分かりやすく色付けしています。また、フロントページや一覧ページについては動画を用意しました。ウィジェットの表示場所の確認にお役立てください。 また、一部のウィジェットはスキン独自スタイルがあります。そちらの見本としても参照ください。 2023.09.02 2024.09.09 ウィジェット見本デザイン見本マニュアル投稿・固定ページ
マニュアル 投稿・固定ページ:サイドバーのウィジェット初期設定 WordPressインストール、テーマ(Cocoonの親テーマ、子テーマをインストール)設定後にサンプルページを表示させると、サイドバーにいくつかウィジット(最近の投稿、最近のコメント、カテゴリー、アーカイブ)が設定されています。これはブロックウィジットで、Cocoonでは使えないようになっていますので注意が必要です。 ブロックウィジェットを削除しないままご利用になっている方をよく見かけます。スキンのスタイルも当たりませんし、マニュアルで説明しているウィジェットの動作と異なります。まずはブロックウィジェットを削除しましょう。 削除後、Cocoonの利用できるウィジット一覧にあるウィジットを設定し直します。Cocoonのウィジェットである新着記事、コアのウィジェットのカテゴリーやアーカイブを設定するようにしましょう。 2023.09.01 2024.09.09 マニュアル投稿・固定ページ
マニュアル ロゴ設定の機能追加します。※Cocoon ver2.7.4.1以降で利用可能(24/09/02 独自ドメインSSL化に関する内容の追加) ロゴ設定の機能追加のお知らせです。Cocoon ver2.7.4.1以降で利用可能です。PC時のフロントページ以外のヘッダーロゴと、モバイル時のロゴを任意の画像に変更可能になります。 テーマカスタマイザーでメディアにある画像を設定できます。 2024.06.13 2024.09.02 マニュアル更新情報