{"id":924,"date":"2018-11-14T11:48:37","date_gmt":"2018-11-14T02:48:37","guid":{"rendered":"https:\/\/qol-kk.com\/wp2\/?p=924"},"modified":"2018-11-14T11:48:37","modified_gmt":"2018-11-14T02:48:37","slug":"post-924","status":"publish","type":"post","link":"https:\/\/qol-kk.com\/wp2\/blog\/2018\/11\/14\/post-924\/","title":{"rendered":"EC-CUBE4\uff1a\u30d8\u30c3\u30c0\u30fc\u306e\u30ab\u30c6\u30b4\u30ea\u30ea\u30b9\u30c8\u3067\u8868\u793a\u5d29\u308c\u767a\u751f"},"content":{"rendered":"<h2>EC-CUBE4\u306e\u6a19\u6e96Frame\u3067\u30ab\u30c6\u30b4\u30ea\u30ea\u30b9\u30c8\u306e\u6319\u52d5<\/h2>\n<p>\u5e97\u8217\u5185\u30ab\u30c6\u30b4\u30ea\u306e\u767b\u9332\u3092\u7d42\u3048\u8868\u793a\u3092\u78ba\u8a8d\u3057\u305f\u3068\u3053\u308d3\u968e\u5c64\u4ee5\u964d\u306ecategory\u304c\u30d7\u30eb\u30c0\u30a6\u30f3\u6642\u306b\u6a2a\u4e26\u3073\u306b\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u3002<\/p>\n<p>\u6587\u5b57\u6570\u306e\u5c11\u306a\u3044\u3082\u306e(\u4f8b\u3048\u3070\u300e\u934b\u300f\u3068\u304b)\u306e\u8868\u8a18\u3067\u8d77\u3053\u308b\u4e8b\u3092\u78ba\u8a8d\u3002<br \/>\n\u3053\u308c\u306fCSS\u3067\u5236\u5fa1\u3067\u304d\u308b\u3060\u308d\u3046\u3068\u601d\u3044\u5834\u6240\u3092\u63a2\u3057\u305f\u306e\u3067\u5099\u5fd8\u9332\u306b\u8a18\u3057\u307e\u3059\u3002<\/p>\n<h3>\u7ba1\u7406\u753b\u9762\u3067\u306e\u30ab\u30c6\u30b4\u30ea\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u7b87\u6240<\/h3>\n<p>\u8868\u793a\u3055\u308c\u3066\u3044\u308b\u60c5\u5831\u306f\u3001\u7ba1\u7406\u753b\u9762\u4e0a\u306e\u300e\u30b3\u30f3\u30c6\u30f3\u30c4\u7ba1\u7406\uff1e\u30d6\u30ed\u30c3\u30af\u7ba1\u7406\uff1e\u30ab\u30c6\u30b4\u30ea\u30ca\u30d3PC\u300f\u3067\u3059\u3002<br \/>\n\u3057\u304b\u3057\u3001\u3053\u3053\u306b\u306fCSS\u306e\u8a18\u8f09\u304c\u7121\u3044\u305f\u3081\u30ab\u30c6\u30b4\u30ea\u95a2\u9023\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u8a18\u8f09\u3057\u305fCSS\u3092\u63a2\u3057\u307e\u3059\u3002<\/p>\n<p><img decoding=\"async\" src=\"https:\/\/qol-kk.com\/wp2\/wp-content\/uploads\/2018\/11\/ec-cube4_catpc.jpg\" alt=\"EC-CUBE4TOP\u30da\u30fc\u30b8\u306e\u30ab\u30c6\u30b4\u30ea\u30ea\u30b9\u30c8\" \/><\/p>\n<h3>CSS\u306e\u8a18\u8f09\u7b87\u6240<\/h3>\n<p>\u30ab\u30c6\u30b4\u30ea\u30ca\u30d3(PC)\u306b\u95a2\u3059\u308b\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306f\u4e0b\u8a18\u30d5\u30a9\u30eb\u30c0\u306b\u5b58\u5728\u3057\u307e\u3057\u305f\u3002<\/p>\n<p>EC-CUBE\u4fdd\u5b58\u30d5\u30a9\u30eb\u30c0\/html\/template\/default\/assets\/css\/style.css<\/p>\n<p>\u3053\u306e4898\u884c\u76ee\u304b\u30895026\u884c\u76ee\u304c\u30ab\u30c6\u30b4\u30ea\u306e\u30b9\u30bf\u30a4\u30eb\u30b7\u30fc\u30c8\u306b\u306a\u3063\u3066\u3044\u307e\u3059\u3002<\/p>\n<pre class=\"lang:default decode:true \">\u30d8\u30c3\u30c0\u30fc\uff1a\u30ab\u30c6\u30b4\u30ea\u30ca\u30d3\r\n\r\n\u30d8\u30c3\u30c0\u30fc\u5185\u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u308b\u5546\u54c1\u306e\u30ab\u30c6\u30b4\u30ea\u4e00\u89a7\u3068\u3057\u3066\u4f7f\u7528\u3057\u307e\u3059\u3002\r\n`li`\u306e\u4e2d\u306b`ul &gt; li`\u8981\u7d20\u3092\u5165\u308c\u308b\u3053\u3068\u3067\u3001\u968e\u5c64\u3092\u6df1\u304f\u3059\u308b\u4e8b\u304c\u3067\u304d\u307e\u3059\u3002\r\n\r\nMarkup:\r\ninclude \/assets\/tmpl\/elements\/11.4.categoryNavi.pug\r\n+ec-itemNav\r\n\r\nsg-wrapper:\r\n&lt;div class=\"ec-categoryNaviRole\" style=\"padding-bottom:150px;\"&gt;\r\n  &lt;sg-wrapper-content\/&gt;\r\n&lt;\/div&gt;\r\n\r\nStyleguide 11.2.5\r\n*\/\r\n.ec-categoryNaviRole {\r\n  margin: 0 auto;\r\n  padding-left: 20px;\r\n  padding-right: 20px;\r\n  box-sizing: border-box;\r\n  font-size: 16px;\r\n  line-height: 1.4;\r\n  color: #525263;\r\n  -webkit-text-size-adjust: 100%;\r\n  width: 100%;\r\n  max-width: 1130px;\r\n  display: none; }\r\n  .ec-categoryNaviRole:after {\r\n    content: \" \";\r\n    display: table; }\r\n  .ec-categoryNaviRole:after {\r\n    clear: both; }\r\n  .ec-categoryNaviRole textarea {\r\n    \/* for chrome fontsize bug *\/\r\n    font-family: sans-serif; }\r\n  .ec-categoryNaviRole img {\r\n    max-width: 100%; }\r\n  .ec-categoryNaviRole html {\r\n    box-sizing: border-box; }\r\n  .ec-categoryNaviRole *,\r\n  .ec-categoryNaviRole *:before,\r\n  .ec-categoryNaviRole *:after {\r\n    box-sizing: inherit; }\r\n  .ec-categoryNaviRole img {\r\n    width: 100%; }\r\n\r\n.ec-itemNav {\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n  height: 100%;\r\n  text-align: center; }\r\n\r\n.ec-itemNav__nav {\r\n  display: block;\r\n  margin: 0 auto;\r\n  padding: 0;\r\n  width: auto;\r\n  height: auto;\r\n  list-style-type: none;\r\n  text-align: center;\r\n  vertical-align: bottom; }\r\n\r\n.ec-itemNav__nav li {\r\n  float: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n  text-align: center;\r\n  position: relative; }\r\n\r\n.ec-itemNav__nav li a {\r\n  display: block;\r\n  border-bottom: 1px solid #E8E8E8;\r\n  margin: 0;\r\n  padding: 16px;\r\n  height: 55px;\r\n  color: #2e3233;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  line-height: 20px;\r\n  text-decoration: none;\r\n  text-align: left;\r\n  background: #fff;\r\n  border-bottom: 1px solid #E8E8E8; }\r\n\r\n.ec-itemNav__nav li ul {\r\n  display: none;\r\n  z-index: 0;\r\n  margin: 0;\r\n  padding: 0;\r\n  min-width: 200px;\r\n  list-style: none;\r\n  position: static;\r\n  top: 100%;\r\n  left: 0; }\r\n\r\n.ec-itemNav__nav li ul li {\r\n  overflow: hidden;\r\n  width: 100%;\r\n  height: auto;\r\n  transition: .3s; }\r\n\r\n.ec-itemNav__nav li ul li a {\r\n  border-bottom: 1px solid #E8E8E8;\r\n  padding: 16px;\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  color: white;\r\n  text-align: left;\r\n  background: black; }\r\n\r\n.ec-itemNav__nav &gt; li:hover &gt; a {\r\n  background: #fafafa; }\r\n\r\n.ec-itemNav__nav &gt; li:hover li:hover &gt; a {\r\n  background: #333; }\r\n\r\n.ec-itemNav__nav li ul li ul {\r\n  top: 0;\r\n  left: 100%;\r\n  width: auto; }\r\n\r\n.ec-itemNav__nav li ul li ul li a {\r\n  background: #7D7D7D; }\r\n\r\n.ec-itemNav__nav li:hover ul li ul li a:hover {\r\n  background: #333; }<\/pre>\n<h3>Class\uff1aec-itemNav__nav li \u306b\u8ffd\u8a18\u3057\u30b3\u30f3\u30c8\u30ed\u30fc\u30eb\u3059\u308b<\/h3>\n<p>\u5834\u5f53\u305f\u308a\u7684\u306a\u51e6\u7406\u3067\u3059\u304c\u3001\u4ee5\u4e0b\u306e\u5909\u66f4(\u8ffd\u8a18)\u3067\u5b6b\u30ab\u30c6\u30b4\u30ea\u304c\u6a2a\u4e26\u3073\u3059\u308b\u73fe\u8c61\u304c\u767a\u751f\u3057\u306a\u304f\u306a\u308a\u307e\u3057\u305f\u3002<\/p>\n<pre class=\"\">\/* \u30c7\u30d5\u30a9\u30eb\u30c8\u3067\u306f 4962\u884c\u76ee\u306b\u3042\u308a\u307e\u3059 *\/\r\n.ec-itemNav__nav li {\r\n  float: none;\r\n  margin: 0;\r\n  padding: 0;\r\n  width: 100%;\r\n  min-width: 110px; \/* \u30b3\u30b3\u8ffd\u52a0 *\/\r\n  text-align: center;\r\n  position: relative; }\r\n<\/pre>\n<p>min-width \u3067\u8a2d\u5b9a\u3059\u308b\u5024\u306f\u5176\u3005\u306e\u30b5\u30a4\u30c8\u3067\u7570\u306a\u308b\u304b\u3068\u601d\u3044\u307e\u3059\u3002<br \/>\n\u307e\u305f\u3001\u3053\u306e\u51e6\u7406\u306f\u4e00\u6642\u7684\u306a\u63aa\u7f6e\u3067\u3042\u308b\u3081\u3001\u6587\u5b57\u91cf\u306b\u3088\u3063\u30663\u968e\u5c64\u4ee5\u964d\u306e\u5e45\u304c\u7d71\u4e00\u3055\u308c\u3066\u3044\u306a\u3044\u72b6\u614b\u306f\u89e3\u6d88\u3067\u304d\u3066\u3044\u307e\u305b\u3093\u3002\u305d\u3053\u3089\u8fba\u306f\u307e\u305f\u3057\u3063\u304b\u308a\u4f5c\u308a\u8fbc\u3080\u3068\u304d\u306b\u63a2\u3057\u3066\u51e6\u7406\u3001\u5831\u544a\u3057\u305f\u3044\u3068\u601d\u3044\u307e\u3059\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"<p>EC-CUBE4\u306e\u6a19\u6e96Frame\u3067\u30ab\u30c6\u30b4\u30ea\u30ea\u30b9\u30c8\u306e\u6319\u52d5 \u5e97\u8217\u5185\u30ab\u30c6\u30b4\u30ea\u306e\u767b\u9332\u3092\u7d42\u3048\u8868\u793a\u3092\u78ba\u8a8d\u3057\u305f\u3068\u3053\u308d3\u968e\u5c64\u4ee5\u964d\u306ecategory\u304c\u30d7\u30eb\u30c0\u30a6\u30f3\u6642\u306b\u6a2a\u4e26\u3073\u306b\u306a\u3063\u3066\u3044\u307e\u3057\u305f\u3002 \u6587\u5b57\u6570\u306e\u5c11\u306a\u3044\u3082\u306e(\u4f8b\u3048\u3070\u300e\u934b\u300f\u3068\u304b)\u306e\u8868\u8a18\u3067\u8d77 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":926,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_memberships_contains_paid_content":false,"vkexunit_cta_each_option":"","footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2}},"categories":[87],"tags":[55,189,19,205,23,206],"class_list":["post-924","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-create-shopping-site","tag-css","tag-ec-cube4","tag-ec","tag-205","tag-23","tag-206"],"jetpack_publicize_connections":[],"jetpack_featured_media_url":"https:\/\/qol-kk.com\/wp2\/wp-content\/uploads\/2018\/11\/ec-cube4.jpg","jetpack-related-posts":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/comments?post=924"}],"version-history":[{"count":0,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/924\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media\/926"}],"wp:attachment":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media?parent=924"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/categories?post=924"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/tags?post=924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}