WordPress logo.svg
WordPress logo” by WordPress

wordpressの編集メモ

メインコンテンツとサイドバーの幅を調整したい

twenty twelveテーマで、大きめのadsense広告をサイドバーにはめこむのにデフォルトでは幅が足りなかった

[外観]→[テーマ編集]と進み

style.cssを編集

Media quariesの.site-contentと.widget-areaのwidthを編集

編集した行は1479行目と1488行目

/* =Media queries
-------------------------------------------------------------- */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

/* Minimum width of 600 pixels. */
@media screen and (min-width: 600px) {
	.author-avatar {
		float: left;
		margin-top: 8px;
		margin-top: 0.571428571rem;
	}
	.author-description {
		float: right;
		width: 80%;
	}
	.site {
		margin: 0 auto;
		max-width: 960px;
		max-width: 68.571428571rem;
		overflow: hidden;
	}
	.site-content {
		float: left;
		width: 60%;  ←デフォルトは65.104166667%
	}
	body.template-front-page .site-content,
	body.attachment .site-content,
	body.full-width .site-content {
		width: 100%;
	}
	.widget-area {
		float: right;
		width: 30%;   ←デフォルトは26.041666667%
	}