サイト全体に「モダンブラック 」スキン適用中。

カテゴリーページをワンカラムにしたい | カスタマイズ相談 | Cocoon フォーラム

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

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

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

  1. フォーラムガイドライン
  2. よくある質問と答え(FAQ)
  3. サポート対象外のケース
  4. 原因不明の不具合用トラブルシューティング
  5. トピックにHTMLを貼り付ける方法(推奨ツール:notepad.pw
  6. 真っ白画面でのエラーメッセージの確認方法 
  7. ブラウザ環境チェックツール

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

フォーラムのTwitterアカウント(@CocoonForum)はこちら

スポンサーリンク
カテゴリーページをワンカラムにしたい
 
Share:

[解決済] カテゴリーページをワンカラムにしたい  

  RSS

dalahastjp
(@dalahastjp)
Eminent Member
参加: 10か月 前
投稿: 35
2018年12月24日 16:10  

カテゴリーページをカスタマイズできますが、ワンカラムにすることは可能でしょうか?

https://wp-cocoon.com/detailed-category-page/

 


わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4239
2018年12月24日 22:32  

現在ある機能としては不可能です。
CSSでカスタマイズもしくはPHPでカスタマイズすれば、大変ですが可能といえば可能です。

This post was modified 3か月 前 2 times by わいひら

かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2094
2018年12月24日 22:44  

おつかれさまです。リンク先を確認したら、breakポイントが1024pxだと思うので、以下の感じでスタイルの変更をすれば、多分イケると思います。

@media screen and (min-width: 1024px) {
	.category .content-in {
		display: block;
	}
	.category .main,
	.category #sidebar {
		width: 100%;
	}
}

わいひら 件のいいね!
dalahastjp
(@dalahastjp)
Eminent Member
参加: 10か月 前
投稿: 35
2018年12月24日 23:51  

かうたっくさん、ありがとうございます。

サイドバーが下部に表示されてしまうのですが、サイドバーを消すことは可能でしょうか?(プラグインでウィジェットを非表示にする方法もあるかと思いますが)


dalahastjp
(@dalahastjp)
Eminent Member
参加: 10か月 前
投稿: 35
2018年12月25日 01:11  

追記です。

カテゴリーページを見栄え良くしたいと思い、今回質問した次第ですが、固定ページで作成することはできるでしょうか?

 


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2094
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に付け替えれば反映すると思います。

固定ページで作成することはできるでしょうか?

この意味は上記説明であってますか?


わいひら 件のいいね!
かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2094
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;
	}
}

こんな感じで追記する感じです。


わいひら 件のいいね!
dalahastjp
(@dalahastjp)
Eminent Member
参加: 10か月 前
投稿: 35
2018年12月25日 11:35  

かうたっくさん

ありがとうございます。教えていただいたcssでカテゴリーページをワンカラム&サイドバー表示できました!

>>固定ページで作成することはできるでしょうか?

固定ページをつかって、それをカテゴリーページやアーカイブの一覧ページに差替えたいという意味でした。

レイアウトの自由が効くので、各カテゴリーページをただの一覧ではなく、文章や画像をいれて見栄え良くしたいと考えています。

 


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2094
2018年12月25日 13:45  

固定ページをつかって、それをカテゴリーページやアーカイブの一覧ページに差替えたいという意味でした。

カテゴリ・アーカイブのとき一覧を表示するPHPがあったと思います。自分でテンプレートを作って固定ページに導入するとかもできるのでlist.phpあたりのテンプレートのPHPを引っ張て来て作れば行けると思います。

※もしかしたらlibフォルダ内に別途記載があるかもですが、今みてません。

https://bibabosi-rizumu.com/wordpress-page-template/

ただパンくずリストのカテゴリをクリックしても反映されない:固定ページは表示されないと思います。

一覧ではなく、文章や画像をいれて見栄え良くしたいと考えています。

カテゴリの編集画面上にある機能を使えば冒頭にアイキャッチを置いたり文章を入れる事は可能ですが、それではダメですか?

これが一番簡単な方法かも知れません。


わいひら 件のいいね!
dalahastjp
(@dalahastjp)
Eminent Member
参加: 10か月 前
投稿: 35
2018年12月25日 16:35  

かうたっくさん

>>これが一番簡単な方法かも知れません。

はい。なかなか難度が高そうなので、ひとまず教えていただいた方法でワンカラムにしてCocoonのカテゴリー設定の編集でまずは検討してみます。ありがとうございます。

 


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2094
2018年12月25日 19:36  

あとウィジェットのインデックスを活用して3個目・最後にも(広告があればその下と記載があるようです)表示できると思います。

ウィジェットの表示設定でカテゴリを選択して、表示させたいカテゴリ分だけウィジェットを使って表示させる扱いは簡単かと思います。

ちなみに。

カスタマイズ完成イメージはどんな感じでしたか?


わいひら 件のいいね!
dalahastjp
(@dalahastjp)
Eminent Member
参加: 10か月 前
投稿: 35
2018年12月27日 15:09  

追加でウィジェットのインデックス活用の手もありましたね。

完成イメージはまだ試行錯誤中なので、ひとまずいただいたヒントで考えてみます。

ありがとうございました。

 


わいひら 件のいいね!
Share:
スポンサーリンク
わいひらをフォローする
おすすめサーバ
mixhost

プラン変更で負荷対策が行えるので、ブログ向きのレンタルサーバーです。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎プランのアップ・ダウングレードが自由自在
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
○アダルト・出会い系サイト可

安定感抜群のサーバーです。あまり急激なアクセス変動がないアフィリエイトサイトに向いています。

◎nginxを用いた高速サーバー(完全SSD)
◎老舗サーバーなので安定感抜群
◎ディスク容量が多い
◎転送量が多い
◎同サービス内でドメイン管理が可能
○http/2(高速化プロトコル)に対応
○毎日無料バックアップ(14日分)
△DBは7日分だけ無料復旧可能(ファイルは有料)
×プラン変更でCPUのスペックアップができない
×プラン変更しても即時反映されない
×アダルト・出会い系サイト不可

性能も兼ね備えながら安くブログ運営を開始したいのであればここ1択。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎http/2・QUIC(高速化プロトコル)に対応
◎東京・大阪でリージョン選択が可能
◎プランのアップ・ダウングレードが自由自在
◎同サービス内でドメイン管理が可能
◎転送量が多い
◎毎日無料バックアップ(14日分)
◎復元ポイントを指定して復旧可能(無料)
○サーバ引っ越しオプションあり(有料)
△アダルト・出会い系サイト可(条件あり)
△開始したてなので運営能力は未知数(対応良)

格安な値段で始められる高機能サーバーです。
性能も備えつつ最安ならここ。
サイトを続けるうちにアクセスが増えれば、プランのアップグレートで対応可能です。

◎LiteSpeedを用いた高速サーバー(完全SSD)
◎激安プランが用意してある
◎値段あたりのスペックが高い(コスパ良し)
◎サーバ引っ越しオプションあり(無料)
○http/2(高速化プロトコル)に対応
○アダルト・出会い系サイト可
△プランのアップは可能だがダウンは不可
△毎日自動バックアップ(1日分)
△前日のバックアップからのみ復元できる(無料)

Cocoon
  
動作中

ログイン または 登録 してください

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