ナビカードの装飾について - Cocoonテーマに関する質問 https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/ Cocoon ディスカッション掲示板 ja Wed, 15 Apr 2026 10:12:55 +0000 wpForo 60 RE: ナビカードの装飾について https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27914 Mon, 10 Feb 2020 16:02:47 +0000 修正できました。

ありがとうございました。

]]> Cocoonテーマに関する質問 5t3fd3d https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27914 RE: ナビカードの装飾について https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27886 Mon, 10 Feb 2020 10:14:04 +0000 ありがとうございます。それで大丈夫です。
同じ設定にして確認したら、不具合のようでした。
修正版を以下にアップしました。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。
https://wp-cocoon.com/wp-content/uploads/2019/01/github-zip.png
FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------
ただ、おすすめカードのその設定以外のカードのグラデーションを変更するには、上で書いたスタイルを書く必要があると思います。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27886 RE: ナビカードの装飾について https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27830 Sun, 09 Feb 2020 10:41:07 +0000 失礼しました。

高速化を無効にしました。

 

添付ファイルはこれでよろしいでしょうか？

]]> Cocoonテーマに関する質問 5t3fd3d https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27830 RE: ナビカードの装飾について https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27826 Sun, 09 Feb 2020 10:25:18 +0000 フォーラムの案内にあるように、高速化を無効にしていただいてよろしいでしょうか。
https://wp-cocoon.com/theme-trouble/
また、ウィジェットのおすすめカードはどういった設定になっていますか。
ウィジェットエリアのスクリーンショットいただければと思います。

]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27826 RE: ナビカードの装飾について https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27796 Sun, 09 Feb 2020 00:13:36 +0000 @yhira

ありがとうございます。

修正したところ、ウィジェットのおすすめカードの色が当初より濃くなってしまいました。

こちらはどうすればいいでしょうか？

よろしくお願いいたします。

]]> Cocoonテーマに関する質問 5t3fd3d https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27796 RE: ナビカードの装飾について https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27776 Sat, 08 Feb 2020 11:21:21 +0000 子テーマのstyle.cssに以下のように追記するとできるかと思います。

.widget-entry-cards.large-thumb-on .card-content {
  background-color: rgba(51, 51, 51, 0.7);
}
]]> Cocoonテーマに関する質問 わいひら https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27776 ナビカードの装飾について https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27769 Sat, 08 Feb 2020 00:41:02 +0000 お世話になっております。

cocoonのバージョン2.0.8.1からナビカードのラージイメージの装飾が変わったかと思いますが、これを元のデザインに戻すにはどうすればいいでしょうか？

新バージョンでは添付画像のようにグラデーションでグレーの部分が表示されますが、これを前のバージョンのように画像下部に黒い帯状に表示されるように戻したいのが希望です。

 

よろしくお願いいたします。

 

----------------------------------------------
サイト名：DeteLog
サイトURL：https://dete-diary.com
ホームURL：https://dete-diary.com
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
スキン：/wp-content/themes/cocoon-child-master/skins/bizarre-foods-bluecurry/style.css
WordPressバージョン：5.3.2
PHPバージョン：7.1.5
ブラウザ：Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/80.0.3987.87 Safari/537.36
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
エンコーディング：br, gzip, deflate
言語：ja,en-US;q=0.9,en;q=0.8,it;q=0.7
----------------------------------------------
テーマ名：Cocoon
バージョン：2.0.8.1
カテゴリ数：12
タグ数：91
ユーザー数：1
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.0.6
style.cssサイズ：13118バイト
functions.phpサイズ：168バイト
----------------------------------------------
Gutenberg：1
AMP：1
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/wp-content/uploads/2018/05/dete_logo_1020-w1080.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：1
CSS縮小化：1
JavaScript縮小化：1
Lazy Load：1
WEBフォントLazy Load：1
JavaScript（フッター）：1
----------------------------------------------
利用中のプラグイン：
AddQuicktag 2.5.3
Akismet Anti-Spam 4.1.3
Aurora Heatmap 1.3.4
Broken Link Checker 1.11.11
Category Order and Taxonomy Terms Order 1.5.7.1
Contact Form 7 5.1.6
EWWW Image Optimizer 5.2.1
Google XML Sitemaps 4.1.0
SiteGuard WP Plugin 1.5.0
TablePress 1.10
WordPress Ping Optimizer 2.35.1.2.0
WP Multibyte Patch 2.8.3
----------------------------------------------

]]> Cocoonテーマに関する質問 5t3fd3d https://wp-cocoon.com/community/cocoon-theme/%e3%83%8a%e3%83%93%e3%82%ab%e3%83%bc%e3%83%89%e3%81%ae%e8%a3%85%e9%a3%be%e3%81%ab%e3%81%a4%e3%81%84%e3%81%a6/#post-27769