サイト内検索
Cocoonフォーラム
書き込みの前に以下の3点をご確認ください。
何を書き込んだら良いか分からない場合は、以下のテンプレートをコピペしてご利用ください。
不具合・カスタマイズ対象ページのURL：
相談内容：
不具合の発生手順：
解決のために試したこと：
※文字だけでは正しく伝わらない可能性があるため、スクショ画像の添付もお願いします。
※高速化設定をしている場合は無効にしてください。
環境情報：※↑こちらに「Cocoon設定 → テーマ情報」にある「環境情報」を貼り付けてください。
環境情報の取得方法はこちら。
→ https://wp-cocoon.com/theme-report/
高速化設定を無効にするにはこちら。
→ https://wp-cocoon.com/theme-trouble/
フォーラム利用ガイドリンク
- フォーラムガイドライン
- よくある質問と答え（FAQ）
- サポート対象外のケース
- 原因不明の不具合用トラブルシューティング
- トピックにHTMLを貼り付ける方法（推奨ツール：notepad.pw）
- 真っ白画面でのエラーメッセージの確認方法
- ブラウザ環境チェックツール
- Cocoonカスタマイズ依頼
フォーラム質問後、問題等が解決した場合は結果を書き込んでいただけると幸いです。同様の問題で調べている方には、結果が一番気になる部分となります。
CSSカスタマイズ相談
12
投稿
3
ユーザー
6
Reactions
3,388
表示
Topic starter
2018年12月24日 16:10
2018年12月24日 22:32
現在ある機能としては不可能です。
CSSでカスタマイズもしくはPHPでカスタマイズすれば、大変ですが可能といえば可能です。
2018年12月24日 22:44
おつかれさまです。リンク先を確認したら、breakポイントが1024pxだと思うので、以下の感じでスタイルの変更をすれば、多分イケると思います。
@media screen and (min-width: 1024px) {
.category .content-in {
display: block;
}
.category .main,
.category #sidebar {
width: 100%;
}
}
わいひら reacted
Topic starter
2018年12月24日 23:51
かうたっくさん、ありがとうございます。
サイドバーが下部に表示されてしまうのですが、サイドバーを消すことは可能でしょうか？（プラグインでウィジェットを非表示にする方法もあるかと思いますが）
Topic starter
2018年12月25日 01:11
追記です。
カテゴリーページを見栄え良くしたいと思い、今回質問した次第ですが、固定ページで作成することはできるでしょうか？
2018年12月25日 02:32
サイドバーが下部に表示されてしまうのですが、サイドバーを消すことは可能でしょうか？
このページで確認したら、以下CSSで行けました。
@media screen and (min-width: 1024px) {
.main {
width: 100%;
}
#sidebar {
display:none;
}
}
って事で、メディアクエリに囲まれた.mainと#sidebarに
.category
上記を付ければ、カテゴリ一覧に反映、
固定ページであれば
.page .main
.page #sidebar
上記のように.pageに付け替えれば反映すると思います。
固定ページで作成することはできるでしょうか？
この意味は上記説明であってますか？
わいひら reacted
2018年12月25日 02:35
@media screen and (min-width: 1024px) {
.category .main {
width: 100%;
}
.category #sidebar {
display:none;
}
}
上はカテゴリ一覧のみ反映。
下はカテゴリ一覧・固定ページで反映。
@media screen and (min-width: 1024px) {
.category .main,
.page .main {
width: 100%;
}
.category #sidebar,
.page #sidebar {
display:none;
}
}
こんな感じで追記する感じです。
わいひら reacted
Topic starter
2018年12月25日 11:35
かうたっくさん
ありがとうございます。教えていただいたcssでカテゴリーページをワンカラム＆サイドバー表示できました！
＞＞固定ページで作成することはできるでしょうか？
固定ページをつかって、それをカテゴリーページやアーカイブの一覧ページに差替えたいという意味でした。
レイアウトの自由が効くので、各カテゴリーページをただの一覧ではなく、文章や画像をいれて見栄え良くしたいと考えています。
2018年12月25日 13:45
固定ページをつかって、それをカテゴリーページやアーカイブの一覧ページに差替えたいという意味でした。
カテゴリ・アーカイブのとき一覧を表示するPHPがあったと思います。自分でテンプレートを作って固定ページに導入するとかもできるのでlist.phpあたりのテンプレートのPHPを引っ張て来て作れば行けると思います。
※もしかしたらlibフォルダ内に別途記載があるかもですが、今みてません。
https://bibabosi-rizumu.com/wordpress-page-template/
ただパンくずリストのカテゴリをクリックしても反映されない：固定ページは表示されないと思います。
一覧ではなく、文章や画像をいれて見栄え良くしたいと考えています。
カテゴリの編集画面上にある機能を使えば冒頭にアイキャッチを置いたり文章を入れる事は可能ですが、それではダメですか？
これが一番簡単な方法かも知れません。
わいひら reacted
Topic starter
2018年12月25日 16:35
かうたっくさん
>>これが一番簡単な方法かも知れません。
はい。なかなか難度が高そうなので、ひとまず教えていただいた方法でワンカラムにしてCocoonのカテゴリー設定の編集でまずは検討してみます。ありがとうございます。
2018年12月25日 19:36
あとウィジェットのインデックスを活用して3個目・最後にも（広告があればその下と記載があるようです）表示できると思います。
ウィジェットの表示設定でカテゴリを選択して、表示させたいカテゴリ分だけウィジェットを使って表示させる扱いは簡単かと思います。
ちなみに。
カスタマイズ完成イメージはどんな感じでしたか？
わいひら reacted
Topic starter
2018年12月27日 15:09
追加でウィジェットのインデックス活用の手もありましたね。
完成イメージはまだ試行錯誤中なので、ひとまずいただいたヒントで考えてみます。
ありがとうございました。
わいひら reacted
問題の解決に至った場合には、トピック冒頭の「解決済み」をクリックしていただけますと幸いです。
また、有用な回答があった場合は返信右下にある「いいね！」もご活用ください。回答者の励みになります。
（CC BY-ND 2.1）準じていれば（リンクを貼っていただければ）転載も自由です。カスタマイズ記事を書く際にコード等をコピペ利用していただいて構いません。
フォーラムの使い方がよくわからない場合は、テストトピックで自由にテストしていただいて構いません。
最近の書き込みはこちら。
詳細なカスタマイズ依頼をするならこちら。