About
このブログについて
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/grayish-pattern-cat-img-1.jpg)
WordPressTheme Cocoonのスキン、grayishのブログのフロントページを作るデモページです。
各セクションのパターンはダウンロード可能になっています。
使用している画像はダミーです。実際にご利用の際はご自身の用意した画像に置換してください。
PickUp!
上段:大きい横型、下段:4列
New Post
新着記事
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-header-logo-640x360.jpg)
ロゴ設定の機能追加します。※Cocoon ver2.7.4.1以降で利用可能
ロゴ設定の機能追加のお知らせです。Cocoon ver2.7.4.1以降で利用可能です。PC時のフロントページ以外のヘッダーロゴと、モバイル時のロゴを任意の画像に変更可能になります。
テーマカスタマイザーでメディアにある画像を設定できます。
2024.06.13
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-mask-pat-640x360.png)
境界線をなみなみ、ギザギザにしてみよう。直線などの区切り線もご紹介。
サイト型フロントページに使えるシリーズ、今回は境界線をなみなみやギザギザにできるCSSを紹介します。
また、画像やカバーブロックを直接円弧、斜めに切り抜きするCSSも紹介します。
さらに区切り線として使用可能な、直線・なみなみ・ギザギザのパターンも配布します。
2024.06.04
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-news-640x360.jpg)
Cocoon ver2.7.3.5でのgrayish不具合情報※ver2.7.4で修正
現在公開されている、Cocoon v2.7.3.5でのgrayishの不具合についてお知らせします。
2024.05.292024.06.03
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-plugin-mvadd-640x360.jpg)
メインビジュアルにスライダーや動画を設定できるプラグイン作りました(※v1.0.8にアップデート。不具合修正)
grayishのメインビジュアルにスライダー、動画を設定するプラグインを作りましたので紹介いたします。
専用のパターンを使用します。パターンとプラグインをこの記事からダウンロード可能です。
2024.05.052024.07.22
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-coccon-tab-blk-1-640x360.jpg)
Cocoonタブブロックのgrayishスタイル見本
Cocoon ver2.7.3でタブブロックが追加されました。grayishではデフォルトスタイルの他、シンプルに使いまわせそうなスタイルのバリエーションを追加しています。
ブロックエディタの追加CSSクラスに所定のクラス名を入力してご利用いただけます。
フロントページで使えそうなスタイルも追加していますので、サンプルをご覧になっていただき、是非ご利用ください。
2024.04.302024.06.03
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-news-640x360.jpg)
Cocoon ver2.7.3でのgrayish仕様変更のお知らせ
現在公開されている、Cocoon v2.7.3でのgrayishの仕様変更についてお知らせします。
2024.04.252024.04.30
Category
おすすめカテゴリー3選♪
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/grayish-pattern-cat-img-3.jpg)
Design
フロントページタイプやCocoonブロック、コアブロック、ウィジェットのデザイン見本です。
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/grayish-pattern-cat-img-2.jpg)
Manual
基本設定からカスタマイズまでマニュアルを揃えています。
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-header-logo-240x135.jpg)
ロゴ設定の機能追加します。※Cocoon ver2.7.4.1以降で利用可能
2024.06.13
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-mask-pat-240x135.png)
境界線をなみなみ、ギザギザにしてみよう。直線などの区切り線もご紹介。
2024.06.04
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-plugin-mvadd-240x135.jpg)
メインビジュアルにスライダーや動画を設定できるプラグイン作りました(※v1.0.8にアップデート。不具合修正)
2024.05.052024.07.22
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-mobileset-post-240x135.jpg)
モバイルの設定
2024.04.182024.04.19
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-svg-blk-1-240x135.jpg)
サイト型のフロントページ向け:滑らかな曲線の境界線ブロックをつくる(円弧・波)※カバーブロック利用で簡単に使えるように改良!
2024.04.042024.05.24
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/grayish-pattern-cat-img-3.jpg)
Notes
grayishを使用する際に前もって読んでいただきたい注意事項などをまとめています。
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-news-240x135.jpg)
Cocoon ver2.7.3.5でのgrayish不具合情報※ver2.7.4で修正
2024.05.292024.06.03
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-news-240x135.jpg)
Cocoon ver2.7.3でのgrayish仕様変更のお知らせ
2024.04.252024.04.30
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-news-240x135.jpg)
Cocoon ver2.7.2.2でのgrayish仕様変更のお知らせ
2024.04.012024.04.02
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-news-240x135.jpg)
Cocoon ver2.7.1でのgrayish仕様変更のお知らせ
2024.02.26
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-news-240x135.jpg)
Cocoon ver2.7.0でのgrayish不具合情報&仕様変更のお知らせ
2024.02.062024.02.22
Ranking
当サイトの人気記事 shift-mode
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/top-main-cover-640x360.jpg)
フロントページ設定:メインビジュアル
2023.08.012024.01.09
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-Article-font-640x360.jpg)
フロントページ設定:フロントページタイプ
2023.08.012023.12.22
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/grayish-ogp-640x360.jpg)
grayish(グレイッシュ)へようこそ!最初はこの記事から。
2023.09.072024.02.22
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-site-type-640x360.jpg)
サイト型にしたい場合の準備編
2024.02.092024.02.17
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/SPmenu-640x360.jpg)
メニュー設定:タブレット・スマホのヘッダー・フッターモバイルボタン
2023.08.292024.07.15
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/eye-manual-widget-sample-1-640x360.jpg)
ウィジェットの表示場所とスキンスタイル見本
2023.09.022023.11.29
![](https://cocoon-grayish.na2-factory.com/wp-content/uploads/Kaboompics-img-3-1.jpg)
News
2024.06.13マニュアル更新情報
2024.06.04カスタマイズサイト型フロントページマニュアル
2024.05.29更新情報確認・注意事項
2024.05.05カスタマイズマニュアル更新情報