@yhira　さん、ありがとうございます！

勉強になります！

ちょうど明日調べようと思っていた内容をドンピシャでいただいてしまいました(笑)

今日は別件に圧迫されてボックスメニュー部分の解決しかできず、さらに今度は凸凹スキンのレスポンシブの表示崩れを発見してしまい、時間切れになってしまいました(笑)

CSS、奥が深いですm(_ _)m

COCOONに迷惑をかけないスキンになるまであと少しなはずなので、頑張ります！

たくさんお手間かけてしまってますが、もうしばらくお付き合いいただけるとありがたいです！

@kita　さん

お世話様です。

自分のLocal（Local by Flywheel）環境にCocoonを入れ、

スキン凸凹をセットしてみたのですが、

Cocoon設定の各タブでの「スキン制御」の「色の選択」が設定ができません。

何か他の原因でしたら、申し訳ないのですが、気になってしまいましたので、

確認させてください。

スキン凸凹の格納位置(Local環境：Local by Flywheel)は、

C:\Users\j1nak\Local Sites\work\app\public\wp-content\themes\cocoon-master\skins\skin-neumorphism

Cocoon設定の各タブでの「スキン制御」の設定ができません。

「全体」タブ設定の「スキン制御」部

• キーカラー
  　　　
  　　※「スキン制御」ではない、サイトキーテストカラー部分は、「色の選択」ができます。

• サイト背景色
• サイト背景画像

「ヘッダー」タブ設定の「スキン制御」部

• ヘッダー全体色
• ヘッダー色（ロゴ部）
• グローバルナビメニュー色

「カラム」タブ設定の「スキン制御」部

• コンテンツ枠線色
• サイドバー枠線色

「アピールエリア」タブ設定の「スキン制御」部

• エリア背景色

「フッター」タブ設定の「スキン制御」部

• フッター色

@yamachan11　さん、こんにちは！

すみません・・・おっしゃっている意味がちゃんと理解できていないんですが、

サイトの全体色は外観⇒カスタマイズ内にて設定するようにしているため、Cocoon設定内での背景色にかかわる部分全般はskins/skin-neumorphism/functions.phpからロックさせてもらっています。

スキン SILKのようにキーカラーを思うままに設定はできません。

そこを解放してしまうと、印象がボロボロにくずれてしまうので・・・

と、そういう意味ではないかもしれませんが、一応スキン制御部分のコードの写真、貼っておきますm(__)m

@kita さん

なるほど。そういうことだったんですね。

納得しました。

最初の投稿時のデモ(.gif画像で色を変更している）が、あったもので、勘違いしていました。

@yamachan11　さん、

僕の書き方が悪かったかもしれませんm(__)m

申し訳ございませんm(__)m

もしキーカラーにも対応した凸凹スキンをつくるとなると、「凸凹２」として、がっつりパーツデザインを作り直すような形になると思うので、しばらくは厳しいと思われます。

先日おっしゃっていた色レベルの部分は、現在進行中です。

ご要望いただいた通り、3レベルあったほうがより見やすいと思うので、phpで作り出す色レベルを追加する方向で進めております。

@kita　さん

いえいえとんでもございません。

楽しみにしております。

@yhira　さん、こんにちは！スキン「凸凹」の修正作業が終わりました！

https://kitatarian.com/cocoon/download/

またお手すきの際にご確認いただければ幸いです！

【スキンに対して行った変更】

・アフィリエイトリンクのインプレッションimgタグのスタイル修正
・ボックスメニューのレイアウト修正
・functions.phpから作り出す色レベル2つ追加
・目次、モバイルメニュー、カテゴリーで子要素になるごとに色が薄くなるように修正（3レベルまで）
・テーブルブロックのスタイル修正
・ブログカードラベルと、バッジ部分の文字影削除
・インデックスと関連記事設定の各カラム幅ごとのサイズと余白調整
・画像ブロックでメインカラム幅より小さいサイズの表示不具合修正
・active要素の追加
・インデックスのタブ一覧の切り替えボタンに対するスタイル当て

長々とお手間をかけてしまい、申し訳なく思っておりますが、なにとぞよろしくお願いいたします！

@yamachan11　さん、先日ご要望いただいていた、

投稿者:: @yamachan11

サイドカラムの「カテゴリ部分」（添付）にも

レベルごと（３レベルまでの）に、なにかしらのメリハリが欲しいと思っています。

こちらの色レベルですが、実装しておきました。

確認が面倒かと思い、こちらのほうで見本を用意しておりますので、お手すきの際にご確認いただければと思います！

https://tesutoyou.com/sample-page/

@kita　さん

ありがとうございます。

サンプルを見させて戴いた時点で充分かと思います。

併せて、

Local環境にダウンロードして、適用して

記事や、他の部分でも確認してみたいと思います。

当サイトにも適用してみました。僕は報告したところは、改善されていることを確認しました。
https://wp-cocoon.com/?theme-switch=skin-neumorphism

一点、気になる部分を書くとしたら、カテゴリーの記事数を表示したときに、左右の余白が違うことくらいでしょうか。
細かな部分ですいません。

@yhira　さん、すみません！

ウィジェットの細かい設定、全部見直しますm(_ _)m

@kita さん

お世話様です。

テスト環境で旨くいったので、本番環境でも試して、
北さんにも見ていただこうと思い、
各部分をキャプチャしてみました。

01.カテゴリ選択で、カテゴリのアイキャッチとSNSボタン、および記事カード
02.記事カードと、カテゴリの3レベルの階層表示・記事数
03.記事本文のアイキャッチと文書の一部と引用表示など
04.記事の目次
05.記事の画像01
06.記事の画像02（タイトル入れ）および＜h3＞見出し
07.記事の画像03、キャプション表示、および＜h4＞見出し
08.記事内テーブル表示（「本文」テーブル設定：☑横幅の広いテーブルは横スクロール）、カテゴリとタグ表示

全て問題ないと思います。

　・カテゴリは、4レベルまで作って戴いたんですネ。

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

@kita さん

お世話様です。

09.YouTube動画　埋め込み

10.タグもアドセンスも

OK です。

@yamachan11　さん、ご確認と、画像、ありがとうございます！

自分で確認すると、どうしても見落としてしまう部分が出てくるので、かなりありがたいです！

@kita　さん

iPhone8＋でも

無事に確認できました。

01.Top
02.カテゴリ

03.ブログカード　です。

@yamachan11　さん、レスポンシブのほうまで確認ありがとうございます！

助かります！m(__)m

@yhira　さん、こんにちは！凸凹スキンでご指摘いただいた部分とその他いくつか修正をいたしました！

【スキンに対して行った変更】

変更したファイルskin-neumorphism/style.css

・カテゴリーウィジェットの投稿数部分の余白調整
・メインカラム内でのボックスメニュー余白調整
・ヘッダーモバイルメニューの余白調整
・モバイル表示の際のキャッチフレーズの余白調整
・SNSシェアボタンの幅修正

お手すきの際にご確認、よろしくお願いいたします！m(__)m

@yhira　さん、すみません！

上記の件で一か所修正しましたm(__)m

cssファイルはこちらです！

@kita さん

お世話様です。

新しい方を、反映してみたのですが、

特に違いは見受けられなかったです。

どこか、確認する観点（コードとかじゃなくて、見た目の部分で）を

教えて戴ければ、該当箇所を表示してキャプチャしますが・・・

当サイトに適用してみました。
先日報告した部分は、修正されていました。ありがとうございます。
もう数日、この状態でサイトを眺めてみようと思います。

@yhira　さん

@kita さん　

ここでしたか。  キャプチャが雑ですみません。

左：スマホ、右：パソコンです。

大丈夫そうです。　4レベル表示まで。

@yhira　さん、ありがとうございます！！

よろしくお願いいたしますm(_ _)m

@yamachan11　さん、分かりにくくてすみません！m(_ _)m

ご確認ありがとうございます！

@yhira　さん、こんにちは！

凸凹スキンのSNSシェアの部分でトップシェアボタンのレスポンシブ部分で表示崩れしてたので修正しましたm(__)m

お手すきの際に添付のCSSファイルに差し替えをお願いいたします_(._.)_

手元のファイルと当サイトのスタイルををアップデートしておきました。
ここ2、3日、僕が当サイトを見た限りでは、不具合等は見つからなかったので、時間がありましたら近日中にテーマのアップデートも出来ればと思います。

@yhira　さん、ありがとうございます！！

楽しみにお待ちしております！！

ゴールデンウィーク中は、省エネモードなのでゴールデンウィークが終わったあとになると思います。
よろしくお願いいたします。

@yhira　さん、もちろんです！

どうかゆっくりされてください！

教えてくださってありがとうございます！m(_ _)m

スキンを同梱さしていただきました。
メールアドレス宛にAmazonギフト券も送付させていただきました。

本来以下のページには、スキンのデザインが割り当てられるようにコードを書いたのですが
https://wp-cocoon.com/2-2-9/
https://wp-cocoon.com/skin-neumorphism/
どういうわけか、うまくスタイルが全て反映されなかったので、Cocoonデフォルトに戻しました。

@yhira　さん、ありがとうございます！！！

たくさんお手間をかけてしまいすみませんでした！

作成中、修正中、とても楽しかったです！

なんとお礼を言ったら伝わるか分かりませんが、本当にありがとうございました！

こちらこそ、スキンを作成していただきありがとうございます！