Cocoonフォーラム

2018.02.102023.01.25

書き込みの前に以下の3点をご確認ください。

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

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

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

相談内容：

不具合の発生手順：

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

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

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

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

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

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

共有:

通知

すべてクリア

[解決済] パンくずリストをカルーセルの上に移動させたい

CSSカスタマイズ相談

最新の投稿 : kitagawa 6年前

4 投稿

2 ユーザー

2 Reactions

3,611 表示

RSS

kitagawa

(@kitagawa)

Active Member Registered

結合: 6年前

投稿: 10

Topic starter 2018年12月31日 01:42

https://petrear.jp/sturgeon/

今現在は、position: absolute;を使って実装しているのですが、スマホ表示になるとパンくずリストの位置がずれてしまうのでPCのみ正常に表示されている状態です。

CSSで解決できない場合は、親テーマファイルのどこを変更すればよいのでしょうか？

かうたっく

(@kautakku)

Famed Member Moderator

結合: 7年前

投稿: 4764

2018年12月31日 05:36

パンくずリストに入る文字列の長さによってスマホビューでは特に高さが可変するのでPHPが簡単だと思います。

Cocoon: body-top.php (tmp/body-top.php)にその部分があります。

<?php //カルーセル
get_template_part('tmp/carousel'); ?>

<?php //投稿パンくずリストがメイン手前の場合
if (is_single() && is_single_breadcrumbs_position_main_before()){
get_template_part('tmp/breadcrumbs');
} ?>

このテンプレートの読み込み順を変更すればOKです。

親テーマフォルダ内の　tmpフォルダ内/body-top.phpをダウンロード

子テーマにアップロードする際tmpフォルダ内に入れてください。そのフォルダを作ったことがない場合はtmpフォルダを作成してbody-top.phpを入れてアップロードする感じです。

※PHPのコピペを間違えたら不具合が出ます。その場合は、子テーマ内のtmp/body-top.phpこのPHPを削除すれば元に戻ります。

お試しください。

わいひら reacted

kitagawa

(@kitagawa)

Active Member Registered

結合: 6年前

投稿: 10

Topic starter 2018年12月31日 11:28

返信ありがとうございます。

以下のように順序を入れ替えてみたのですが反映されないみたいです。

<?php //投稿パンくずリストがメイン手前の場合
if (is_single() && is_single_breadcrumbs_position_main_before()){
get_template_part('tmp/breadcrumbs');
} ?>

<?php //カルーセル
get_template_part('tmp/carousel'); ?>

試しに上記のパンくずリストとカルーセルのPHPを削除してみたのですが、カルーセルは削除されますがパンくずリストは削除されずに残ったままでした。