松田さん

ご対応いただき、ありがとうございます。

私が書かせていただいたものが、修正されていることを確認致しました。
見易くなりましたね。
お手数お掛けしました。

スキンをサイトとGitHub上に適用しました。
あと、スキンの番号を割り振ったり、スクリーンショット置き場を変更したり、スキンのヘッダー情報を変更しておいたので、次回アップデートがあるとしたら、以下のstyle.cssのヘッダー情報に変更してアップデートしていただけると助かります。
https://github.com/yhira/cocoon/blob/master/skins/skin-tegakinote-blue-coral/style.css
https://github.com/yhira/cocoon/blob/master/skins/skin-tegakinote-dark-sky/style.css
https://github.com/yhira/cocoon/blob/master/skins/skin-tegakinote-green-orange/style.css
https://github.com/yhira/cocoon/blob/master/skins/skin-tegakinote-pink-lemon/style.css
https://github.com/yhira/cocoon/blob/master/skins/skin-tegakinote-white-banana/style.css
※scssとか使用しておらず、ファイル内容・ファイル構造に変更がないのであれば、ダウンロードしたCocoonファイルからスキンをフォルダごと上書き保存でも良いのかもしません。

てがきスキンが同梱されたバージョンが当サイトでダウンロード公開された際に、同校料を送付させていただきます（2.4.5公開時）。
現在スキンの紹介記事を書いたのですが、紹介するお名前は「松田」さんでなく、「ゆうそうと」さんで良いでしょうか。

@mk2_mk2 

ご指摘いただきありがとうございました！

@yhira 様

すべて承知しました。ありがとうございます。

また、記事までありがとうございます！紹介の際はおっしゃる通り、名前は「ゆうそうと」でお願いいたします。

承知いたしました。

先程、「てがきスキン」を同梱したCocoon 2.4.5を公開いたしました。
https://wp-cocoon.com/2-4-5/

同梱料は当フォーラムにご登録いただいたメールアドレス宛に送付させていただきました。
ご確認いただければ幸いです。

本日、サイトにスキンを適用してみて気づいたので一つ質問させてください。
通常、サイトの背景は、テーマカスタマイザーで設定した背景になっているかと思います。

ただ、Cocoonサイトを見た場合背景の模様が表示されていません。

テーマカスタマイザーの「【スキン】背景パターン設定」は「グリッド（デフォルト）」になっています。
ていうか、なぜかテーマカスタマイザーでは背景のグリッドがしっかりと表示されています。
何か原因となりそうなものは考えられますでしょうか。

Cocoonサイトだと、コンテナに何か余計なCSSが入っているようです。
こちらの原因かもしれないので、ちょっと自分でも調べてみます。

ちなみにデモサイトだとこんな感じ。メモ。
https://usort.jp/cocoon/

僕の環境だと、スキンのfunctions.phpで添付画像の赤枠部分が設定されてしまうぽいですね。
https://github.com/yhira/cocoon/blob/7aad08569a03031198d0001551707341980462c8/skins/skin-tegakinote-green-orange/functions.php#L153
とりあえず、ご飯の時間なので一旦ここで中断します。

コード部分から推測して、テーマカスタマイザーで「背景パターン」を再設定したら表示されるようになりました。
以前からCocoonを使用している場合は、'bg_grid'、'bg_grid_paper'、'bg_line'、'bg_dot'以外のもの（もしかしたら空文字）が入っているのかもしれませんね。
なので、こちらの部分を
https://github.com/yhira/cocoon/blob/7aad08569a03031198d0001551707341980462c8/skins/skin-tegakinote-green-orange/functions.php#L164

if (get_theme_mod('bg_image_control') === 'bg_grid') {

から

if (get_theme_mod('bg_image_control') === 'bg_grid' || get_theme_mod('bg_image_control') === '') {

に変更しても良いのかもしれませんね。
ただ、当サイトに最初に入っていたのが空文字かどうかは確認していないので、修正方法があっているかどうかはわかりません。。
あと、僕のサイトだけの問題で他では大丈夫な可能性もあるかもしれません。

別のサイトでも同様の症状になったので以下を行ってみました。

var_dump(get_theme_mod('bg_image_control'));

どうやら、すでにCocoonを使用している環境ではなぜかデフォルト値がfalseになっているようです。
以下にデフォルト値設定されているのに何でだろう。
https://github.com/yhira/cocoon/blob/7aad08569a03031198d0001551707341980462c8/skins/skin-tegakinote-green-orange/functions.php#L129

なので、

if (get_theme_mod('bg_image_control') === 'bg_grid') {

から

if (get_theme_mod('bg_image_control') === 'bg_grid' || get_theme_mod('bg_image_control') === false) {

に変更することで修正することができました。
なので上記のようにこちらで修正しておいてよろしいでしょうか。
テーマカスタマイザーのデフォルト値問題については後で調べておこうと思います。

投稿者:: @yhira

以下にデフォルト値設定されているのに何でだろう。
https://github.com/yhira/cocoon/blob/7aad08569a03031198d0001551707341980462c8/skins/skin-tegakinote-green-orange/functions.php#L129

検索したら原因が出てきました。しかも自分のサイト…。完全に忘れている…。
https://nelog.jp/theme-custumizer-default-value
どうやら、get_theme_modの第2引数にデフォルト値'bg_grid'が設定されていないのが原因っぽいですね。

なので、以下のようなコードは

get_theme_mod('bg_image_control')

以下のようにデフォルト値を設定する必要があるようです。

get_theme_mod('bg_image_control', 'bg_grid')

get_theme_modはスキンfunctions.php内でも何回か出てくるので、関数化するのも良いのかもしれません。

@yhira さま

お世話になっております。

こちらのスレッドのなぜかメールが届いておらず、反応ができなくて申し訳ありません。

背景パターンの他に、傍点やフォントについても同様の現象が見られると思います。

関数化も含めて検討してみますので、お時間いただきお手数ですが、少しお待ちいただければ幸いです。

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

@yhira 様

お世話になります。

わいひらさんにご指摘いただいた部分、また、別のデフォルト値の設定追加(フォント、傍点)を行いました。

また、CSSも調整しましたのでこちらにアップさせていただきます。

お手数ですが、よろしくお願いいたします。

スキンをアップデートしておきました。
https://github.com/yhira/cocoon/commit/b54484daa3b5edeebd1071dd252d9211a94693f6
不具合が修正されているのを確認いたしました。

お世話になっております。

Cocoon本体にご同梱いただいてから、てがきノートを色々な方に使っていただいているようで嬉しく思います。

てがきノートを使用しているサイトをいくつか拝見しているうちに、いくつか不具合を見つけましたので修正しました。修正版をこちらにアップいたします。

・.pagination aから.page-numbersに変更（ページネーションの「…」が対応できてなかったため）
・ホームとアーカイブ時のSNSフォロー、SNSシェアの背景色変更（サイト背景色とボタン背景色がかぶるとため）
・モバイル時メニューからの検索ボタンの見え方変更（入力部分が見にくいため）
・h2の文字と線の重なりを調整（文字と線がかぶっていたため）
・.navi-in .has-icon のright:0の記述をサブメニューでは適用させない（サブメニューの中にサブメニューがある時に不自然に見えたため）
・.navi-in > ul .sub-menu li の height: auto;を削除（サブメニューの中のサブメニュー項目にホバーすると高さが変わってしまうため、また、Cocoon本体で対応していたため）

またお手数をお掛け致しますが、よろしくお願いいたします。

修正ありがとうございます！
早速GitHubのものは適用しておきました。
ちょうど松田さんがトピックにおられたので、質問です。
てがきスキンには.widget-sidebar, .appeal-contentに対してoverflow: hidden;が入っています。
これが入っている意図はありますでしょうか。
というのも、ウィジェット等にoverflow: hidden;が入っていることで、以下のような不具合がでケースもあるようです。
https://wp-cocoon.com/community/postid/62391/
overflow: hidden;を削除すれば問題は解決するのですが、消すことで何か他に不具合が出るのかなと思い、相談させていただきました。

@yhira 様

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

作成当初は穴あきの紙を表現するための点々の部分がはみ出ていたのでそのようにしていましたが、その後違う記述方法で対応を変えていたのに該当の記述を消しそびれていました。

ですのでご提案の通り overflow: hidden; の部分を削除していただきありがとうございます。

ありがとうございます。
ということはoverflow: hidden;を削除しても大丈夫なんですね。
ただ現在は、松田さんのご意見を聞かせていただいてからと、アップデートファイルをそのまま適用させていただいたので、overflow: hidden;は以前の状態に戻しました。
あと、昨日以下のような不具合も報告されているようです。
https://wp-cocoon.com/community/postid/62488/
恐れ入りますが、上記の修正とともに、overflow: hidden;を削除してアップデートしていただくことは可能でしょうか。
もし、お忙しいようでしたらこちらで対応することも可能です。

@yhira 様

ご返信をありがとうございます。

URL先の不具合の部分を確認させていただき、overflow: hidden;を含め対応いたしました。

ファイルを添付いたしましたのでご確認いただけますと幸いです。

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

修正いただきありがとうございます！
早速、GitHubと当サイトに適用させていただきました。

@yhira 様

お世話になります。2日連続ですみません。
以下の対応を行いましたので、ご確認のほど、よろしくお願いいたします。

・スマホ時横揺れ対応
・記事を書くときにテキストなどが薄く見えてしまう部分の画面対応
・インデックスウィジェットのCTAボックス、プロフィールボックスをカード型に対応
・ダークスカイの編集画面のテキスト色対応

こちらこそ、何度もお願いして恐縮です。
GitHubと当サイトに適用させておきました。

こんにちは。

てがきノートを作成した後にカスタマイザー機能周りを色々見直したのでお時間がある時にでもご確認いただけますと幸いです。

https://github.com/xserver-inc/cocoon/pulls

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

こんにちは。
ご連絡いただきありがとうございます！
後で確認させていただきます。
プルリクに気付いておらずすいません。。

@yhira いえいえ、こちらこそちゃんと連絡してませんでしたので！よろしくお願いいたします。

本日未明WordPress6.3のアップデートがあると思うので、その影響はどうなるかを1、2日確認してからマージさせていただきますね。

@yhira 承知しました。もし修正するところがありましたら修正しますので、よろしくお願いいたします。。

動作確認してみました。
Googleフォント「Kaisei Decol」を使用してみましたが特に問題もなくロゴや見出しに反映されました。
機能追加いただきありがとうございます！

無事動作したようで何よりです！また何かありましたらよろしくお願いいたします。