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カスタマイズ依頼

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

アップデートしたら余白幅がずれる
 
共有:
通知
すべてクリア

[解決済] アップデートしたら余白幅がずれる

11 投稿
3 ユーザー
2 Reactions
3,851 表示
(@okona)
Eminent Member Registered
結合: 7年前
投稿: 24
トピックスターター  

cocoon-master-0.2.8にて、固定ページとサイドバーの最上部に点線を書き入れていますが、設定>カラム>余白幅の数値を等しくするときれいに一列に並んでいました。しかし、最新版にアップデート後は数値をいじっても一列に並ばなくなりました。(現在は、FTPソフトで前のに戻して使っています)

前のに戻して今は不自由ありませんが、次回のアップデートでその点についてチェックしていただけると嬉しいです。

また、タイトルとは別件ですが、何も書かずに試しに挿入した広告ウィジェットの「スポンサーリンク」という文字がウィジェットを消しても消えずに残ってしまう事がありました。(これを修正しようと思い最初にダウンロードした親テーマを丸ごと入れ直したところ、上部点線のズレも直ったので気づいた次第です。)


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17400
 

できれば設定状態みたいので、古いバージョンのテーマのままで構わないので、サイトを見せていただいてよろしいでしょうか。

また、タイトルとは別件ですが、何も書かずに試しに挿入した広告ウィジェットの「スポンサーリンク」という文字がウィジェットを消しても消えずに残ってしまう事がありました。(これを修正しようと思い最初にダウンロードした親テーマを丸ごと入れ直したところ、上部点線のズレも直ったので気づいた次第です。)

通常、ウィジェットを外してしまえば、ラベルが残ることはキャッシュプラグインとかでキャッシュが残っていない限り考えづらいです。
僕のテスト環境でも、不具合は再現できませんでした。
ですので、これも、該当ページのURLを掲載していただいて、ソースコードを見てみないと、何とも言えないかもしれません。


   
(@okona)
Eminent Member Registered
結合: 7年前
投稿: 24
トピックスターター  

https://baseballbestbattle.com

こちらのサイトです。よろしくお願いします。スポンサーリンク表記残りに関しては、丸々親テーマのみ入れ替えたら治りました。その間プラグインを色々試したので、キャッシュが残っていたのかもしれません。

再度別件で不具合ではありませんが、先日、要望の所で、.date-tags,{
display: none;}で日付を無くす方法を教えていたきました。しかし、ページ内検索をすると日付が表示されしまいますが、これに関して消す方法はないでしょうか。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17400
 

おそらく、以下のタグを挿入する形で、罫線を入れているからだと思います。
<hr style="border:.5px dashed #808080;">
通常は、style.cssなどにCSSを書いて入れます。それだとずれないと思います。
ただ、個々のカスタマイズを気にしてテーマ開発はできないので、今後とも仕様は変わる可能性は十分考えられます。

しかし、ページ内検索をすると

これは、ソースコードを検索すると出るので、ソースコードごと削除したいということでしょうか?


   
(@okona)
Eminent Member Registered
結合: 7年前
投稿: 24
トピックスターター  

本文サイドバー共に<hr>の表記にして子テーマのstyle.cssに点線フォントの指定をしました。(「style.cssなどにCSSを書いて入れます」というアドバイスはこれのことであっていますか?)しかし、アップデートするとずれてしまいます。

また、最初の時点では気づきませんでしたが、トップページでは本文側が下にずれ、他のページではサイドバー側が下にずれています。何かこれがずれる原因のヒントにはなりませんでしょうか。

トップページ  https://baseballbestbattle.com

他のページ   https://baseballbestbattle.com/rank

今はアップデートした状態にしてあります。そもそも上部に罫線を入れること自体があまりほめられたやり方ではないということでしょうかね・・・。

 

別件のほう、失礼しました。ページ内検索ではなく、ブログ内検索をすると、の間違いです。お手数お掛けします。


   
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17400
 

今はアップデートした状態にしてあります。そもそも上部に罫線を入れること自体があまりほめられたやり方ではないということでしょうかね・・・。

そうですね。普通は、<hr>は、文章の切れ目とかに利用するもので、デザインとかには利用しないです。

ただ、あえてその方法でデザインするのであれば、子テーマのstyle.cssに以下のように貼り付ければ合うかと思います。

.sidebar {
padding: 39px 10px;
}

まだずれている場合は、39の数字を微調整してみてください。

別件のほう、失礼しました。ページ内検索ではなく、ブログ内検索をすると、の間違いです。お手数お掛けします。

すいません。これもURLを貼って「この部分」と書いてもらってよろしいでしょうか。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

別件のほう、失礼しました。ページ内検索ではなく、ブログ内検索をすると、の間違いです。お手数お掛けします。

#list .post-dateで指定すればSearchページも反映するかと思われます。

.post-date{ display: none !important; }としたらすべてのページの更新日ってか、post-dateが反映されるはずです。←これはおそらくAMPでは反映しないかと思われますが?

Searchページ・トップページなどに反映しないようなCSSの書きかたの(指定範囲を限定した書きかたをされている)ようです。※CSSの優先順位の問題です。


   
(@okona)
Eminent Member Registered
結合: 7年前
投稿: 24
トピックスターター  

最初に、ページ内検索の件ですが、かうたっくさんより教えていただいた様に、

#list .post-date {
display: none;
}

と追加で貼り付けたら無事消えました。自分の言葉足らずでしたが、教えていただきありがとうございました。※検索結果  https://baseballbestbattle.com/?s=%E9%A0%86%E4%BD%8D

 

高さズレの件ですが、教えていただいた様にコードを入れると確かにトップページで高さは揃います。しかし、トップページと他のページでサイドバーの高さが変わってしまうという症状がやはり治りません。一度サイドバーも含め<hr>を全て外してみましたが、症状は変わりませんでした。

何か嫌な予感がしますが、トップページを固定ページにしているのが原因でしょうか。ちなみに追加で書き加えたCSSは、

1,日付著者等の非表示

2,サイト全体のフォント指定(デフォルトやリンクテキストの色など)

3,そして今回の<hr>フォント、余白幅の指定

です。プラグインは https://wp-cocoon.com/recommended-plugins/より取捨選択して、8個ほどダウンロードしたのみです。

機微な誤差かもしれませんが、cocoon-master-0.2.8ではこの問題が発生しないのが、余計にくやしいです。


   
かうたっく
(@kautakku)
Illustrious Member Moderator
結合: 7年前
投稿: 4770
 

『高さズレの件』ですが、サイドバーの上部にカラのウィジェットが入ってるようです。

もしかしたら『Cocoon設定』の『広告』タブより、広告コードをカラにして『広告の表示位置』の『サイドバートップ』にチェックが入ってるかもしれません。

チェックを外して設定を保存してみるとどうなりますか?


   
わいひら reacted
(@okona)
Eminent Member Registered
結合: 7年前
投稿: 24
トピックスターター  

無事解決しました!

教えていただいた様に、サイドバートップのチェックを外し、高さが揃いました。その後、そもそも自分はウィジェットのテキストを使ってアドセンスのコードを直接貼っているので、Cocoon設定/広告タブ/アドセンスの広告表示 のチェックごと外すことにしました。ここの設定が自分のレイアウトと相性が良くない気がしたので。もし今後これでまた不具合があれば、また戻したりしてみます。

わいひらさん、かうたっくさん、何度も丁寧に返答いただきありがとうございました。


   
わいひら reacted
わいひら
(@yhira)
Illustrious Memberサイト Admin
結合: 7年前
投稿: 17400
 

なんと、空のウィジェットが入っていたんですね。
その発想はなかったです。

通りで、「デザインは変更していないのに何で変わるんだろう…」と思いました。


   
共有:

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

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

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

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

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

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

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

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