{"id":25754,"date":"2024-08-13T17:12:39","date_gmt":"2024-08-13T08:12:39","guid":{"rendered":"https:\/\/motoki-design.co.jp\/wordpress\/?p=25754"},"modified":"2024-09-05T15:36:33","modified_gmt":"2024-09-05T06:36:33","slug":"lazy-blocks","status":"publish","type":"post","link":"https:\/\/motoki-design.co.jp\/wordpress\/lazy-blocks\/","title":{"rendered":"WordPress\u2502Lazy Blocks\u306e\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9"},"content":{"rendered":"\n

\u8a18\u4e8b\u306e\u4e2d\u306b\u60c5\u5831\u3092\u6301\u305f\u305b\u305f\u3044\u3068\u304d\u306fACF\uff08Advanced Custom Fields\uff09\u306e\u30ab\u30b9\u30bf\u30e0\u30d5\u30a3\u30fc\u30eb\u30c9\u306b\u5165\u529b\u3057\u307e\u3059\u304c\u3001<\/p>\n\n\n\n

\u30d6\u30ed\u30b0\u30ab\u30fc\u30c9\u306a\u3069\u30d6\u30ed\u30c3\u30af\u5358\u4f4d\u3092\u30ab\u30b9\u30bf\u30e0\u3057\u305f\u3044\u6642\u306f\u7121\u6599\u306e\u30ab\u30b9\u30bf\u30e0\u30d6\u30ed\u30c3\u30af\u4f5c\u6210\u30d7\u30e9\u30b0\u30a4\u30f3Lazy Blocks<\/strong>\u3092\u3088\u304f\u4f7f\u3044\u307e\u3059\u3002<\/p>\n\n\n\n

\u305d\u306e\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u3067\u3059\u3002<\/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\tLazy Blocks\u306e\u516c\u5f0f\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8<\/span>\n\t\t\t<\/a>\n\t\t<\/div>\n\n\n

\u30d9\u30fc\u30b7\u30c3\u30af\u2502Lazy Blocks\u306e\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u89e3\u8aac<\/h2>\n\n\n\n

\u57fa\u672c\u7684\u306b\u306f\u30d9\u30fc\u30b7\u30c3\u30af\u306e\u51fa\u529b\u65b9\u6cd5\u306f\u5168\u3066\u540c\u3058\u3067\u3059\u3002<\/p>\n\n\n\n

\u30c6\u30ad\u30b9\u30c8<\/h3>\n\n\n\n

\u30c6\u30ad\u30b9\u30c8\u306e\u51fa\u529b\u7d50\u679c\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305f\u6587\u5b57\u5217\u304c\u305d\u306e\u307e\u307e\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n

  <!-- \u30c6\u30ad\u30b9\u30c8 -->\n  <h3>\u30c6\u30ad\u30b9\u30c8<\/h3>\n  <p>\n    <?php \n      if ( ! empty( $attributes['my_text'] ) ) {\n        echo nl2br( esc_html( $attributes['my_text'] ) );\n      }\n    ?>\n  <\/p><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
\u30c6\u30ad\u30b9\u30c8\u306e\u51fa\u529b\u7d50\u679c<\/h4>
\u300c\u30c6\u30ad\u30b9\u30c8\u300d\u306e\u5024\u3092\u51fa\u529b<\/p><\/div><\/div>\n\n\n
\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2<\/h3>\n\n\n\n
\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u306f\u3001\u8907\u6570\u884c\u306e\u30c6\u30ad\u30b9\u30c8\u3092\u5165\u529b\u3059\u308b\u5834\u5408\u306b\u4f7f\u7528\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
\u30b3\u30e1\u30f3\u30c8\u3084\u8aac\u660e\u6587\u306a\u3069\u3001\u9577\u3081\u306e\u6587\u7ae0\u3092\u6271\u3046\u969b\u306b\u4fbf\u5229\u3067\u3059\u3002<\/p>\n\n\n\n
  <!-- \u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2 -->\n  <h3>\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2<\/h3>\n  <p>\n    <?php \n      if ( ! empty( $attributes['my_textarea'] ) ) {\n        echo nl2br( esc_html( $attributes['my_textarea'] ) );\n      }\n    ?>\n  <\/p><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u306e\u51fa\u529b\u7d50\u679c<\/h4>
\u300c\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u300d\u306e\u5024\u3092\u51fa\u529b
\n\u300c\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u300d\u306e\u5024\u3092\u51fa\u529b
\n\u300c\u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2\u300d\u306e\u5024\u3092\u51fa\u529b<\/p><\/div><\/div>\n\n\n
\u6570\u5024<\/h3>\n\n\n\n
\u6570\u5024\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u6570\u5024\u306e\u307f\u3092\u5165\u529b\u3059\u308b\u969b\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u30e6\u30fc\u30b6\u30fc\u304c\u6570\u5024\u3092\u5165\u529b\u3059\u308b\u3068\u3001\u305d\u306e\u6570\u5024\u304c\u76f4\u63a5\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
  <!-- \u6570\u5024 -->\n  <h3>\u6570\u5024<\/h3>\n  <p>\n    <?php \n      if ( isset( $attributes['my_number'] ) ) {\n        echo esc_html( $attributes['my_number'] );\n      }\n    ?>\n  <\/p><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
\u6570\u5024\u306e\u51fa\u529b\u7d50\u679c<\/h4>
777<\/p><\/div><\/div>\n\n\n
\u7bc4\u56f2<\/h3>\n\n\n\n
\u7bc4\u56f2\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u30b9\u30e9\u30a4\u30c0\u30fc\u3067\u6570\u5024\u3092\u6307\u5b9a\u3059\u308b\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u30e6\u30fc\u30b6\u30fc\u304c\u6307\u5b9a\u3057\u305f\u7bc4\u56f2\u5185\u306e\u6570\u5024\u304c\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
  <!-- \u7bc4\u56f2 -->\n  <h3>\u7bc4\u56f2<\/h3>\n  <p>\n    <?php \n      if ( isset( $attributes['my_range'] ) ) {\n        echo esc_html( $attributes['my_range'] );\n      }\n    ?>\n  <\/p><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
\u7bc4\u56f2\u306e\u51fa\u529b\u7d50\u679c<\/h4>
6<\/p><\/div><\/div>\n\n\n
URL<\/h3>\n\n\n\n
URL\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u30ea\u30f3\u30af\u3084Web\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u30e6\u30fc\u30b6\u30fc\u304c\u5165\u529b\u3057\u305fURL\u306f\u3001\u30ea\u30f3\u30af\u3068\u3057\u3066\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
  <!-- URL -->\n  <h3>URL<\/h3>\n  <p>\n    <a href="<?php echo esc_url( $attributes['my_url'] ); ?>">\n      <?php echo esc_html( $attributes['my_url'] ); ?>\n    <\/a>\n  <\/p><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
URL\u306e\u51fa\u529b\u7d50\u679c<\/h4>
https:\/\/motoki-design.co.jp\/<\/a><\/p><\/div><\/div>\n\n\n
\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/h3>\n\n\n\n
\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u51fa\u529b\u6642\u306b\u306f\u3001\u300cmailto:\u300d\u30ea\u30f3\u30af\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u3001\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u30e1\u30fc\u30eb\u30af\u30e9\u30a4\u30a2\u30f3\u30c8\u304c\u958b\u304d\u307e\u3059\u3002<\/p>\n\n\n\n
  <!-- \u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9 -->\n  <h3>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9<\/h3>\n  <p>\n    <a href="mailto:<?php echo esc_attr( $attributes['my_email'] ); ?>">MOTOKI\u5408\u540c\u4f1a\u793e<\/a>\n  <\/p><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\u306e\u51fa\u529b\u7d50\u679c<\/h4>
\u304a\u554f\u3044\u5408\u308f\u305b<\/a><\/p><\/div><\/div>\n\n\n
\u30d1\u30b9\u30ef\u30fc\u30c9<\/h3>\n\n\n\n
\u30d1\u30b9\u30ef\u30fc\u30c9\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30d1\u30b9\u30ef\u30fc\u30c9\u3092\u5165\u529b\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u51fa\u529b\u6642\u306b\u306f\u3001\u30d7\u30ec\u30fc\u30f3\u30c6\u30ad\u30b9\u30c8\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u308b\u3053\u3068\u304c\u591a\u3044\u3067\u3059\u304c\u3001\u30bb\u30ad\u30e5\u30ea\u30c6\u30a3\u306e\u89b3\u70b9\u304b\u3089\u614e\u91cd\u306b\u6271\u3046\u5fc5\u8981\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
  <!-- \u30d1\u30b9\u30ef\u30fc\u30c9 -->\n  <h3>\u30d1\u30b9\u30ef\u30fc\u30c9<\/h3>\n  <p>\n    <?php \n      if ( isset( $attributes['my_password'] ) ) {\n        echo esc_html( $attributes['my_password'] );\n      }\n    ?>\n  <\/p><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
\u30d1\u30b9\u30ef\u30fc\u30c9\u306e\u51fa\u529b\u7d50\u679c<\/h4>
12345<\/p><\/div><\/div>\n\n\n
\u30b3\u30f3\u30c6\u30f3\u30c4\u2502Lazy Blocks\u306e\u30b5\u30f3\u30d7\u30eb\u30b3\u30fc\u30c9\u89e3\u8aac<\/h2>\n\n\n\n
\u30c6\u30ad\u30b9\u30c8\u4ee5\u5916\u306e\u30c7\u30fc\u30bf\u306f\u8a18\u8ff0\u65b9\u6cd5\u304c\u7570\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n
\u753b\u50cf<\/h3>\n\n\n\n
\u753b\u50cf\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u30e6\u30fc\u30b6\u30fc\u304c\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u305f\u753b\u50cf\u3092\u8868\u793a\u3059\u308b\u305f\u3081\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u753b\u50cf\u306eURL\u3068alt\u30c6\u30ad\u30b9\u30c8\u304c\u51fa\u529b\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
  <!-- \u753b\u50cf -->\n  <h3>\u753b\u50cf<\/h3>\n  <?php if ( isset( $attributes['my_image']['url'] ) ) : ?>\n    <img src="<?php echo esc_url( $attributes['my_image']['url'] ); ?>" alt="<?php echo esc_attr( $attributes['my_image']['alt'] ); ?>">\n  <?php endif; ?><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
\u753b\u50cf\u306e\u51fa\u529b\u7d50\u679c<\/h4>\"motoki<\/div><\/div>\n\n\n
\u30ae\u30e3\u30e9\u30ea\u30fc<\/h3>\n\n\n\n
\u30ae\u30e3\u30e9\u30ea\u30fc\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u8907\u6570\u306e\u753b\u50cf\u3092\u307e\u3068\u3081\u3066\u8868\u793a\u3059\u308b\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
\u30e6\u30fc\u30b6\u30fc\u304c\u9078\u629e\u3057\u305f\u8907\u6570\u306e\u753b\u50cf\u304c\u30ae\u30e3\u30e9\u30ea\u30fc\u3068\u3057\u3066\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
  <!-- \u30ae\u30e3\u30e9\u30ea\u30fc -->\n  <h3>\u30ae\u30e3\u30e9\u30ea\u30fc<\/h3>\n  <?php if ( ! empty( $attributes['my_gallery'] ) && is_array( $attributes['my_gallery'] ) ) : ?>\n    <?php foreach( $attributes['my_gallery'] as $image ): ?>\n      <img src="<?php echo esc_url( $image['url'] ); ?>" alt="<?php echo esc_attr( $image['alt'] ); ?>">\n    <?php endforeach; ?>\n  <?php endif; ?><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
\u30ae\u30e3\u30e9\u30ea\u30fc\u306e\u51fa\u529b\u7d50\u679c<\/h4>\"motoki\"\"<\/div><\/div>\n\n\n
\u30d5\u30a1\u30a4\u30eb<\/h3>\n\n\n\n
\u30d5\u30a1\u30a4\u30eb\u30d5\u30a3\u30fc\u30eb\u30c9\u306f\u3001\u97f3\u58f0\u30d5\u30a1\u30a4\u30eb\u3084\u30c9\u30ad\u30e5\u30e1\u30f3\u30c8\u3092\u30a2\u30c3\u30d7\u30ed\u30fc\u30c9\u3057\u3001\u305d\u306e\u30ea\u30f3\u30af\u3092\u8868\u793a\u3059\u308b\u5834\u5408\u306b\u4f7f\u7528\u3057\u307e\u3059\u3002<\/p>\n\n\n\n
  <!-- \u30d5\u30a1\u30a4\u30eb -->\n  <h3>\u30d5\u30a1\u30a4\u30eb<\/h3>\n  <?php if ( isset( $attributes['my_file']['url'] ) ) : ?>\n    <audio src="<?php echo esc_url( $attributes['my_file']['url'] ); ?>" controls>\n      \u304a\u4f7f\u3044\u306e\u30d6\u30e9\u30a6\u30b6\u306f\u3001\u30aa\u30fc\u30c7\u30a3\u30aa\u8981\u7d20\u306b\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u305b\u3093\u3002\n    <\/audio>\n  <?php endif; ?><\/code><\/pre><\/div>\n\n\n\n
\"\"<\/figure>\n\n\n
\n
\n    
\u30d5\u30a1\u30a4\u30eb\u306e\u51fa\u529b\u7d50\u679c<\/h4>