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

投稿記事内だけサイドバーのカラムを変えるcss | カスタマイズ相談 | 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:

[解決済] 投稿記事内だけサイドバーのカラムを変えるcss  

  RSS

たんちん
 たんちん
(@たんちん)
ゲスト
参加: 2週間 前
投稿: 1
2019年3月7日 22:06  

お世話になります。
初心者の質問すみません。
投稿記事内だけサイドバーのカラムを280にしたいのですが、そのcssはどのように書けばいいでしょうか?


未解決
わいひら
(@yhira)
メンバーサイト Admin
参加: 1年 前
投稿: 4121
2019年3月7日 22:13  

「投稿記事内」とは、「投稿ページで」ということでしょうか?
サイドバーは、投稿記事の左側にあるので、投稿記事外と僕は認識しており、投稿記事内とといわれると、ちょっとどういった状態なのかがわからないです。


かうたっく
(@kautakku)
メンバーサイト Moderator
参加: 1年 前
投稿: 2049
2019年3月8日 06:04  

投稿記事singleページだけでしたら、PCビュー『例 @media screen and (min-width: 1241px) 数値は適当』領域の投稿記事『.single』のみ指定しサイドバー『.sidebar』のwidthを280pxにすれば良いと思います。

確認してませんが。

投稿記事のmain・sidebarを囲む領域.wrapの幅も指定する感じが良いかもです。

@media screen and (min-width: 1241px) {
	.single .sidebar {
		width: 280px;
	}
	.single .wrap {
		width: ***px;
	}
}

数値は人によって違う(自分で設定できる)ので、ザックリこんな感じで試してください。


わいひら 件のいいね!
Steve
 Steve
(@Steve)
ゲスト
参加: 3週間 前
投稿: 2
2019年3月9日 20:59  

分かりにくくてすみません。「投稿記事」とは、「投稿ページ」のことです。
かうたっくさんのcssでうまいことできました。
ありがとうございました!


わいひら 件のいいね!
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をコピーしました