記事幅を拡大させたい。画面によって記事幅の広さに制限をかけたい

解決済 torabutta
(@torabutta)

6年、 10ヶ月前

テーマTwentySeventeenを使用しています。

記事幅が狭いためwidthの値を上げたのですが、
これ以上広げるとPC側のサイドバーが記事の下に移動してしまうため、広げられません。
@media screen and (min-width: 98em)
.has-sidebar:not(.error404) #primary {
float: left;
width: 63%;
}
PC、スマホの記事幅を広げて、PCの方はサイドバーが記事の下に行かないようにしたいのですが、どうすれば良いのでしょうか？
また大きい画面で見ると左右に余分な余白があるにもかかわらず、サイドバーも含め写真文章が中央に固定されたサイズで表示されます。画面の大きさによってブログ全体の幅も制限をかけ、その範囲で幅を変更させたいです。

２つ質問がありますが、どうかよろしくお願いします。

5件の返信を表示中 - 1 - 5件目 (全5件中)

nobita
(@nobita)

6年、 10ヶ月前
こんにちは

試作品なんですけど、良かったら試してみてください。

http://www.tenman.info/download/twentyseventeen-child.zip

クリックするといきなりダウンロードします。

使い方
テーマをアクティベートして、サイドバーにウィジェットをセット

カスタマイザーの　Custom Control　という項目で　sidebar width , page width　を変更すると、

サイト全体で、ページ幅、サイドバー幅が変更できます。
page widthの幅の単位は、emです

投稿の編集画面に、「投稿の属性」というメタボックスがあるので、そこで、1カラム、2カラムを選択すると、個別投稿画面で指定したカラム数で表示できます。

うまく動くようでしたら、functions.phpを開いて
```
/**
 * 親テーマの翻訳ファイルをチャイルドテーマの翻訳ファイルで置換
 */
if ( !function_exists( 'raindrops_override_mo' ) ) {

	function raindrops_override_mo( $mofile, $domain ) {
		
		if ( $domain == 'twentyseventeen'  ) {
			
			$mofile = get_stylesheet_directory() . '/languages/twentyseventeen-ja.mo';
		}

		return $mofile;
	}
}
```
の部分と
```
add_filter( 'load_textdomain_mofile', 'raindrops_override_mo', 10, 2 );
```
を削除すると、普通に使えると思います。

既にいろいろなカスタマイズを行っているようなら、使える部分がありましたら使ってください。
- この返信は6年、 10ヶ月前にnobitaが編集しました。
トピック投稿者 torabutta
(@torabutta)

6年、 10ヶ月前

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

ど素人で申し訳ないのですが、ダウンロードして解凍したのですが、それからどうすれば良いか分かりません。
カスタマイザーというのを作っているのが前提なのでしょうか？
一応カスタマイザーの作り方は調べたのですが、ダウンロード後の事がよくわかりません。

本当に基礎的なことなのだと思いますが、よろしくおねがいします。

CG
(@du-bist-der-lenz)

6年、 10ヶ月前

ダウンロードしたファイルは解凍しないで、ダッシュボードの外観＞テーマを追加でアップロードします。

そして、ZIPファイルをアップロードして、有効化しましょう。

トピック投稿者 torabutta
(@torabutta)

6年、 10ヶ月前

ありがとうございます。　

全くわからなかったので、これで先に進めます。　記事幅の変更は訳があって時間が掛かると思いますが、一度やってみたいと思います。
お2人ともありがとうございます。

トピック投稿者 torabutta
(@torabutta)

6年、 10ヶ月前

nobitaさん。昨日やっとパソコンが使える環境に戻ってこれたので試作品を使用してみました。

驚くほど簡単に記事幅を変える事が出来て助かりました。
質問したのが2週間前で実際に動かせたのが昨日と遅くなって申し訳ありません。

非常に使いやすく直観的に幅を変更できるのでとても気に入りました。
ありがとうございます。