押し間違いを回避!WordPressの「下書きとして保存」を目立たせろ!
MENU
  1. HOME
  2. WordPress / カスタマイズ
  3. 押し間違いを回避!WordPressの「下書きとして保存」を目立たせろ!

最近の作業実績

  • 2021年08月03日スマホサイトにフルウィンドウで展開する開閉式メニューを実装いたしました。
  • 2021年08月02日WordPressにSmartNews対応フィードを実装いたしました。
  • 2021年08月01日カスタムイールドを導入してコンテンツを更新しやすくいたしましました。
  • 2021年07月31日トップページの構造を変更いたしました。
  • 2021年07月30日コンテンツの変更に伴うレイアウト崩れを修正いたしました。
  • 2021年07月29日WordPressで新規サイトを立ち上げました。
  • 2021年07月08日既存サイトのレイアウト崩れを修正いたしました。
  • 2021年07月07日既存サイトにアニメーションを追加いたしました。
  • 2021年07月05日既存サイトにライトボックスを導入いたしました。
  • 2021年07月05日フルスクリーンナビゲーションを導入いたしました。
  • 2021年07月02日カスタムフィールドの導入と出力を担当いたしました。
  • 2021年07月01日CSVファイルを使った一括更新環境を整備いたしました。
  • 2021年06月30日WordPressとプラグインのバージョンアップを担当いたしました。
  • 2021年06月29日WordPressで発生していた不具合を修正いたしました。
  • 2021年06月28日2つのWordPressサイトを統合いたしました。
  • 2021年06月22日オリジナルテーマを制作いたしました。
  • 2021年06月21日カスタムフィールド周りの不具合を修正いたしました。
  • 2021年06月20日WordPressのエラーを修正いたしました。
  • 2021年06月19日SSL化の不具合を修正いたしました。
  • 2021年06月18日セキュリティ対策を導入いたしました。
  • このエリアには直近の制作実績を一部掲載しております。
  • 制作実績はリアルタイム反映ではありません。

押し間違いを回避!WordPressの「下書きとして保存」を目立たせろ!

この投稿は2019/09/15に加筆修正いたしました。

WordPressの公開ボタンと下書きして保存ボタンを押し間違える方は必見です!下書きして保存ボタンを装飾して目立たせる方法をご紹介します。参考にして押し間違いを回避してください。

この記事は約 2 分で読めます。

WordPressのカスタマイズはお任せください。

WordPressのカスタマイズを格安で代行しております。ご希望のカスタマイズがあればお気軽にご相談ください。

間違って公開ボタンを押しちゃった!

WordPressで記事を作成するとき、誰もが一度は失敗しているのではないでしょうか?
下書き保存するつもりが、つい「公開ボタン」を押してしまうというミスです。

「公開ボタン」は色がハッキリとしているので、つい押してしまいますよね!
逆に「下書きとして保存」は目立たないので、押し間違いが多くなってしまいます。

そこで、「下書きとして保存」を目立つように装飾してみることに。
「下書きとして保存」を目立たせると、私の場合は押し間違いは劇的に減りました!

カスタマイズ方法をシェアしますので、押し間違いが多い方は参考にしてください。

パパッと「下書きとして保存」を目立たせる

それでは「下書きとして保存」を目立たせるカスタマイズ方法をご紹介いたします。
初心者の方でもパパッと行えるカスタマイズです。

パパッとカスタマイズしてしまいましょう。
「下書きとして保存」と「公開」の押し間違いが減りますよ!

functions.phpにコードを追加する。

functions.phpにお好きな部分に以下のコードをコピペしましょう。

function wp_admin_custom() {
echo "\n" . '<link href="' .get_bloginfo('template_directory'). '/admin.css' . '" rel="stylesheet" type="text/css" />' . "\n";
}
add_action('admin_head', 'wp_admin_custom', 100);

admin.cssをアップロードアする。

admin.cssというファイルを作成してテーマフォルダ直下にアップロードしましょう。
ファイルの内容は以下のコードをコピペすればOKです。

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

上記の装飾は自由に変更してください。

カスタマイズできたかを確認する

sitagaki

カスタマイズが完了したら「下書きして保存」の装飾が変わっているかを確認します。
上記のようにデザインが変わっていればカスタマイズは完了です。

まとめ

Wordpressサイトのカスタマイズで
お困りではありませんか?

あなたのWordpressサイトを、ご希望に沿ってカスタマイズいたします。
次に該当する方は、お気軽にご相談下さい。

  • Wordpressサイトをカスタマイズしたいが、やり方が分からないで困っている。カスタマイズの知識が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしたいが、自分でカスタマイズする暇がない。カスタマイズが得意な人に丸投げしたい。
  • Wordpressサイトをカスタマイズしてみたが、上手くカスタマイズできなかった。カスタマイズ経験が豊富な人に任せたい。
  • Wordpressサイトをカスタマイズしてみたら、バグが発生して困っている。正常に動作するように正しくカスタマイズしてほしい。

一つでも該当する方は、以下のフォームからお気軽にご相談下さい。

WordPressのカスタマイズを相談する

著者:takaya kondo

岡山在住のWordPress専門フリーランサーです。Wordpressを使ったWEBサイト制作を中心に10年間ほど活動させていただいています。

Wordpress関連の記事でお役に立てれば幸いです。

【関連記事】あなたが興味のありそうな関連記事をご紹介します。

コメントを残す

(必須)

CAPTCHA