atsushi.cさん

お問い合わせの際には、フォーラム上部の案内をご覧いただき、高速化を無効にしてください。

高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/

また、現状は、以下はCSSに書いている状態でしょうか。
それとも何も書いていない状態でしようか。

試した際には、どこにお書きになったのでしょうか。

投稿者:: @atsushi-c

.article h2 {
}

.article h3 {
} 

@mk2_mk2 お返事ありがとうございます。

今はコードは、書いていませんが、

cocoon childとカスタマイズの追加cssを試して見ました。

cocoon childとカスタマイズの追加cssを試して見ましたが駄目でした。

----------------------------------------------
サイト名：株式会社アーテクダイレクトマーケティング
サイトURL： https://www.a-teku.co.jp
ホームURL： https://www.a-teku.co.jp
コンテンツURL：/wp-content
インクルードURL：/wp-includes/
テンプレートURL：/wp-content/themes/cocoon-master
スタイルシートURL：/wp-content/themes/cocoon-child-master
親テーマスタイル：/wp-content/themes/cocoon-master/style.css
子テーマスタイル：/wp-content/themes/cocoon-child-master/style.css
WordPressバージョン：5.7.2
PHPバージョン：7.4.13
ブラウザ：Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.1.1 Safari/605.1.15
サーバーソフト：Apache
サーバープロトコル：HTTP/1.1
言語：ja-jp
----------------------------------------------
テーマ名：Cocoon
バージョン：2.3.2.1
カテゴリ数：5
タグ数：0
ユーザー数：3
----------------------------------------------
子テーマ名：Cocoon Child
バージョン：1.1.2
style.cssサイズ：1604バイト
functions.phpサイズ：1144バイト
----------------------------------------------
Gutenberg：0
AMP：0
PWA：0
Font Awesome：5
Auto Post Thumbnail：0
Retina：1
ホームイメージ：/uploads/2c343efd140dc62eaef4cf41b97d36f5-e1570895535821.jpg
----------------------------------------------
ブラウザキャッシュ有効化：1
HTML縮小化：0
CSS縮小化：0
JavaScript縮小化：0
Lazy Load：1
WEBフォントLazy Load：0
----------------------------------------------
利用中のプラグイン：
Advanced Editor Tools (previously TinyMCE Advanced) 5.6.0
All-in-One WP Migration 7.44
Aurora Heatmap 1.5.1
BackWPup 3.9.0
Category Order and Taxonomy Terms Order 1.5.7.5
Contact Form 7 5.4.2
Download Monitor 4.4.4
EWWW Image Optimizer 6.1.9
Google XML Sitemaps 4.1.1
Regenerate Thumbnails 3.1.5
Shortcodes Ultimate 5.10.1
WP-PageNavi 2.94.0
WP Multibyte Patch 2.9
WP Revisions Control 1.3
----------------------------------------------

atsushi.cさん

まだ晩御飯中で、手元にはスマホしかなく、調べることは難しいのですが。

投稿者:: @atsushi-c

cocoon childとカスタマイズの追加cssを試して見ましたが駄目でした。

そのダメな状態をみせていただくと、何がダメなのかハッキリすると思われます。

どこの要素にCSSをあてたのか、お知らせきただくと、調べやすいです。

あら、もう解決した感じっぽいですね。

最初にお書きになったものでも問題なさそうに見えましたが、実際にどういう状態だったのかは、ちょっと分からないですね。

とりあえず、上手くいっているのではあれば良かったです。

おそらくこちらは、自己解決と思われます。

ご本人からのご連絡がありませんので、良く分かりませんが。

なかなかタイミングがあわず、ちょっとやりとりも上手くいかない部分もあり、回答を示すことができなかったことは、申し訳ない限りです。

文字だけのやりとりは、やはり難しいです。

@mk2_mk2 ありがとうございます。何とかいけました。よくあるサイトで試してみるのですが、うまく行かないことが多いんです。でも、何回かやってみると、うまくいくんです。不思議。MACのパソコンのフォント設定がおかしいんですかね？以前の質問でCSSコードに余計なものが入っていると言われたことがありまして、書体で何がありますか？

atsushi.cさん

CSSは、単独では分からないものなんです。

文法的に正しくても、それが適用されないことは日常的にあります。

それは、CSSには優先度といいますか、勝ち負けのようなものもあるからです。

親テーマのCSS・追加CSS・子テーマなどが複雑に絡み合って、何が適用されるか決まります。
（スキンも使っていればそうですし、プラグインのものも絡みます。）

また、同一スタイルシート内（例えば子テーマ）でも、優劣というのか、そういうものがあります。

それらを総合的に見ないと、分からないんですよね。
単独のCSSだけ見ても分からないです。

ということで、実際の環境を拝見したいということに繋がるのです。

ブラウザキャッシュやページキャッシュプラグインのキャッシュ、もしくはサーバーキャッシュが原因の可能性もあるかもしれません。

ただ、mk2さんが書かれているように、実際のソースコードを見てみないことには、ちょっと何とも言えないかもしれません。

@yhira mk2様　ありがとうございました。今の現状のコードです。コード自体は合っていますでしょうか？

atsushi.cさん

何といえば良いのか。。。
コード自体は文法的には間違っていないようですし、当たるには当たると思います。

ただその用途といいますか、なんのためにというところはあるかもしれません。

h3のbackgroundは、少し「ん？」と思わなくはないです。
必要でしょうかと思います。（設定値も目的と違うのでは。。。推測です。）

余談ですが。。。

企業様サイトのようですので、ファビコンは変更した方が良いかもしれません。

@mk2_mk2 ありがとうございます。

投稿者:: @mk2_mk2

ただその用途といいますか、なんのためにというところはあるかもしれません。

h3のbackgroundは、少し「ん？」と思わなくはないです。
必要でしょうかと思います。（設定値も目的と違うのでは。。。推測です。）

素人なので基本的なことがわかっていないので、言葉が合っているかどうかわかりませんが、

見出しの天地、カラムからカラムの改行の隙間、間隔を全体的に詰めたいだけのことです。

どうしても紙媒体をやっていると間がすごく気になり、印刷業界では、通用しません。

意味は特にありません。

h3のbackは、真っ白になったのでつけました。cocoon設定が間違えているのでしょうか？

一度外して見ます。

投稿者:: @mk2_mk2

余談ですが。。。

企業様サイトのようですので、ファビコンは変更した方が良いかもしれません。

ファビコンの件ありがとうございます。ただ今作成中です。

@mk2_mk2 　 h3 直りました！　サイトキーカラーが間違えていました。ご指摘ありがとうございました！

atsushi.cさん

すみません、私は印刷業者さんのことは分かりません。

私が気になった、h3のbackgroundについては、もう少し詳しく書けば良かったかも知れません。

以下の通りです。

• h3のbackgroundの指定がない場合、#fff(白)が適用になっていること
  意図があって白以外にしたいということですね
   
• backgroundは、複数のプロバティ値を一度に設定できて便利なものです
  noneという初期値は「background-image:none;」を意味します
  必要でしょうか（ブラウザは上手いこと解釈してくれますけど、今の指定でも。）
   
• もし背景色ということであれば、background-colorであり、その初期値（透明）は「transparent」です

これらの情報は、ネットを検索すればいくらでも出てきます。
ご自身で検索なさることをお勧めします

例えば以下。
https://developer.mozilla.org/ja/docs/Web/CSS/background

そして、もう1度書きます。
単独でCSSを見ても意味はないです。
他のCSSとの絡みを考慮する必要があります。

【追記】

良く分かりませんが、解決なさったみたいですね。。。
であれば、よろしいかと。