{"id":867,"date":"2021-03-05T18:29:48","date_gmt":"2021-03-05T09:29:48","guid":{"rendered":"http:\/\/www.opentone.co.jp\/ot-lab\/?p=867"},"modified":"2025-05-12T10:06:20","modified_gmt":"2025-05-12T01:06:20","slug":"top-page-slide-show","status":"publish","type":"post","link":"https:\/\/www.opentone.co.jp\/ot-lab\/all\/web-system\/top-page-slide-show","title":{"rendered":"\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u3042\u308b\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3092\u4f5c\u3063\u3066\u307f\u3088\u3046"},"content":{"rendered":"\n<p>\u3053\u3093\u306b\u3061\u306f\u3001H\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u5e74\u521d\u306b\u3053\u306e\u30e9\u30dc\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u5237\u65b0\u3057\u307e\u3057\u305f\u304c\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u6700\u8fd1\u306e\u6295\u7a3f\u304b\u3089\u753b\u50cf\u3001\u30bf\u30a4\u30c8\u30eb\u3001\u5e8f\u6587\u304c\u5207\u308a\u66ff\u308f\u3063\u3066\u8868\u793a\u3055\u308c\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002\u3053\u308c\u306f\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3068\u547c\u3070\u308c\u307e\u3059\u304c\u3001jQuery\u306a\u3069\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u5229\u7528\u3059\u308b\u3068\u7c21\u5358\u306b\u4f5c\u6210\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u4eca\u56de\u306f\u3053\u308c\u3092\u7d39\u4ecb\u3057\u3066\u307f\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img fetchpriority=\"high\" decoding=\"async\" width=\"585\" height=\"570\" src=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top.png\" alt=\"\" class=\"wp-image-870\" srcset=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top.png 585w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top-300x292.png 300w\" sizes=\"(max-width: 585px) 100vw, 585px\" \/><\/figure><\/div>\n\n\n\n<p><strong>\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Flex Slider\u306e\u5165\u624b<\/h3>\n\n\n\n<p>\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3092\u5b9f\u73fe\u3059\u308b\u305f\u3081\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u306f\u4e0b\u8a18\u306e\u30da\u30fc\u30b8\u306b\u307e\u3068\u3081\u3066\u3042\u308b\u3088\u3046\u306b\u591a\u6570\u3042\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><a href=\"http:\/\/matome.naver.jp\/odai\/2132616911530364801\" target=\"_blank\" rel=\"noreferrer noopener\">\u3010jQuery\u3011\u304b\u3063\u3053\u3044\u3044\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u307e\u3068\u3081<\/a><\/p>\n\n\n\n<p>\u4eca\u56de\u306f\u305d\u306e\u4e2d\u304b\u3089\u300cFlex Slider\u300d\u3092\u5229\u7528\u3057\u3066\u4f5c\u6210\u3057\u3066\u307f\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305a\u4e0b\u8a18\u306e\u30db\u30fc\u30e0\u30da\u30fc\u30b8\u304b\u3089\u30d7\u30e9\u30b0\u30a4\u30f3\u3092\u5165\u624b\u3057\u307e\u3059\u3002\u300cDOWNLOAD FLEXSLIDER\u300d\u306e\u30dc\u30bf\u30f3\u3092\u30af\u30ea\u30c3\u30af\u3057\u3066\u3001\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u3057\u307e\u3059\u3002\u3053\u306e\u8a18\u4e8b\u3092\u66f8\u3044\u305f\u6642\u70b9\u3067\u306f\u300cFlexSlider-version-2.2.zip\u300d\u3068\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<p><a href=\"http:\/\/www.woothemes.com\/flexslider\/\" target=\"_blank\" rel=\"noreferrer noopener\">FlexSlider<\/a><\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img decoding=\"async\" width=\"700\" height=\"444\" src=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-1-e1390651624969.png\" alt=\"\" class=\"wp-image-871\" srcset=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-1-e1390651624969.png 700w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-1-e1390651624969-300x190.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure><\/div>\n\n\n\n<p><strong>\u56f31\uff1aFlex Slider<\/strong><\/p>\n\n\n\n<p>\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9\u5f8c\u3001zip\u30d5\u30a1\u30a4\u30eb\u3092\u89e3\u51cd\u3057\u3066\u307f\u308b\u3068\u4e0b\u8a18\u306e\u30d5\u30a1\u30a4\u30eb\u69cb\u6210\u306b\u306a\u3063\u3066\u3044\u308b\u3053\u3068\u3092\u78ba\u8a8d\u3067\u304d\u307e\u3059\u3002<\/p>\n\n\n\n<figure class=\"wp-block-image size-large\"><img decoding=\"async\" width=\"219\" height=\"199\" src=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-2.png\" alt=\"\" class=\"wp-image-872\" \/><\/figure>\n\n\n\n<p><strong>\u56f32\uff1aFlex Slider\u89e3\u51cd\u5f8c<\/strong><\/p>\n\n\n\n<p>\u4e0b\u8a182\u3064\u306e\u30d5\u30a1\u30a4\u30eb\u3092\u5229\u7528\u3057\u307e\u3059\u3002jQuery\u306e\u672c\u4f53\u306f<a href=\"http:\/\/e-words.jp\/w\/CDN.html\" target=\"_blank\" rel=\"noreferrer noopener\">CDN<\/a>\u304b\u3089\u53d6\u5f97\u3059\u308b\u3053\u3068\u3068\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<ul class=\"wp-block-list\"><li>jquery.flexslider.js<\/li><li>flexslider.css<\/li><\/ul>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u306e\u8868\u793a<\/h3>\n\n\n\n<p>\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3067\u8868\u793a\u3059\u308b\u753b\u50cf\u3092\u3042\u3089\u304b\u3058\u3081\u96c6\u3081\u307e\u3059\u3002<br>Opentone Labs\u306e\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u3067\u306f\u6700\u8fd1\u306e\u6295\u7a3f\u304b\u3089\u81ea\u52d5\u3067\u53d6\u3063\u3066\u3044\u307e\u3059\u304c\u3001\u3053\u3053\u3067\u306f\u56fa\u5b9a\u3067\u753b\u50cf\u3092\u9078\u3073\u307e\u3059\u3002\u305b\u3063\u304b\u304f\u306a\u306e\u3067\u6700\u8fd1\u306e\u6295\u7a3f\u304b\u30895\u3064\u753b\u50cf\u3092\u9078\u3076\u3053\u3068\u306b\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u3067\u306fHTML\u306eheader\u90e8\u306b\u4e0b\u8a18\u306e\u8a18\u8ff0\u3092\u8ffd\u52a0\u3057\u3066\u3001jQuery\u672c\u4f53\u3068FlexSlider\u306e\u30e9\u30a4\u30d6\u30e9\u30ea\u3092\u8aad\u307f\u8fbc\u307e\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]\n&lt;link rel=\"stylesheet\" href=\"flexslider.css\" type=\"text\/css\"&gt;\n&lt;script src=\"jquery.min.js\" type=\"text\/javascript\"&gt;&lt;\/script&gt;\n&lt;script type=\"text\/javascript\" src=\"jquery.flexslider.js\"&gt;&lt;\/script&gt;\n[\/html]<\/pre>\n\n\n\n<p>\u3055\u304d\u307b\u3069\u53d6\u5f97\u3057\u305f\u753b\u50cf\u3092\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3092\u8868\u793a\u3055\u305b\u305f\u3044\u5834\u6240\u306b\u4e0b\u8a18\u306e\u901a\u308a\u6307\u5b9a\u3057\u307e\u3059\u3002<br>\u753b\u50cf\u540d\u3092\u300csampleX.png\u300d\u3068\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]\n&lt;div class=\"flexslider\"&gt;\n&lt;ul class=\"slides\"&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample1.png\"&gt;&lt;\/li&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample2.png\"&gt;&lt;\/li&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample3.png\"&gt;&lt;\/li&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample4.png\"&gt;&lt;\/li&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample5.png\"&gt;&lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/div&gt;\n[\/html]<\/pre>\n\n\n\n<p>\u6700\u5f8c\u306bflexflider\u306e\u95a2\u6570\u3092\u547c\u3073\u51fa\u3057\u3066\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3092\u5b9f\u884c\u3055\u305b\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[javascript]\n$(\"document\").ready(function(){\n  $('.flexslider').flexslider();\n});\n[\/javascript]<\/pre>\n\n\n\n<p>\u4e0b\u8a18\u306e\u3088\u3046\u306b\u8868\u793a\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"846\" height=\"699\" src=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-3.png\" alt=\"\" class=\"wp-image-873\" srcset=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-3.png 846w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-3-300x248.png 300w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-3-768x635.png 768w\" sizes=\"(max-width: 846px) 100vw, 846px\" \/><\/figure><\/div>\n\n\n\n<p><strong>\u56f33\uff1aFlex Slider\u5b9f\u884c\u6642\u306e\u8868\u793a<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u30b5\u30a4\u30ba\u306e\u6307\u5b9a\u3001\u753b\u50cf\u306e\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3<\/h3>\n\n\n\n<p>\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3092\u8868\u793a\u3055\u305b\u308b\u3053\u3068\u306f\u3067\u304d\u307e\u3057\u305f\u304c\u3001\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u304c\u307e\u3061\u307e\u3061\u3060\u3063\u305f\u308a\u3001\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u304c\u753b\u9762\u5168\u4f53\u306b\u5e83\u304c\u3063\u3066\u3057\u307e\u3063\u3066\u3044\u307e\u3059\u3002\u305d\u3053\u3067CSS\u3067\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u306e\u30b5\u30a4\u30ba\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u307e\u305a\u306f\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u305d\u306e\u3082\u306e\u306e\u6307\u5b9a\u306f\u4e0b\u8a18\u306e\u901a\u308a\u306b\u8a2d\u5b9a\u3057\u307e\u3059\u3002\u3053\u3053\u3067\u306f\u5e45800px, \u9ad8\u3055600px\u3068\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[javascript highlight=\"3,4\"]\n$(\"document\").ready(function(){\n  $('.flexslider').flexslider();\n  $('.flexslider').css('width', '800');\n  $('.flexslider').css('height', '600');\n});\n[\/javascript]<\/pre>\n\n\n\n<p>\u6b21\u306b\u753b\u50cf\u306e\u30b5\u30a4\u30ba\u3082\u56fa\u5b9a\u5316\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[javascript highlight=\"5,6\"]\n$(\"document\").ready(function(){\n  $('.flexslider').flexslider();\n  $('.flexslider').css('width', '800');\n  $('.flexslider').css('height', '600');\n  $('.flexslider .slides li img').css('width', '800');\n  $('.flexslider .slides li img').css('height', '600');\n});\n[\/javascript]<\/pre>\n\n\n\n<p>\u3053\u308c\u3067\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u306e\u8868\u793a\u3084\u4eca\u8868\u793a\u3057\u3066\u3044\u308b\u753b\u50cf\u304c\u4f55\u756a\u76ee\u304b\u308f\u304b\u308b\u3088\u3046\u306b\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"700\" height=\"559\" src=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-4-e1390829882222.png\" alt=\"\" class=\"wp-image-874\" srcset=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-4-e1390829882222.png 700w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-4-e1390829882222-300x240.png 300w\" sizes=\"(max-width: 700px) 100vw, 700px\" \/><\/figure><\/div>\n\n\n\n<p><strong>\u56f34\uff1a\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3001\u753b\u50cf\u30b5\u30a4\u30ba\u6307\u5b9a<\/strong><\/p>\n\n\n\n<p>Opentone Labs\u306e\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3067\u306f\u753b\u50cf\u306b\u91cd\u306d\u3066\u6295\u7a3f\u306e\u30bf\u30a4\u30c8\u30eb\u3068\u5e8f\u6587\u3092\u8868\u793a\u3057\u3066\u3044\u307e\u3059\u306e\u3067\u3001\u3053\u3053\u3067\u306f\u5e8f\u6587\u3060\u3051\u8868\u793a\u3057\u3066\u307f\u3088\u3046\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\u306e\u6307\u5b9a\u306f\u7c21\u5358\u3067\u3059\u3002<br>\u753b\u50cf\u3092\u8aad\u307f\u8fbc\u3080img\u30bf\u30b0\u306e\u5f8c\u306b\u3001p\u30bf\u30b0\u3092\u8ffd\u52a0\u3057\u3066class\u5c5e\u6027\u306bflex-caption\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\uff08\u4f8b\uff09<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]\n&lt;li&gt;&lt;img src=\"images\/sample1.png\"&gt;\n  &lt;p class=\"flex-caption\"&gt;\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\u3067\u6307\u5b9a\u3059\u308b\u6587\u5b57&lt;\/p&gt;\n&lt;\/li&gt;\n[\/html]<\/pre>\n\n\n\n<p>\u305d\u308c\u305e\u308c\u6307\u5b9a\u3059\u308b\u3068\u4e0b\u8a18\u306e\u3088\u3046\u306a\u611f\u3058\u306b\u306a\u308a\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[html]\n&lt;div class=\"flexslider\"&gt;\n&lt;ul class=\"slides\"&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample1.jpg\"&gt;\n    &lt;p class=\"flex-caption\"&gt;\u660e\u3051\u307e\u3057\u3066\u304a\u3081\u3067\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002 hatanaka\u3067\u3059\u3002 2014\u5e74\u306b\u306a\u308a\u307e\u3057\u305f\u3002 \u4eca\u5e74\u3082\u3088\u308a\u9ad8\u3044\u76ee\u6a19\u3092\u63b2\u3052\u3066\u3001\u305d\u308c\u306b\u30c1\u30e3\u30ec\u30f3\u30b8\u3059\u308b\u5e74\u306b\u3057\u3066\u3044\u304d\u305f\u3044\u3067\u3059\u306d\u3002 \u300cOpentone Labs\u300d\u3082\u5fc3\u6a5f\u4e00\u8ee2\u3001\u30b5\u30a4\u30c8\u30c7\u30b6\u30a4\u30f3\u3092\u30ea\u30cb ...&lt;\/p&gt;\n  &lt;\/li&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample2.png\"&gt;\n    &lt;p class=\"flex-caption\"&gt;\u3053\u3093\u306b\u3061\u306f\u3001hatanaka\u3067\u3059\u3002 2014\u5e74\u304b\u3089LPI-Japan\u304c\u300cHTML5\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u8a8d\u5b9a\u8a66\u9a13\u300d\u3092\u958b\u59cb\u3055\u308c\u307e\u3059\u306d\u3002 \u307e\u3059\u307e\u3059HTML5\u304c\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u306a\u6280\u8853\u306b\u306a\u308a\u305d\u3046\u3067\u3059\u3002 \u25a0HTML5\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30eb\u8a8d\u5b9a ...&lt;\/p&gt;\n  &lt;\/li&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample3.png\"&gt;\n    &lt;p class=\"flex-caption\"&gt;\u3053\u3093\u306b\u3061\u306f\u3001hatanaka\u3067\u3059\u3002 \u5e74\u660e\u30511\u9031\u9593\u306e\u4ed5\u4e8b\u306f\u3044\u304b\u304c\u3067\u3057\u305f\u304b\uff1f \u79c1\u305f\u3061\u306e\u73fe\u5834\u306f\u3055\u3063\u305d\u304f\u30d5\u30eb\u7a3c\u50cd\u3067\u3059\u3002 \u305d\u3093\u306a\u79c1\u305f\u3061\u306e\u62c5\u5f53\u7bc4\u56f2\u306e1\u3064\u306b\u4e8b\u52d9\u30b7\u30b9\u30c6\u30e0\u304c\u3042\u308a\u307e\u3059\u3002 \u884c\u54e1\u69d8\u304c\u65e5\u3005\u306e\u696d\u52d9\u3092\u5b9f\u65bd\u3057\u3066\u3044\u304f\u3046\u3048\u3067\u5229\u7528\u3055\u308c\u308b\u3082\u306e ...&lt;\/p&gt;\n  &lt;\/li&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample4.png\"&gt;\n    &lt;p class=\"flex-caption\"&gt;\u3069\u3046\u3082ohba\u3067\u3059\u3002 \u6700\u521d\u306b\u65ad\u3063\u3066\u304a\u304d\u307e\u3059\u304c\u4eca\u56de\u306f\u30cd\u30bf\u56de\u3067\u3059\u3002 \u3053\u306e\u8a18\u4e8b\u3092\u771f\u5263\u306b\u6349\u3048\u306a\u3044\u3067\u304f\u3060\u3055\u3044\u306d\u3002\uff08\u7b11\uff09 \u7686\u3055\u3093\u65e5\u9803\u30b3\u30fc\u30c7\u30a3\u30f3\u30b0\u3059\u308b\u969b\u3068\u306e\u3088\u3046\u306a\u70b9\u3092\u6c17\u3092\u3064\u3051\u3066\u3044\u308b\u3067\u3057\u3087\u3046\u304b\uff1f \u305d\u306e\u4e00\u3064\u306b\u300c\u8aad\u307f\u3084\u3059\u3044\u30d7\u30ed\u30b0\u30e9\u30df\u30f3\u30b0\u300d\u3068 ...&lt;\/p&gt;\n  &lt;\/li&gt;\n  &lt;li&gt;&lt;img src=\"images\/sample5.png\"&gt;\n    &lt;p class=\"flex-caption\"&gt;\n    \u3053\u3093\u306b\u3061\u306f\u3001hatanaka\u3067\u3059\u3002 \u307f\u306a\u3055\u3093\u3001\u300c\u30a4\u30f3\u30d1\u30af\u30c8\u30de\u30c3\u30d4\u30f3\u30b0\u300d\u3063\u3066\u3054\u5b58\u77e5\u3067\u3057\u3087\u3046\u304b\uff1f \u30a4\u30f3\u30d1\u30af\u30c8\u30de\u30c3\u30d4\u30f3\u30b0\u306f\u300c\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u30b9\u30b3\u30fc\u30d7\u304a\u3088\u3073\u305d\u306e\u80cc\u666f\u306b\u3042\u308b\u4eee\u8aac\u3092\u8996\u899a\u5316\u3057\u305f\u30de\u30c3\u30d7\u300d\u3068 \u8aac\u660e\u3055\u308c\u3066\u3044\u307e\u3059\u304c\u3001\u3053\u308c\u3060\u3068\u3061\u3087 ...&lt;\/p&gt;\n  &lt;\/li&gt;\n&lt;\/ul&gt;\n&lt;\/div&gt;\n[\/html]<\/pre>\n\n\n\n<p>\u3053\u3053\u3067\u8868\u793a\u3055\u305b\u3066\u307f\u308b\u3068\u4e0b\u8a18\u306e\u3088\u3046\u306b\u306a\u308a\u307e\u3059\u3002\u3053\u308c\u3060\u3068\u3061\u3087\u3063\u3068\u683c\u597d\u60aa\u3044\u3067\u3059\u306d\u3002<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"823\" height=\"678\" src=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-5.png\" alt=\"\" class=\"wp-image-875\" srcset=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-5.png 823w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-5-300x247.png 300w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-5-768x633.png 768w\" sizes=\"(max-width: 823px) 100vw, 823px\" \/><\/figure><\/div>\n\n\n\n<p><strong>\u56f35\uff1a\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\u6587\u5b57\u6307\u5b9a<\/strong><\/p>\n\n\n\n<p>\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306e\u3088\u3046\u306b\u753b\u50cf\u306b\u91cd\u306d\u308b\u305f\u3081\u3001CSS\u3067position\u3084top, left\u304b\u3089\u306e\u8868\u793a\u4f4d\u7f6e\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<br>\u307e\u305f\u80cc\u666f\u3092\u534a\u900f\u660e\u306b\u3057\u3066\u753b\u50cf\u3068\u91cd\u306d\u3066\u3082\u898b\u3048\u308b\u3088\u3046\u306b\u3057\u307e\u3059\u3002\u305d\u306e\u305f\u3081\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u6307\u5b9a\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<pre class=\"wp-block-preformatted\">[css]\n&lt;style&gt;\n.flex-caption {\n    \/* \u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\u306e\u8868\u793a\u4f4d\u7f6e\u30fb\u30b5\u30a4\u30ba *\/\n    position: absolute;\n    top     : 460px !important;\n    left    :   0px !important;\n    width   : 760px !important;\n    height  : 100px !important;\n    font-size:1.50em;\n    float: left;\n    margin: 0px;\n    padding :20px;\n    \/* \u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\u306e\u6587\u5b57\u8272\u30fb\u80cc\u666f *\/\n    color  :white;\n    background-color : rgb(0, 0, 0);\n    opacity : 0.5;\n}\n&lt;\/style&gt;\n[\/css]<\/pre>\n\n\n\n<p>\u3088\u3046\u3084\u304f\u305d\u308c\u3089\u3057\u304f\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"818\" height=\"654\" src=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-6.png\" alt=\"\" class=\"wp-image-876\" srcset=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-6.png 818w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-6-300x240.png 300w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-6-768x614.png 768w\" sizes=\"(max-width: 818px) 100vw, 818px\" \/><\/figure><\/div>\n\n\n\n<p><strong>\u56f36\uff1a\u753b\u50cf\u3068\u30ad\u30e3\u30d7\u30b7\u30e7\u30f3\u3092\u91cd\u306d\u3066\u8868\u793a<\/strong><\/p>\n\n\n\n<h3 class=\"wp-block-heading\">\u4ed6\u306b\u3082\u3044\u308d\u3044\u308d\u8a2d\u5b9a\u3067\u304d\u307e\u3059<\/h3>\n\n\n\n<p>\u3044\u304b\u304c\u3067\u3057\u305f\u3067\u3057\u3087\u3046\u304b\uff1f<br>FlexSlider\u306f\u4ed6\u306b\u3082\u30ab\u30eb\u30fc\u30bb\u30eb\uff08\u30b5\u30e0\u30cd\u30a4\u30eb\u753b\u50cf\u3092\u4e26\u3079\u3066\u8868\u793a\uff09\u306a\u3069\u69d8\u3005\u306a\u8a2d\u5b9a\u304c\u3067\u304d\u307e\u3059\u3002<br>\u662f\u975e\u3044\u308d\u3044\u308d\u8a66\u3057\u3066\u3001\u304a\u6c17\u306b\u5165\u308a\u306e\u30b9\u30e9\u30a4\u30c9\u30b7\u30e7\u30fc\u3092\u4f5c\u6210\u3057\u3066\u307f\u3066\u304f\u3060\u3055\u3044\u3002<\/p>\n\n\n\n<div class=\"wp-block-image\"><figure class=\"aligncenter size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"677\" height=\"849\" src=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-7.png\" alt=\"\" class=\"wp-image-877\" srcset=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-7.png 677w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-7-239x300.png 239w\" sizes=\"(max-width: 677px) 100vw, 677px\" \/><\/figure><\/div>\n\n\n\n<p><strong>\u56f37\uff1aFlex Slider\u306e\u8a2d\u5b9a<\/strong><\/p>\n<div class=\"opent-_2\" style=\"margin-top: 10px;margin-right: 10px;margin-bottom: 10px;margin-left: 10px;\" id=\"opent-2983772389\"><a href=\"https:\/\/www.opentone.co.jp\/backlog\/\" aria-label=\"twitter_backlogskt_new\"><img src=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2023\/02\/twitter_backlogskt_new.jpg\" alt=\"\"  srcset=\"https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2023\/02\/twitter_backlogskt_new.jpg 1024w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2023\/02\/twitter_backlogskt_new-300x157.jpg 300w, https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2023\/02\/twitter_backlogskt_new-768x401.jpg 768w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" width=\"384\" height=\"200\"   \/><\/a><\/div>","protected":false},"excerpt":{"rendered":"<p>\u3053\u3093\u306b\u3061\u306f\u3001H\u3067\u3059\u3002 \u5e74\u521d\u306b\u3053\u306e\u30e9\u30dc\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u5237\u65b0\u3057\u307e\u3057\u305f\u304c\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u6700\u8fd1\u306e\u6295\u7a3f\u304b\u3089\u753b\u50cf\u3001\u30bf\u30a4<\/p>\n","protected":false},"author":1,"featured_media":870,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_uag_custom_page_level_css":"","_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"categories":[28],"tags":[],"class_list":["post-867","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-web-system",""],"acf":[],"aioseo_notices":[],"uagb_featured_image_src":{"full":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top.png",585,570,false],"thumbnail":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top-150x150.png",150,150,true],"medium":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top-300x292.png",300,292,true],"medium_large":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top.png",585,570,false],"large":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top.png",585,570,false],"1536x1536":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top.png",585,570,false],"2048x2048":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top.png",585,570,false],"engage-mag-carousel-img":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top-585x450.png",585,450,true],"engage-mag-carousel-img-landscape":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top-585x225.png",585,225,true],"engage-mag-carousel-large-img":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top.png",585,570,false],"engage-mag-carousel-large-img-landscape":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top-585x287.png",585,287,true],"engage-mag-large-thumb":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top.png",585,570,false],"engage-mag-small-thumb":["https:\/\/www.opentone.co.jp\/ot-lab\/wp-content\/uploads\/sites\/11\/2021\/03\/20140127-top-350x220.png",350,220,true]},"uagb_author_info":{"display_name":"ah106rx4o4","author_link":"https:\/\/www.opentone.co.jp\/ot-lab\/author\/ah106rx4o4"},"uagb_comment_info":10,"uagb_excerpt":"\u3053\u3093\u306b\u3061\u306f\u3001H\u3067\u3059\u3002 \u5e74\u521d\u306b\u3053\u306e\u30e9\u30dc\u306e\u30c7\u30b6\u30a4\u30f3\u3092\u5237\u65b0\u3057\u307e\u3057\u305f\u304c\u30c8\u30c3\u30d7\u30da\u30fc\u30b8\u306b\u6700\u8fd1\u306e\u6295\u7a3f\u304b\u3089\u753b\u50cf\u3001\u30bf\u30a4","_links":{"self":[{"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/posts\/867","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/comments?post=867"}],"version-history":[{"count":2,"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/posts\/867\/revisions"}],"predecessor-version":[{"id":879,"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/posts\/867\/revisions\/879"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/media\/870"}],"wp:attachment":[{"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/media?parent=867"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/categories?post=867"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.opentone.co.jp\/ot-lab\/wp-json\/wp\/v2\/tags?post=867"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}