投稿編集画面をカスタマイズ：Admin CSS

ノートPCの狭い画面で投稿の編集画面を大きく使いたい。

この投稿編集画面をカスタマイズするには、Add Admin CSS プラグインを使用するとうまくいった。

投稿を更新すると、

「投稿を更新しました。」

という表示が出て消えない。

これを非表示にする。

「投稿の編集」「新規投稿を追加」などのタイトルの文字も小さくする。

ギャラリーの編集画面で、画像サムネイルが大きく表示されるようにした。

以下のようにCSSを追加した。

/* Enter Your Custom Admin CSS Here */
.wrap h1.wp-heading-inline {
	display: inline-block;
	margin-right: 3px !important;
	font-size: .1em !important;
	padding: 0;
	line-height: unset;
}

.wrap .add-new-h2, .wrap .add-new-h2:active, .wrap .page-title-action, .wrap .page-title-action:active {
	margin-left: 4px;
	padding: 0;
	position: relative;
	top: 0;
	text-decoration: none;
	border: none;
	border: 1px solid #ccc;
	border-radius: 2px;
	background: #f7f7f7;
	text-shadow: none;
	font-weight: 100;
	font-size: .1em !important;
	line-height: normal;
	color: #0073aa;
	cursor: pointer;
	outline: 0;
}

.wrap {
	margin: 4px -19px 0 !important;
}

.postbox .inside h2, .wrap [class$=icon32]+h2, .wrap h1, .wrap>h2:first-child {
	font-size: 23px;
	font-weight: 700;
	margin: 0;
	padding: 0;
	line-height: 0;
}

.media-upload-form .notice, .media-upload-form div.error, .wrap .notice, .wrap div.error, .wrap div.updated {
	margin: 0 !important;
	width: max-content;
}

#wp-content-editor-tools {
	background-color: #f1f1f1;
	padding-top: 0 !important;
}

#edit-slug-box {
	line-height: 1em;
	min-height: 25px;
	margin-top: 5px;
	padding: 0 10px;
	color: #666;
	font-size: .1em !important;
}

#poststuff {
	padding-top: 0 !important;
}

.mce-toolbar .mce-ico {
	float: left;
}

.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
	padding-right: 32px;
	max-height: 30px;
	overflow-y: scroll;
}

.attachment-info .thumbnail {
	max-width: 320px !important;
	max-height: 320px !important;
}

.attachment-info .thumbnail img {
	display: block;
	max-width: 100% !important;
	max-height: 320px !important;
	margin: 0 auto;
}

#titlediv #title-prompt-text {
	color: #72777c;
	position: absolute;
	font-size: .8em !important;
	padding: 11px 10px;
}

#titlediv #title {
	padding: 3px 8px;
	font-size: 1.4em !important;
	line-height: 100%;
	height: 1.7em;
	outline: 0;
	margin: 0 0 3px;
	background-color: #fff;
	float: left;
	max-width: 35em;
}

span#sample-permalink {
	font-size: small !important;
}

#wpadminbar {
	direction: ltr;
	color: #ccc;
	font-size: 13px;
	position: absolute !important;
	top: -32px !important;
	left: 0;
	width: 100%;
	min-width: 600px;
	z-index: 99999;
	background: #23282d;
}

div#wp-content-editor-tools {
	position: fixed;
	top: -2px !important;
	width: 791px;
}

div#mceu_26 {
	position: fixed !important;
	top: 21px !important;
	background: wheat;
}

div#ed_toolbar {
	top: -15px !important;
}

.wp-core-ui .button, .wp-core-ui .button.button-large, .wp-core-ui .button.button-small, a.preview, input#publish, input#save-post {
	padding: 0 0 0 2px !important;
	line-height: normal;
	font-size: .8em !important;
	vertical-align: middle;
	height: auto;
	margin-bottom: 0 !important;
}

.wp-switch-editor {
	font-size: .8em !important;
}

#post-body.columns-2 #postbox-container-1 {
	margin-right: -280px !important;
	width: 280px;
}

#publishing-action {
	font-size: 2em !important;
}

input#inputtext {
	width: 100%;
}

#adminmenu, #adminmenu .wp-submenu, #adminmenuback, #adminmenuwrap {
	width: 140px !important;
}

#wpcontent, #wpfooter {
	margin-left: 140px !important;
}

#wpbody-content {
	width: 98% !important;
}

.media-frame-content[data-columns="4"] .attachment {
	width: 33% !important;
}

.media-frame-content[data-columns="5"] .attachment {
	width: 33% !important;
}

.media-frame-content[data-columns="6"] .attachment {
	width: 25% !important;
}

.media-frame-content[data-columns="7"] .attachment {
	width: 25% !important;
}

.media-frame-content[data-columns="8"] .attachment {
	width: 20% !important;
}

.media-frame-content[data-columns="9"] .attachment {
	width: 20% !important;
}

.media-frame-content[data-columns="10"] .attachment {
	width: 20% !important;
}

.media-frame-content[data-columns="11"] .attachment {
	width: 20% !important;
}

.media-frame-content[data-columns="12"] .attachment {
	width: 20% !important;
}

input#save-post {
	background: #138800;
	color: #fff;
	border-color: #fff;
	box-shadow: none;
}