{"id":26185,"date":"2024-10-19T16:43:01","date_gmt":"2024-10-19T07:43:01","guid":{"rendered":"https:\/\/motoki-design.co.jp\/wordpress\/?p=26185"},"modified":"2024-11-06T23:34:35","modified_gmt":"2024-11-06T14:34:35","slug":"minimize-loading-swell","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/minimize-loading-swell\/","title":{"rendered":"SWELL\u2502\u8aad\u307f\u8fbc\u307f\u30d5\u30a1\u30a4\u30eb\uff08CSS\/JS\uff09\u3092\u6975\u529b\u6e1b\u3089\u3059\u65b9\u6cd5"},"content":{"rendered":"\n

SWELL\u306fWP ROCKET\u306a\u3069\u306e\u6709\u6599\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u9ad8\u901f\u5316\u5bfe\u7b56\u3057\u306a\u304f\u3068\u3082\u3001\u5341\u5206\u306bCore Web Vitals\u306e\u57fa\u6e96\u3092\u6e80\u305f\u3057\u3066\u3044\u308b\u30c6\u30fc\u30de\u3067\u3059\u3002<\/p>\n\n\n\n

\u3068\u306f\u3044\u3048\u3001\u307e\u3060\u307e\u3060\u8aad\u307f\u8fbc\u3093\u3067\u3044\u308bCSS\u3084JS\u304c\u3042\u308b\u306e\u3067\u3001\u521d\u671fSWELL\u72b6\u614b\u3067\u306e\u30b5\u30f3\u30d7\u30eb\u8a18\u4e8b\uff08\u753b\u50cf\u306f\u4e0d\u4f7f\u7528\uff09\u3092\u6307\u91dd\u306b\u3001\u8272\u3005\u524a\u3063\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

\u3061\u306a\u307f\u306b\u30d5\u30a1\u30a4\u30eb\u3092\u9650\u754c\u307e\u3067\u524a\u308b\u3053\u3068\u306f\u63a8\u5968\u3057\u307e\u305b\u3093\u3002
\u4eca\u56de\u306f\u3042\u304f\u307e\u3067\u8da3\u5473\u306e\u7bc4\u56f2\u3067\u306e\u6700\u9069\u5316\u3067\u3059\u3002
\u6761\u4ef6\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3002
\u30fb\u30b5\u30fc\u30d0\u30fc\u306f\u30a8\u30c3\u30af\u30b5\u30fc\u30d0\u30fc\u306e\u6700\u5b89\u30d7\u30e9\u30f3
\u30fb\u30b5\u30a4\u30c8\u306fWordPress\u521d\u671f\u72b6\u614b\u3067SWELL\u3068\u5b50\u30c6\u30fc\u30de\u3092\u5c0e\u5165
\u30fb\u8a08\u6e2c\u306f\u56fa\u5b9a\u8a18\u4e8b\u306b\u3042\u308b\u30b5\u30f3\u30d7\u30eb\u8a18\u4e8b<\/p>\n\n\n\n

\u6700\u9069\u5316\u3057\u305f\u7d50\u679c\u3002<\/p>\n\n\n\n

\u753b\u50cf\u3082\u30b3\u30f3\u30c6\u30f3\u30c4\u91cf\u3082\u4f55\u306b\u3082\u306a\u3044\u30b5\u30a4\u30c8\u306a\u306e\u3067\u3001\u30b9\u30b3\u30a2\u306f\u643a\u5e2f\u3082PC\u3082\u6e80\u70b9\u3067\u3059\u3002<\/p>\n\n\n\n

\n
\"\"<\/figure>\n\n\n\n
\"\"<\/figure>\n<\/div>\n\n\n\n
\"\"<\/figure>\n\n\n\n

\u305d\u3082\u305d\u3082\u306eSWELL\u306e\u30c6\u30fc\u30de\u81ea\u4f53\u304c\u9ad8\u901f\u5316\u5bfe\u7b56\u3055\u308c\u3066\u3044\u3066\u3001\u521d\u671f\u72b6\u614b\u306f\u975e\u5e38\u306b\u30b9\u30b3\u30a2\u304c\u826f\u3044\u3067\u3059\u306d\uff01<\/p>\n\n\n\n

\u8ffd\u8a18<\/p>\n\n\n\n

\u30b7\u30f3\u30fb\u30a8\u30c3\u30af\u30b9\u30b5\u30fc\u30d0\u30fc\u3067\u3082\u30b5\u30a4\u30c8\u3092\u8907\u88fd\u3057\u3066\u8a66\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

Lighthouse(\u30e2\u30d0\u30a4\u30eb)\u3067\u6e80\u70b9\u3067\u3057\u305f\uff08favicon\u3060\u3051\u9069\u5f53\u306b\u7528\u610f\uff09<\/p>\n\n\n

\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\t<\/svg>\t\t\t\t<\/span>\n\t\t\t\t\u6295\u7a3f\u30d5\u30a9\u30fc\u30de\u30c3\u30c8: \u6a19\u6e96 | CWV\u691c\u8a3c\u7528\u30b5\u30a4\u30c8<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\n
\"\"<\/figure>\n\n\n\n

SWELL\u3067\u8aad\u307f\u8fbc\u307f\u6642\u306b\u6b8b\u3057\u305f\u30d5\u30a1\u30a4\u30eb 4\u9078<\/h2>\n\n\n\n

\u7d50\u679c\u7684\u306b\u306f\u8aad\u307f\u8fbc\u307f\u3059\u308b\u30ea\u30af\u30a8\u30b9\u30c8\u6570\u306f5\u500b\uff0872.7KB\uff09\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

\u203b\u73fe\u5728\u306fw-logo-blue-white-bg.png\u8aad\u307f\u8fbc\u307f\u306a\u3057\u306e4\u3064\u307e\u3067\u6291\u3048\u3089\u308c\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

1. \/ <\/strong>(47.0KB)<\/h3>\n\n\n\n

\u5f53\u305f\u308a\u524d\u3067\u3059\u304c\u3001\u30da\u30fc\u30b8\u672c\u4f53\u306eHTML\u3067\u3059\u3002<\/p>\n\n\n\n

2. style.min.css<\/strong> (15.6KB)<\/h3>\n\n\n\n


SWELL\u306e\u30c6\u30fc\u30de\u3067\u5fc5\u8981\u4e0d\u53ef\u6b20\u306a\u30da\u30fc\u30b8\u306e\u30ec\u30a4\u30a2\u30a6\u30c8\u3084\u30c7\u30b6\u30a4\u30f3\u3092\u5236\u5fa1\u3059\u308b\u305f\u3081\u306eCSS\u3067\u3059\u3002<\/p>\n\n\n\n

3. main.min.js<\/strong> (6.06KB)<\/h3>\n\n\n\n

SWELL\u306e\u30c6\u30fc\u30de\u3067\u5fc5\u8981\u4e0d\u53ef\u6b20\u306a\u30b5\u30a4\u30c8\u306e\u52d5\u4f5c\u3084\u30a4\u30f3\u30bf\u30e9\u30af\u30b7\u30e7\u30f3\u3092\u5236\u5fa1\u3059\u308b\u305f\u3081\u306eJavaScript\u3067\u3059\u3002<\/p>\n\n\n\n

4. favicon.ico<\/strong> (3.95KB)<\/h3>\n\n\n\n

\u30d5\u30a1\u30d3\u30b3\u30f3\u3067\u3059\u3002<\/p>\n\n\n\n

\u521d\u671f\u306fWordPress\u306e\u30d5\u30a1\u30d3\u30b3\u30f3\u304c\u8aad\u307f\u8fbc\u307e\u308c\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

\u521d\u671f\u72b6\u614b\u3060\u3068\u30ea\u30c0\u30a4\u30ec\u30af\u30c8\u3057\u3066w-logo-blue-white-bg.png\u3092\u8aad\u307f\u8fbc\u3093\u3067\u3057\u307e\u3046\u306e\u3067\u3001\u9069\u5f53\u306a\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3057\u3087\u3046\u3002<\/p>\n\n\n\n

w-logo-blue-white-bg.png<\/strong> (4.02KB)<\/h4>\n\n\n
\n
\"\"<\/figure>\n<\/div>\n\n\n

\u3053\u3061\u3089\u306ffavicon\u3092\u9069\u5fdc\u3059\u308b\u3068\u3001\u8aad\u307f\u8fbc\u307e\u306a\u304f\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

SWELL\u3067\u3067\u304d\u308b\u3060\u3051\u4e0d\u8981\u306a\u8aad\u307f\u8fbc\u307f\u30d5\u30a1\u30a4\u30eb\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044\u8a2d\u5b9a<\/h2>\n\n\n\n

\u8abf\u6574\u3057\u305f\u5834\u6240\u306f\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3001\u7ba1\u7406\u753b\u9762\u306eSWELL\u8a2d\u5b9a\u3001functions.php\u3067\u3059\u3002<\/p>\n\n\n\n

\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u2502\u8ffd\u5f93\u30d8\u30c3\u30c0\u30fc\u3092\u4f7f\u308f\u306a\u3044<\/h3>\n\n\n\n

\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\uff1e\u30d8\u30c3\u30c0\u30fc\uff1e\u30d8\u30c3\u30c0\u30fc\u306e\u8ffd\u5f93\u8a2d\u5b9a<\/p>\n\n\n\n

    \n
  • \u30d8\u30c3\u30c0\u30fc\u3092\u8ffd\u5f93\u3055\u305b\u308b\uff08PC\uff09\u306e\u30c1\u30a7\u30c3\u30af\u3092\u5916\u3059<\/li>\n\n\n\n
  • \u30d8\u30c3\u30c0\u30fc\u3092\u8ffd\u5f93\u3055\u305b\u308b\uff08SP\uff09\u306e\u30c1\u30a7\u30c3\u30af\u3092\u5916\u3059<\/li>\n<\/ul>\n\n\n\n

    set_fix_header.min.js<\/strong>\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3088\u3046\u306b\u8ffd\u5f93\u30d8\u30c3\u30c0\u30fc\u3092OFF\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u2502URL\u30b3\u30d4\u30fc\u30dc\u30bf\u30f3\u3092\u4f7f\u308f\u306a\u3044<\/h3>\n\n\n\n

    \u6295\u7a3f\u30fb\u56fa\u5b9a\u30da\u30fc\u30b8>SNS\u30b7\u30a7\u30a2\u30dc\u30bf\u30f3>URL\u30b3\u30d4\u30fc\u30dc\u30bf\u30f3\u3092\u8868\u793a\u3057\u306a\u3044<\/p>\n\n\n\n

    set_urlcopy.min.js<\/strong>\u3068clipboard.min.js<\/strong>\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3088\u3046\u306bURL\u30b3\u30d4\u30fc\u30dc\u30bf\u30f3\u3092OFF\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \u8a2d\u5b9a\u30fbjQuery\u2502jQuery\u3092wp_footer\u3067\u767b\u9332\u3059\u308b\u3092\u4f7f\u308f\u306a\u3044<\/h3>\n\n\n\n

    jQuery<\/strong>\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \u8a2d\u5b9a\u30fb\u6a5f\u80fd\u505c\u6b62\u2502SWELL\u306e\u6a5f\u80fd<\/h3>\n\n\n\n

    SWELL\u6a5f\u80fd\u306f\u5168\u3066OFF\u306b\u3057\u307e\u3057\u305f\u3002<\/p>\n\n\n\n

    \u8a2d\u5b9a\u30fb\u9ad8\u901f\u5316\u2502\u30d7\u30ea\u30d5\u30a7\u30c3\u30c1\u3092\u4f7f\u308f\u306a\u3044<\/h3>\n\n\n\n

    prefetch.min.js<\/strong>\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3088\u3046\u306bPrefetch\u3092OFF\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \u8a2d\u5b9a\u30fb\u9ad8\u901f\u5316\u2502\u30d5\u30c3\u30bf\u30fc\u3092\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\u3055\u305b\u308b\u3092\u4f7f\u308f\u306a\u3044<\/h3>\n\n\n\n

    \/wp-json\/wp\/v2\/swell-lazyload-contents?placement=after_article<\/code><\/p>\n\n\n\n

    \u8a18\u4e8b\u4e0b\u30b3\u30f3\u30c6\u30f3\u30c4\u3092\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\u3055\u305b\u308b<\/strong>\u306e\u30c1\u30a7\u30c3\u30af\u3092\u5916\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \u30d5\u30c3\u30bf\u30fc\u3092\u9045\u5ef6\u8aad\u307f\u8fbc\u307f\u3055\u305b\u308b<\/strong>\u306e\u30c1\u30a7\u30c3\u30af\u3092\u5916\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    \u8a2d\u5b9a\u30fb\u9ad8\u901f\u5316\u2502\u9045\u5ef6\u8aad\u307f\u8fbc\u307f(lazysizes.js<\/code>)\u3092\u4f7f\u308f\u306a\u3044<\/h3>\n\n\n\n

    lazysizes.js<\/strong>\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3088\u3046\u306bloading=\"lazy\"<\/code>\u3092\u4f7f\u7528\u3059\u308b\u306e\u65b9\u3092ON\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    functions.php\u2502\u5b50\u30c6\u30fc\u30de\u306estyle.css\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3088\u3046\u306b\u3059\u308b<\/h3>\n\n\n\n

    \u5b50\u30c6\u30fc\u30de\u306estyle.css\u306f\u4f7f\u308f\u306a\u3044\u306e\u3067\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n

    <link rel="stylesheet" id="child_style-css" href="https:\/\/motoki-design.co.jp\/wp-content\/themes\/swell_child\/style.css?ver=2024101960318" type="text\/css" media="all"><\/code><\/pre><\/div>\n\n\n\n
    \u3053\u308c\u306f\u5358\u7d14\u306b\u5b50\u30c6\u30fc\u30de\u306efunctions.php\u306e\u8a18\u8ff0\u3092\u524a\u9664\u304b\u30b3\u30e1\u30f3\u30c8\u30a2\u30a6\u30c8\u3059\u308c\u3070\u8aad\u307f\u8fbc\u307e\u308c\u306a\u304f\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
    \/**\n * \u5b50\u30c6\u30fc\u30de\u3067\u306e\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307f\u8fbc\u307f\n *\/\n\/\/add_action('wp_enqueue_scripts', function() {\n\t\n\t\/\/w$timestamp = date( 'Ymdgis', filemtime( get_stylesheet_directory() . '\/style.css' ) );\n\t\/\/wp_enqueue_style( 'child_style', get_stylesheet_directory_uri() .'\/style.css', [], $timestamp );\n\n\t\/* \u305d\u306e\u4ed6\u306e\u8aad\u307f\u8fbc\u307f\u30d5\u30a1\u30a4\u30eb\u306f\u3053\u306e\u4e0b\u306b\u8a18\u8ff0 *\/\n\n\/\/}, 11);<\/code><\/pre><\/div>\n\n\n\n
    functions.php\u2502print.css\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3088\u3046\u306b\u3059\u308b<\/h3>\n\n\n\n
    \u5370\u5237\u7528\u306eCSS\u3092\u901a\u5e38\u8aad\u307f\u8fbc\u3080\u306e\u3067\u3001\u305d\u308c\u3092OFF\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
    <link rel="stylesheet" href="https:\/\/motoki-design.co.jp\/wp-content\/themes\/swell\/build\/css\/print.css" media="print"><\/code><\/pre><\/div>\n\n\n\n
    \u30b3\u30fc\u30c9\u306fwp-content\/themes\/swell\/lib\/output.php <\/em>\u306b\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
    print.css\u3092\u524a\u9664\u3059\u308bfunctions.php\u3067\u3059\u3002<\/p>\n\n\n\n
    function remove_print_css_from_wp_head() {\n    ob_start(function($output) {\n        \/\/ 'print.css' \u3092\u542b\u3080\u884c\u3092\u524a\u9664\n        return str_replace('<link rel="stylesheet" href="' . esc_attr( T_DIRE_URI ) . '\/build\/css\/print.css" media="print" >', '', $output);\n    });\n}\nadd_action( 'wp_head', 'remove_print_css_from_wp_head', 1 );<\/code><\/pre><\/div>\n\n\n\n
    functions.php\u2502swell-icons.css\u3092\u8aad\u307f\u8fbc\u307e\u306a\u3044\u3088\u3046\u306b\u3059\u308b<\/h3>\n\n\n\n
    <link rel="stylesheet" id="swell-icons-css" href="https:\/\/motoki-design.co.jp\/wp-content\/themes\/swell\/build\/css\/swell-icons.css?ver=2.12.0" type="text\/css" media="all"><\/code><\/pre><\/div>\n\n\n\n
    \u6d88\u3059\u65b9\u6cd5\u306f\u4ee5\u4e0b\u306e\u901a\u308a\u3002<\/p>\n\n\n\n
    function remove_swell_icons_css_tag() {\n    ob_start(function($output) {\n        \/\/ id="swell-icons-css" \u306e\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u30bf\u30b0\u3092\u691c\u7d22\u3057\u3066\u524a\u9664\n        return preg_replace('\/<link rel=\\'stylesheet\\' id=\\'swell-icons-css\\' href=[^>]+>\/', '', $output);\n    });\n}\nadd_action( 'wp_head', 'remove_swell_icons_css_tag', 1 );<\/code><\/pre><\/div>\n\n\n\n
    \u3053\u308c\u3092\u6d88\u3059\u3068\u4f7f\u308f\u308c\u3066\u3044\u308b\u90e8\u5206\u304c\u00d7\u30de\u30fc\u30af\u304c\u3064\u304f\u306e\u3067\u3001\u500b\u5225\u306bCSS\u3067\u5909\u66f4\u307e\u305f\u306f\u6d88\u3059\u306a\u3069\u306e\u5bfe\u5fdc\u304c\u5fc5\u8981\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
    \"\"<\/figure>\n\n\n\n
    SWELL\u30a2\u30a4\u30b3\u30f3\u3092\u4f7f\u308f\u306a\u3044\u3068SWELL\u3063\u307d\u3055\u304c\u6e1b\u308b\u306e\u3067\u3001\u3042\u3048\u3066\u6d88\u3057\u3066\u307f\u308b\u306e\u3082\u826f\u3044\u3067\u3057\u3087\u3046\u3002<\/p>\n\n\n\n
    \u3069\u3046\u3057\u3066\u3082SWELL\u30a2\u30a4\u30b3\u30f3\u3092\u4f7f\u3044\u305f\u3044\u5834\u5408\u306fwp-content\/themes\/swell\/assets\/fonts\/icomoon.svg<\/code> <\/em>\u306e\u30b3\u30fc\u30c9\u3092\u898b\u3066CSS\u5316\u3059\u308b\u3068\u3044\u3044\u3067\u3059\u3002<\/p>\n\n\n\n
    \u53c2\u8003\u4f8b<\/p>\n\n\n\n
    \/* Facebook\u30a2\u30a4\u30b3\u30f3\u3092\u8868\u793a *\/\n.icon-facebook {\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 1024 1024" style="transform: scaleY(-1); fill:white;"><path d="M736 401.067l25.6 172.8h-166.4v113.067c0 46.933 23.467 93.867 98.133 93.867h76.8v147.2c0 0-68.267 12.8-134.4 12.8-136.533 0-226.133-83.2-226.133-234.667v-132.267h-153.6v-172.8h153.6v-420.267h187.733v420.267h138.667z"\/><\/svg>');\n}\n\n\/* Twitter X\u30a2\u30a4\u30b3\u30f3\u3092\u8868\u793a *\/\n.icon-twitter-x {\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 1024 1024" style="transform: scaleY(-1); fill:white;"><path d="M599.467 533.333l341.333 396.8h-81.067l-296.533-345.6-236.8 345.6h-273.067l358.4-522.667-358.4-416h81.067l313.6 364.8 249.6-364.8h273.067l-371.2 541.867zM488.533 403.2l-36.267 51.2-290.133 413.867h123.733l232.533-332.8 36.267-51.2 302.933-433.067h-123.733l-245.333 352z"\/><\/svg>');\n}\n\n\/* \u306f\u3066\u306a\u30a2\u30a4\u30b3\u30f3\u3092\u8868\u793a *\/\n.icon-hatebu {\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 1024 1024" style="transform: scaleY(-1); fill:white;"><path d="M977.067 170.667c0-56.554-45.846-102.4-102.4-102.4s-102.4 45.846-102.4 102.4c0 56.554 45.846 102.4 102.4 102.4s102.4-45.846 102.4-102.4zM780.8 853.333h189.867v-520.533h-189.867c-2.133 0-2.133 520.533 0 520.533zM492.8 505.6c0 0 132.267 8.533 132.267 166.4 0 183.467-164.267 183.467-258.133 183.467-61.867 0-322.133 0-322.133 0v-787.2c0 0 266.667 0 320 0 260.267 0 305.067 142.933 305.067 232.533s-46.933 177.067-177.067 204.8v0zM243.2 706.133c72.533 0 68.267 0 87.467 0 17.067 0 87.467-6.4 87.467-74.667 0-81.067-61.867-78.933-104.533-78.933s-21.333 0-72.533 0l2.133 153.6zM347.733 234.667c-49.067 0-68.267 0-104.533 0v172.8c0 0 44.8 0 106.667 0s106.667-12.8 106.667-85.333-61.867-87.467-108.8-87.467z"\/><\/svg>');\n}\n\n\/* Pocket\u30a2\u30a4\u30b3\u30f3\u3092\u8868\u793a *\/\n.icon-pocket {\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 1024 1024" style="transform: scaleY(-1); fill:white;"><path d="M896 878.933h-768c-46.933 0-85.333-38.4-85.333-85.333v-283.733c0-260.267 209.067-469.333 469.333-469.333s469.333 209.067 469.333 469.333v285.867c0 46.933-36.267 83.2-85.333 83.2zM556.8 317.867c-25.6-25.6-66.133-23.467-89.6 0-236.8 228.267-238.933 219.733-238.933 258.133 0 36.267 29.867 64 64 64 36.267 0 34.133-8.533 219.733-187.733 189.867 181.333 185.6 187.733 221.867 187.733s64-29.867 64-64c0-38.4-6.4-34.133-241.067-258.133v0z"\/><\/svg>');\n}\n\n\/* Line\u30a2\u30a4\u30b3\u30f3\u3092\u8868\u793a *\/\n.icon-line {\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 1024 1024" style="transform: scaleY(-1); fill:white;"><path d="M430.933 136.533c57.6-12.8 51.2-34.133 38.4-110.933-2.133-12.8-8.533-49.067 42.667-27.733 53.333 21.333 283.733 166.4 386.133 285.867 70.4 78.933 104.533 157.867 104.533 245.333 0 221.867-221.867 401.067-490.667 401.067s-490.667-179.2-490.667-401.067c0-196.267 174.933-360.533 409.6-392.533zM693.333 627.2c0 4.267 4.267 8.533 8.533 8.533h138.667c4.267 0 8.533-4.267 8.533-8.533v-34.133c0-4.267-4.267-8.533-8.533-8.533h-93.867v-36.267h93.867c4.267 0 8.533-4.267 8.533-8.533v-36.267c0-4.267-4.267-8.533-8.533-8.533h-93.867v-34.133h93.867c4.267 0 8.533-4.267 8.533-8.533v-34.133c0-4.267-4.267-8.533-8.533-8.533h-138.667c-4.267 0-8.533 4.267-8.533 8.533v209.067zM456.533 625.067c0 4.267 4.267 8.533 8.533 8.533h34.133c2.133 0 6.4-2.133 8.533-4.267l98.133-132.267v128c0 4.267 4.267 8.533 8.533 8.533h34.133c4.267 0 8.533-4.267 8.533-8.533v-213.333c0-4.267-4.267-8.533-8.533-8.533h-34.133c-2.133 0-6.4 2.133-8.533 4.267l-98.133 132.267v-128c0-4.267-4.267-8.533-8.533-8.533h-34.133c-4.267 0-8.533 4.267-8.533 8.533v213.333zM366.933 627.2c0 4.267 4.267 8.533 8.533 8.533h34.133c4.267 0 8.533-4.267 8.533-8.533v-213.333c0-4.267-4.267-8.533-8.533-8.533h-32c-4.267 0-8.533 4.267-8.533 8.533v213.333h-2.133zM181.333 627.2c0 4.267 4.267 8.533 8.533 8.533h34.133c4.267 0 8.533-4.267 8.533-8.533v-168.533h93.867c4.267 0 8.533-4.267 8.533-8.533v-34.133c0-4.267-4.267-8.533-8.533-8.533h-136.533c-2.133 0-4.267 2.133-6.4 2.133-2.133 2.133-2.133 4.267-2.133 6.4v211.2z"\/><\/svg>');\n}\n\n\/* \u30d1\u30f3\u304f\u305a\u306e\u5bb6\u30a2\u30a4\u30b3\u30f3\u3092\u975e\u8868\u793a *\/\n.icon-home:before {\n    content: "";\n}\n\n\/* \u65e5\u4ed8\u306e\u6642\u8a08\u30a2\u30a4\u30b3\u30f3\u3092\u975e\u8868\u793a *\/\n.icon-posted:before {\n    margin-right: 0;\n    content: "";\n}\n\n\/* \u30ab\u30c6\u30b4\u30ea\u30fc\u306e\u30d5\u30a1\u30a4\u30eb\u30a2\u30a4\u30b3\u30f3\u3092\u975e\u8868\u793a *\/\n.c-categoryList:before {\n    content: "";\n}\n\n\/* \u30bf\u30b0\u30a2\u30a4\u30b3\u30f3\u3092\u975e\u8868\u793a *\/\n.c-tagList:before {\n    content: "";\n}\n\n\/* \u76ee\u6b21\u306b\u8868\u793a\u3055\u308c\u308b\u30a2\u30a4\u30b3\u30f3\u3092\u6d88\u3059 *\/\n.p-toc__ttl:before {\n    content: ""!important;\n}<\/code><\/pre><\/div>\n\n\n\n
    \u3061\u306a\u307f\u306b\u30a2\u30a4\u30b3\u30f3\u306b\u3088\u3063\u3066\u306f\u53cd\u8ee2\u3082\u5fc5\u8981\u3060\u3063\u305f\u308a\u3059\u308b\u306e\u3067\u3001\u7d50\u69cb\u9762\u5012\u3067\u3059\u3002<\/p>\n\n\n\n
    .is-style-more_btn a:after {\n    content: "";\n    width: 1em;\n    height: 1em;\n    background-image: url('data:image\/svg+xml;utf8,<svg xmlns="http:\/\/www.w3.org\/2000\/svg" viewBox="0 0 1024 1024" fill="white"><path d="M938.667 396.8h-853.333v64h782.933l-123.733 138.667 46.933 42.667 170.667-192z"\/><\/svg>');\n     transform: translateY(-50%) scaleY(-1); \n}\n\n.is-style-more_btn a:hover:after {\n    -webkit-transform: translateX(4px) translateY(-50%) scaleY(-1);\n    transform: translateX(4px) translateY(-50%) scaleY(-1);\n}<\/code><\/pre><\/div>\n\n\n\n
    \u307e\u3068\u3081<\/h2>\n\n\n\n
    \u8272\u3005\u30d5\u30a1\u30a4\u30eb\u8aad\u307f\u8fbc\u307f\u3092\u524a\u3063\u305f\u72b6\u614b\u306eWordPress\u521d\u671f\u306e\u30b5\u30f3\u30d7\u30eb\u8a18\u4e8b\u3067\u3059\u304c\u3001\u643a\u5e2f\u3067\u3082\u30b9\u30b3\u30a2100\u304c\u51fa\u308b\u3068\u306f\u601d\u3044\u307e\u305b\u3093\u3067\u3057\u305f\u3002<\/p>\n\n\n\n
    \u524a\u308a\u5207\u3063\u305f\u4e0a\u3067\u3001\u672c\u5f53\u306b\u5fc5\u8981\u306a\u3082\u306e\u3060\u3051\u3092\u4f7f\u7528\u3057\u308c\u3070\u3001WP ROCKET\u306a\u3069\u4f7f\u308f\u306a\u304f\u3066\u3082<\/p>\n\n\n\n
    SWELL\u3067\u643a\u5e2f\u3067\u3082\u30b0\u30ea\u30fc\u30f3\u30b9\u30b3\u30a2\u304c\u51fa\u308b\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\uff1f<\/p>\n","protected":false},"excerpt":{"rendered":"
    SWELL\u306fWP ROCKET\u306a\u3069\u306e\u6709\u6599\u30d7\u30e9\u30b0\u30a4\u30f3\u3067\u9ad8\u901f\u5316\u5bfe\u7b56\u3057\u306a\u304f\u3068\u3082\u3001\u5341\u5206\u306bCore Web Vitals\u306e\u57fa\u6e96\u3092\u6e80\u305f\u3057\u3066\u3044\u308b\u30c6\u30fc\u30de\u3067\u3059\u3002 \u3068\u306f\u3044\u3048\u3001\u307e\u3060\u307e\u3060\u8aad\u307f\u8fbc\u3093\u3067\u3044\u308bCSS\u3084JS\u304c\u3042\u308b\u306e\u3067\u3001\u521d\u671fSWELL\u72b6\u614b\u3067 […]<\/p>\n","protected":false},"author":1,"featured_media":26199,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"pochipp_cv_data":"","swell_btn_cv_data":"","footnotes":""},"categories":[62],"tags":[],"area":[],"class_list":["post-26185","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-performance"],"_links":{"self":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/26185","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/comments?post=26185"}],"version-history":[{"count":15,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/26185\/revisions"}],"predecessor-version":[{"id":26287,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/posts\/26185\/revisions\/26287"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media\/26199"}],"wp:attachment":[{"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/media?parent=26185"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/categories?post=26185"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/tags?post=26185"},{"taxonomy":"area","embeddable":true,"href":"https:\/\/motoki-design.co.jp\/wordpress\/wp-json\/wp\/v2\/area?post=26185"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}