更新情報 WordPress6.7以降へアップデートによるgrayish不具合報告
WordPress6.7以降にアップデートした場合に発生するgrayishの不具合情報と、修正内容についてお知らせいたします。尚、開発版のCocoonではすでに修正を行っていますので、本記事の内容でお...
更新情報 更新情報 Cocoon ver2.8.0でのgrayish仕様変更について
Cocoon ver2.8.0で、grayishの不具合修正と仕様変更を予定しています。内容が今までよりも多めなので、予告として早めに案内したいと思います。タブブロックについて不具合修正と、エディタのサイドバーのスタイルボタンで簡単にスタイル選択ができるようになります。GoogleFont読み込み部分について、バリアブルフォントに対応します。文字間隔について、エディタと公開側の本文について見た目が異なっているのを合わせるように修正します。
カスタマイズ メインビジュアルと重なる間、ナビメニューのカラーを変えるカスタマイズ【PC表示限定】
フロントページかつPC表示の場合のカスタマイズです。メインビジュアルに選ぶ画像によって、その上に重なっているナビメニューのテキストが見にくくなったりすることがあると思います。メインビジュアル表示中のみ、カスタマイズカラーにし、スクロールしてメインビジュアルを通り過ぎたら、テーマカスタマイザーで設定したカラーに戻ります。
更新情報 Cocoon ver2.7.9.1でのgrayish不具合修正と仕様変更
タブブロックの横スクロールタイプにて、タブ数を多く設定している場合に表示が崩れる不具合があります。ページネーションの数字を囲む円が歪んで楕円になる不具合を折り返しによって修正しています。また、iPhoneなどのiOSで検索ボックスなどの入力欄をタップした際にズームしてしまうことがあるので、フォントサイズを固定して対応するようにしています。
更新情報 Cocoon ver2.7.8でのgrayish仕様変更。ブログ型フロントページのMoreボタンをView Moreへ変更
現在公開されている、Cocoon v2.7.3.5でのgrayishの不具合についてお知らせします。
カスタマイズ メインビジュアルをPCとモバイルで別画像にするカスタマイズ【CSSのみ】
画面いっぱいに表示するメインビジュアルをPCとモバイル（画面幅1023px以下とします）で別の画像にしたい、という方へ向けたカスタマイズ方法です。また、PC時とモバイル時それぞれの画像の表示位置の調整方法も紹介しています。子テーマのstyle.cssにコードを追加します。事前にバックアップを取ってからカスタマイズしてください。
カスタマイズ Cocoonの新着記事ブロックなどをスライダーにできるプラグイン作りました※※Cocoon2.8.5.5以降にアップデート後、プラグインもv2.0.0にアップデートしてください
Cocoon ver2.8.5.5以降（正式配布ver2.8.6)に更新後、本プラグインもver2.0.0に更新してご利用ください。新着記事ブロックなどの追加CSSクラスに指定のクラス名を入力することで、自動で横方向にアニメーションするスライダーにできます。等速で無限ループするタイプと、記事ごとにスナップするノーマルタイプから選択します。細かいカスタマイズはできませんが、手軽に記事のスライダーをつくることができます。grayishを使用していないCocoonスキンなしでも動作します。いくつか注意点がありますので、記事の内容をよくご確認になってからご利用ください。
マニュアル 独自ドメイン取得したら、SSL化(httpからhttpsへ)してからサイトを作ろう。中途半端なSSL化にご注意
サイトを途中まで作ってから独自ドメインのSSL化を行う場合、WordPressでは他にも設定の変更が必要な箇所があります。Cocoonの公式マニュアルを見ながら手順を確認しましょう。SSL化が中途半端な状態ですとgrayishのロゴ設定機能が動作しないことがあります。
カスタマイズ Cocoon新着記事ショートコードの新機能で任意の記事一覧を表示可能に。初心者さん向けに使い方を解説します
新着記事ショートコードで任意の記事一覧を表示させる手順をショートコードに慣れていない、初心者さん向けに解説します。ナビカードでも同様な記事一覧を作れますが、新着記事ショートコードの新しいオプションordered_postsで記事のIDを指定するだけでよいので、より手軽に作れます。また、grayishのフロントページ向け配布パターンに含まれている、新着記事表示用パターンでも使用可能です。こちらについても編集手順を説明しています。
マニュアル ロゴ設定の機能追加します。※Cocoon ver2.7.4.1以降で利用可能（24/09/02 独自ドメインSSL化に関する内容の追加）
ロゴ設定の機能追加のお知らせです。Cocoon ver2.7.4.1以降で利用可能です。PC時のフロントページ以外のヘッダーロゴと、モバイル時のロゴを任意の画像に変更可能になります。テーマカスタマイザーでメディアにある画像を設定できます。
カスタマイズ 境界線をなみなみ、ギザギザにしてみよう。直線などの区切り線もご紹介。※24/12/24 なみなみや円弧についてプラグインとCSS修正
サイト型フロントページに使えるシリーズ、今回は境界線をなみなみやギザギザにできるCSSを紹介します。また、画像やカバーブロックを直接円弧、斜めに切り抜きするCSSも紹介します。さらに区切り線として使用可能な、直線・なみなみ・ギザギザのパターンも配布します。
更新情報 Cocoon ver2.7.3.5でのgrayish不具合情報※ver2.7.4で修正
現在公開されている、Cocoon v2.7.3.5でのgrayishの不具合についてお知らせします。
カスタマイズ メインビジュアルにスライダーや動画を設定できるプラグイン作りました※Cocoon2.8.5.5以降にアップデート後、プラグインもv2.0.0にアップデートしてください
Cocoon ver2.8.6では、本プラグインもver2.0.0に更新してご利用ください。grayishのメインビジュアルにスライダー、動画を設定するプラグインを作りましたので紹介いたします。専用のパターンを使用します。パターンとプラグインをこの記事からダウンロード可能です。