サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL:
相談内容:
不具合の発生手順:
解決のために試したこと:
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報:※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え(FAQ)
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw)
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
トピックスターター 2021年7月3日 00:10
みなさま
お世話になっております。
タイトルの通り2点ほどご教授ください。
ひとつは、「次のページ」の文字を任意の文字へと変える方法。
もうひとつは、1、2…とページネーションがありますが、これの角丸を取る方法。
ページネーションのほうは、border-radiusを0にしてみたのですができませんでした。
該当のURLは以下になります。
https://itsallabouthouse333.com/?cat=0
初歩的な質問で大変失礼します。どうかよろしくお願いいたします。
2021年7月3日 00:33
mwさん
お問い合わせの際は、ページキャッシュを無効にしてください。
CSSなどの確認ができないです。
(表示がとても不安定です、確認中にキャッシュありの状態と、なしの状態をいったりきたりして、ちょっと確認が難しいです。)
WP Super Cache。。。でしょうか。
「次ページ」の方はHTMLソースに出ていているものですから、ちょっと姑息な手段を。。。という気はしますけど。
ページ番号のボタンは、50%くらいにすれば良い気はします。
キャッシュが無効になってから確認させていただければと。
時間があまりありませんので、私はこの後席を外してしまいます。。。すみません。
他の方のご回答をお待ちください。
そして、余計な話ですが。
Mixed Content(混在コンテンツ)が大量に出ているようです。
(1画面に収まりませんので、一部のみ添付します。)
画像のURLが「http」みたいです。
2021年7月3日 04:55
スマホからですので、調べたりはしていません。
ページ番号の件は、真四角になさりたかったのですね。
勘違いしました。
いずれしても、ページキャッシュを無効にしていただいてからだと思います。
追加CSSにてカスタマイズなさっているかと思いますが、ページキャッシュが有効で最新の情報が分からないです。
そして、本日(土曜)は私はフォーラムに来る時間が読めませんので、他の方のご回答をお待ちになるのが良いと思います。
ちなみに、「次ページ」の件はHTMLで出力しているものですから、ちょっとどうするかはあると思います。
綺麗に変更するなら、以下かなと思います。
- テーマファイル(PHP)を修正して、そもそものHTMLソースの出力を変更する
- JavaScript(jQuery)でHTMLソースを置換する
CSSでも、対応できると思いますが、置き換える訳ではなく、見た目さえ上手くいけば良い的な姑息?な方法しか、私には思いつきません。
その辺りも、他の方なら妙案があるかもしれません。
わいひら reacted
2021年7月3日 20:21
もうひとつは、1、2…とページネーションがありますが、これの角丸を取る方法。
子テーマのstyle.cssに以下を記入してもだめですか?
.pagination .page-numbers { border-radius: 0; }
2021年7月3日 20:24
ひとつは、「次のページ」の文字を任意の文字へと変える方法。
手っ取り早く行うには、/tmp/pagination.phpをカスタマイズすることかと思います。
https://github.com/yhira/cocoon/blob/6da2f6e9aebee9157f82d4da176708b672b1785e/tmp/pagination.php#L36
2021年7月3日 21:45
子テーマのstyle.cssに以下を記入してもだめですか?
.pagination .page-numbers { border-radius: 0; }
現在、追加CSSに以下の記載があります。
.page-numbers { text-decoration: none; display: inline-block; height: 46px; width: 46px; border: 1px solid; margin: 0 4px; line-height: 46px; text-align: center; border-radius: none; }
ここの「border-radius」をゼロにすれは、真四角になりますけどね。
デベロッパーツールで確認したところ。
今もページキャッシュが有効で、何回か拝見しにいくとキャッシュが更新されたりして、最初拝見した時とは変わっていたりして。。。
その辺りを何とかして欲しいところです。
もしかすると、「border-radius」の件も、ページキャッシュの影響かもしれませんね。
わいひら reacted
トピックスターター 2021年7月4日 18:59
mk2様 わいひら様
お疲れ様です。
WP Super Cacheを使用しておりました……キャッシュを無効にしたので、これで大丈夫かと思います。わかりづらくしてしまい、申し訳ありませんでした。
ページネーションの角丸に関しまして。mk2さんとわいひらさんに提示していただいたコードをStyle.cssでやってみたところ、無事できました。mk2さんの言うようにページキャッシュの影響だったのかもしれません。また、「次のページ」を任意の文字に変更するのも、直接/tmp/pagination.phpを書き換えることで、無事できました。
ご教授いただき、ありがとうございます!
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね!」もご活用ください。回答者の励みになります。
(CC BY-ND 2.1)準じていれば(リンクを貼っていただければ)転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。