投稿編集画面をカスタマイズ: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;
}

 

 

 

  • またまたこのサイトのSSL証明書が期限切れになった。 Kusanagi の自動更新ができていない。 それで手動であれこれしてみても、こんなエラーが出る。# kusanagi update cert C ...
  • Google の Indexing API を使うと、新しい投稿記事を瞬時にGoogleの検索エンジンに登録できる。 WordPress のプラグインとしてインデックスAPIが利用できる。使い方は英語 ...
  • Yoast SEO を停止して、Rank Math SEO プラグインを使ってみたらGoogle の検索結果に表示される記事抜粋スニペットの文字数が短過ぎに見えてびっくりした。#1 Yoast Alt ...
  • WP_CRON を停止して、Linux の crontab に移行する設定をこれまでに何度も試みたがうまくいかなかった。 毎日バックアップされるはずの、UpdraftPlus プラグインのクロンが動い ...
  • Kusanagi WordPress プラットフォームでは Fcache とBcache がある。 Fcache とはNginx ヱブサーバーのキャッシュ機能であり、Kusanagi の独自機能ではな ...
  • 目次 1 HTTPD アクセスログの日本語化 2 Logwatch も日本語化 HTTPD アクセスログの日本語化 Nginx,  Apache ヱブサーバーのアクセスログを見ると、日本語URLはエン ...
  • ヱブサイトの再構築中には、スタイルシート、style.css を頻繁に調整更新する。 CSSを追加、編集する度に再読み込みを繰り返して、変更の反映を確認していた。 これで編集者は反映を確認できるのだが ...
  • WordPressで使える頁カウンターをいくつか同時に使ってカウントの仕方の違いを比べてみた。WP-PostViews    長期常用中 Post Views Counter  新規インストール Go ...

タグクラウド

WordPress カテゴリ人気記事 Views most

WordPress カテゴリ人気記事 月間

20190218

タグ関連記事

閲覧履歴

    //cookieが無い場合の処理
2019
GA-views: 12
20190218