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

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の下線の横線が、文字の中央に...
 
共有:
通知
すべてクリア

見出しh2の下線の横線が、文字の中央に入り読みにくくなった。

23 投稿
4 ユーザー
8 Likes
2,795 表示
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

先日8/15日、WPの更新をしたせいか、今までなんでもなかった見出しH2の下線が文字の中央に入り読みにくくなりました。いろいろチャレンジしましたが、ブログ初心者の私には直せません。pcはimacです。

https://qoosol.blog/medaka-hatching/

すみませんが。アドバイスいただけると嬉しいです・

 


   
引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

すみません。

さっき送ったのは、問題のない更新前です。

今は新規でも、リライトでも横線が入ります。

今は  https://qoosol.blog/3f-light/


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

前略、@qoo さん

私の環境(Windows10 Firefox)では、特に問題なく表示されているようです。

他のブラウザに変えてみると、どうでしょうか?(例えば、Google ChromeとかFirefoxとか)

 


   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@qoo さん

加えて、横線が入っているキャプチャ画像をフォーラムの入力画面左下方の「参照」ボタンで選択して、添付してみてください。

 

それと、環境情報も貼りつけていただいた方が良いかもしれません。

 


   
わいひら reacted
返信引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

サイトさん、こんなに早くアドヴァイスいただけるとは本当に嬉しいです。確かに、スマホで見ると何も問題なくみれます、しかし。パソコンで操作していると、横線が真ん中に入り、読みにくくなります。

参照ボタンがよくわかりません。添付ファイルでいいのでしょうか?最初に入れたような気がします。もう一度やってみます。ファイルを選択しましたが、添付されてないようです。

初心者なので、本当にすみません。

環境情報とは?から検索してみます。

 

 


   
返信引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

サイト様へ

環境情報

これでいいのでしょうか。

---------------------------------------------
サイト名:ラグドールのおもてなしのお家
サイトURL: https://qoosol.blog 
ホームURL: https://qoosol.blog 
コンテンツ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
スキン:/wp-content/themes/cocoon-master/skins/skin-tecurio-earth/style.css
WordPressバージョン:5.5
PHPバージョン:7.3.16
ブラウザ:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/84.0.4147.125 Safari/537.36
サーバーソフト:Apache
サーバープロトコル:HTTP/1.1
言語:ja,en-US;q=0.9,en;q=0.8
----------------------------------------------
テーマ名:Cocoon
バージョン:2.2.2
カテゴリ数:29
タグ数:76
ユーザー数:1
----------------------------------------------
子テーマ名:Cocoon Child
バージョン:1.1.1
style.cssサイズ:719バイト
functions.phpサイズ:203バイト
----------------------------------------------
Gutenberg:1
AMP:0
PWA:0
Font Awesome:4
Auto Post Thumbnail:0
Retina:0
ホームイメージ:/wp-content/themes/cocoon-master/screenshot.jpg
----------------------------------------------
ブラウザキャッシュ有効化:0
HTML縮小化:0
CSS縮小化:0
JavaScript縮小化:0
Lazy Load:0
WEBフォントLazy Load:0
----------------------------------------------
利用中のプラグイン:
Akismet Anti-Spam 4.1.6
All-in-One WP Migration 7.26
All In One SEO Pack 3.6.2
AMP 1.5.5
Contact Form 7 5.2.1
Head, Footer and Post Injections 3.2.1
Jetpack by WordPress.com 8.8.1
----------------------------------------------

不具合報告の際には以下の情報を添えてもらうと助かります。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@qoo さん

環境情報は、それでOKです。

 

添付いただいた画像を拝見しますと、どうやら、Webサイトの表示ではなく、ログインした場合での、投稿画面の表示のことをおっしゃっているようですね?

 

私は、Macは持っていませんので、Macのsafari等の表示は、見ることができませんが、ログアウトして、Webサイトとして閲覧した場合は、問題ない、と、いうことでしょうか?


   
わいひら reacted
返信引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

サイトさん

ありがとうございます。

初心者の私は、いつもエックスサーバーパネルから入り、WPの管理画面から、ダッシュボードやら投稿画面がある画面に入ります。そこで、新規作成やリライトします。そこで、h2タグがこのように横線が入ってしまうようになりました。作成時から、横線なのです。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@qoo さん

同じ記事をWordpressからログアウトして、通常のWebサイトとしてブラウザで見てみると、Macでは、どのように表示されますか?

 

その場合でも、文字と下線は重なってしまいますか?


   
返信引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

サイト様へ

ありがとうございます。

やってみましたところ、問題なく、見出しが読めました。

ちゃんと下線になっています。

何が問題なのでしょうか??


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@qoo さん

私もローカル環境のテストサイトで、qoo さんと同じスキン「tecurio-earth」にしてみたところ、やはり、h2の見出しの文字と装飾の下線が重なってしまうようです。

 

 


   
返信引用
たなかま
(@tanakama)
Prominent Member Registered
結合: 6年前
投稿: 600
 

こんにちは。

Macで確認できました。safari以外のブラウザでも再現できます。

管理画面での問題で、Webサイトとしてブラウザで見ると問題ございません。

 

WordPressのload-styles.phpにある

.block-editor-block-list__layout .block-editor-block-list__block:after {}

position:absoluteが入っているので、h2要素の:afterに影響が出ているようです。

 

tecurio-earthスキンを修正される場合は、

.editor-styles-wrapper .article h2::after {
margin-top: .3em;
content: "";
display: block;
height: 8px;
background-image: linear-gradient( 165deg, #2AFADF 0%, #4C83FF 20%);
position: relative;/*追加*/
}

のように、position: relativeを追加でいけると思います。

 


   
わいひら reacted
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@qoo さん

私もよくわかりませんが、WordPress5.5はエディターの仕様が変わっているところがあるようなので、その影響かもしれません。

 

Cocoonでも、わいひらさんが、目下、対応バージョンを作成中とのことですので、近日中には、リリースされるのではないかと思います。(私は詳しいことは知りませんが・・)

 

今回のWordPress5.5では、エディターの変更点が多いみたいですので、おそらく、対応にご苦労されている最中ではないかと推測しています。

 

夜には、わいひらさんが何か書きこんでくださるのではないかと思います。


   
返信引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

リフィトリーさん ですね。すみません。サイトとあるのでサイトさんかと思いました。

ありがとうございます。

閲覧に問題なければ、少しの間このままで行こうかなと思います。

初心者の私には、聴き慣れない言葉だらけで大変そうです。

本当に、早い丁寧な対応ありがとうございました。


   
返信引用
たなかま
(@tanakama)
Prominent Member Registered
結合: 6年前
投稿: 600
 

すみません、書き込みが被ってしまいました。

リフィトリーさんのおっしゃる通り、わいひらさんのの書き込みをお待ちいただければと思います。

閲覧には問題ないのでご安心くださいませ。


   
返信引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

たなかま様へ

丁寧なアドバイスありがとうございます。

初心者の私は、閲覧に問題なければ少し我慢して待ってみようと思います。

 

 


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@qoo さん

どうも、qoo さんの環境に限ったことではないみたいですので、とりあえず、テーマ作者様のご対応をお待ちになるのがいいように思います。

 

ありゃ、同じようなことをまた、書いてしまいました。 ? 


   
返信引用
わいひら
(@yhira)
Illustrious Member Admin
結合: 6年前
投稿: 16440
 

たなかまさんに提案していただいた、修正案をそのまま使わせていただきました。
修正版は以下になります。
以下はFTPでアップロードしてテーマをアップデートすればおそらく改善されるかと思います。
------------------------------------------------
https://github.com/yhira/cocoon
最新ファイルをダウンロードする場合は、上記ページのダウンロードボタンからzipファイルをダウンロードしてください。

FTPでのアップデート方法はこちら。
https://wp-cocoon.com/ftp-update/
------------------------------------------------


   
返信引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

わいひらさん

ありがとうございます。

早速FTPのアップロードしようとしましたが、対応がWindowsです。すみませんが、iMacなので、FTPがアップロードできません。

初心者なのですみません。よろしくお願いいたします。

 


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@qoo さん

Macには、Mac用のFTPソフトがあるかとは、思いますが、FTPソフトを使ったこともないし、使い方もわからない、という場合は、無理に急いでアップデートしなくても良いと思います。

 

次の自動アップデートのときに、この内容も含まれると思いますので。


   
返信引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

リフィトリーさん

ありがとうございます。FTPなんていう名前も聞いたことがありません。本当に初心者です。

このまま放っておいて、いずれ直るならそれがベストです。


   
返信引用
リフィトリー
(@leafytree)
Illustrious Member Moderator
結合: 5年前
投稿: 6845
 

@qoo さん

投稿者:: @qoo

このまま放っておいて、いずれ直るならそれがベストです。

Cocoonの次のバージョンがリリースされ、自動アップデートが有効になると、ダッシュボードの更新のところに表示が出るはずです。

 

それまで、お待ちになられて良いと思います。


   
返信引用
 qoo
(@qoo)
Active Member Registered
結合: 4年前
投稿: 11
Topic starter  

リフィトリーさん

安心しました。本当にありがとうございました。

 

 

 


   
返信引用
共有:

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

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

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

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

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

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

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

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