「メイド・イン・ヘブン」スキン適用中

Cocoonフォーラム

サイト内検索
書き込みの前に以下の3点をご確認ください。
  1. 1つのトピックにつき1つの質問を書き込んでください
  2. 不具合・カスタマイズ対象ページのURLを提示高速化を無効にしてください
  3. 該当部分のキャプチャ・環境情報とともに書き込んでいただけると助かります

何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。

不具合・カスタマイズ対象ページのURL:

相談内容:

不具合の発生手順:

解決のために試したこと:

※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:

※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。

環境情報の取得方法はこちら。
https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
https://wp-cocoon.com/theme-trouble/

フォーラム利用ガイドリンク

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法
  7. ブラウザ環境チェックツール
  8. Cocoonカスタマイズ依頼

フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。

見出h2とh3、サイドバーの見出しをカ...
 
共有:
通知
すべてクリア

[解決済] 見出h2とh3、サイドバーの見出しをカスタマイズしたい。

15 投稿
4 ユーザー
10 Likes
1,563 表示
(@atsushi-c)
Estimable Member Registered
結合: 4年前
投稿: 58
Topic starter  

サイトを見てはいろいろ試したりはしているのですが、デフォルトのままで一向に変わりません。

スキンなしで作っているのですがやり方が違うのでしょうか?

.article h2 {
}

.article h3 {

そもそも合っているのかも分かりませんが  何故かサイドバーは変化します。少し天地の幅は縮まりました。

/*サイドバーのタイトル*/

.sidebar h3 {
margin:3px;
padding:3px;
}

しかしpaddingを 3px 0px 3px 0pxにするとデフォルトに戻ります。

----------------------------------------------
サイト名:株式会社アーテクダイレクトマーケティング
サイト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縮小化:1
CSS縮小化:1
JavaScript縮小化:1
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
----------------------------------------------

 


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6895
 

atsushi.cさん

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

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

 

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

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

投稿者:: @atsushi-c

.article h2 {
}

.article h3 {

 


   
わいひら reacted
(@atsushi-c)
Estimable Member Registered
結合: 4年前
投稿: 58
Topic starter  

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

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

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


   
(@atsushi-c)
Estimable Member Registered
結合: 4年前
投稿: 58
Topic starter  

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
----------------------------------------------


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6895
 

atsushi.cさん

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

投稿者:: @atsushi-c

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

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

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


   
atsushi.c reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6895
 

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

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

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


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6895
 

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

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

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

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


   
(@atsushi-c)
Estimable Member Registered
結合: 4年前
投稿: 58
Topic starter  

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


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6895
 

atsushi.cさん

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

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

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

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

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

 

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

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


   
わいひら reacted
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16458
 

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

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


   
(@atsushi.c)
New Member
結合: 3年前
投稿: 3
 

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


   
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6895
 

atsushi.cさん

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

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

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

 

 

余談ですが。。。

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

 
サイトアイコンを設定する方法(ファビコン、アップルタッチアイコン等の設定)
https://wp-cocoon.com/site-icon/

   
わいひら reacted
(@atsushi-c)
Estimable Member Registered
結合: 4年前
投稿: 58
Topic starter  

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

投稿者:: @mk2_mk2

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

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

 

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

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

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

意味は特にありません。

 

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

一度外して見ます。

 

投稿者:: @mk2_mk2

余談ですが。。。

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

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


   
(@atsushi-c)
Estimable Member Registered
結合: 4年前
投稿: 58
Topic starter  

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


   
わいひら reacted
mk2
(@mk2_mk2)
Illustrious Member Moderator
結合: 3年前
投稿: 6895
 

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との絡みを考慮する必要があります。

 

【追記】

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


   
共有:

問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。

また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。

「いいね!」機能はフォーラム登録者のみが利用できる機能です。

CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。

フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。

最近の書き込みはこちら。

詳細なカスタマイズ依頼をするならこちら。

タイトルとURLをコピーしました