About
このブログについて
WordPressTheme Cocoonのスキン、grayishのブログのフロントページを作るデモページです。
各セクションのパターンはダウンロード可能になっています。
使用している画像はダミーです。実際にご利用の際はご自身の用意した画像に置換してください。
PickUp!
上段:大きい横型、下段:4列
New Post
新着記事
メインビジュアルと重なる間、ナビメニューのカラーを変えるカスタマイズ【PC表示限定】
フロントページかつPC表示の場合のカスタマイズです。メインビジュアルに選ぶ画像によって、その上に重なっているナビメニューのテキストが見にくくなったりすることがあると思います。メインビジュアル表示中のみ、カスタマイズカラーにし、スクロールしてメインビジュアルを通り過ぎたら、テーマカスタマイザーで設定したカラーに戻ります。
2024.10.29
Cocoonの新着記事ブロックなどをスライダーにできるプラグイン作りました
新着記事ブロックなどの追加CSSクラスに指定のクラス名を入力することで、自動で横方向にアニメーションするスライダーにできます。
等速で無限ループするタイプと、記事ごとにスナップするノーマルタイプから選択します。
細かいカスタマイズはできませんが、手軽に記事のスライダーをつくることができます。
grayishを使用していないCocoonスキンなしでも動作します。いくつか注意点がありますので、記事の内容をよくご確認になってからご利用ください。
2024.09.06
Cocoon ver2.7.9でのgrayish不具合修正と仕様変更
ページネーションの数字を囲む円が歪んで楕円になる不具合を折り返しによって修正しています。
また、iPhoneなどのiOSで検索ボックスなどの入力欄をタップした際にズームしてしまうことがあるので、フォントサイズを固定して対応するようにしています。
2024.10.282024.10.29
Cocoon ver2.7.8でのgrayish仕様変更。ブログ型フロントページのMoreボタンをView Moreへ変更
現在公開されている、Cocoon v2.7.3.5でのgrayishの不具合についてお知らせします。
2024.10.07
メインビジュアルをPCとモバイルで別画像にするカスタマイズ【CSSのみ】
画面いっぱいに表示するメインビジュアルをPCとモバイル(画面幅1023px以下とします)で別の画像にしたい、という方へ向けたカスタマイズ方法です。
また、PC時とモバイル時それぞれの画像の表示位置の調整方法も紹介しています。
子テーマのstyle.cssにコードを追加します。事前にバックアップを取ってからカスタマイズしてください。
2024.09.272024.10.29
独自ドメイン取得したら、SSL化(httpからhttpsへ)してからサイトを作ろう。中途半端なSSL化にご注意
サイトを途中まで作ってから独自ドメインのSSL化を行う場合、WordPressでは他にも設定の変更が必要な箇所があります。Cocoonの公式マニュアルを見ながら手順を確認しましょう。
SSL化が中途半端な状態ですとgrayishのロゴ設定機能が動作しないことがあります。
2024.09.02
Category
おすすめカテゴリー3選♪
Design
フロントページタイプやCocoonブロック、コアブロック、ウィジェットのデザイン見本です。
メインビジュアルと重なる間、ナビメニューのカラーを変えるカスタマイズ【PC表示限定】
2024.10.29
Cocoonの新着記事ブロックなどをスライダーにできるプラグイン作りました
2024.09.06
Cocoonタブブロックのgrayishスタイル見本
2024.04.302024.06.03
サイトロゴを簡単に作りたい。CanvaとAdobe Expressの使用例
2023.11.012023.11.27
ウィジェットの表示場所とスキンスタイル見本
2023.09.022024.09.09
メインビジュアルやアイキャッチの画像作成には、Canvaがおすすめ
2023.08.262023.11.27
ブロックエディタ見本 コアブロック
2023.08.172024.01.11
Manual
基本設定からカスタマイズまでマニュアルを揃えています。
Notes
grayishを使用する際に前もって読んでいただきたい注意事項などをまとめています。
メインビジュアルと重なる間、ナビメニューのカラーを変えるカスタマイズ【PC表示限定】
2024.10.29
Cocoonの新着記事ブロックなどをスライダーにできるプラグイン作りました
2024.09.06
Cocoon ver2.7.9でのgrayish不具合修正と仕様変更
2024.10.282024.10.29
Cocoon ver2.7.8でのgrayish仕様変更。ブログ型フロントページのMoreボタンをView Moreへ変更
2024.10.07
独自ドメイン取得したら、SSL化(httpからhttpsへ)してからサイトを作ろう。中途半端なSSL化にご注意
2024.09.02
Cocoon ver2.7.3.5でのgrayish不具合情報※ver2.7.4で修正
2024.05.292024.06.03
Cocoon ver2.7.3でのgrayish仕様変更のお知らせ
2024.04.252024.04.30
News
2024.10.29カスタマイズマニュアル
2024.10.28更新情報確認・注意事項
2024.10.07更新情報確認・注意事項
2024.09.27カスタマイズマニュアル