{"id":837,"date":"2018-10-09T15:38:40","date_gmt":"2018-10-09T06:38:40","guid":{"rendered":"https:\/\/takaya-com.jp\/archives\/?p=837"},"modified":"2018-10-11T14:03:06","modified_gmt":"2018-10-11T05:03:06","slug":"minimasonry","status":"publish","type":"post","link":"https:\/\/takaya-com.jp\/archives\/2018\/10\/minimasonry\/","title":{"rendered":"\u8efd\u91cf\u30b7\u30f3\u30d7\u30eb\u3067\u3068\u3066\u3082\u7c21\u5358\u306aMasonryJS\u30d7\u30e9\u30b0\u30a4\u30f3 (jQuery\u7121\u3057\u3067OK!)"},"content":{"rendered":"

 <\/p>\n

\u7c21\u6613\u30e9\u30a4\u30d6\u30e9\u30ea\uff3bMiniMasonry.js\uff3d<\/strong>\u3092\u4f7f\u3048\u3070\u3001jQuery\u3092\u4f7f\u308f\u305a\u306b<\/strong>\u5358\u4f53\u3067Masonry\u3092\u5c0e\u5165\u3059\u308b\u4e8b\u304c\u3067\u304d\u307e\u3059\u3002<\/p>\n

 <\/p>\n

\u7c21\u5358\u3067\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u30b3\u30d4\u30da\u3082\u3057\u3084\u3059\u3044\u3088\u3046\u30b7\u30f3\u30d7\u30eb\u306b\u307e\u3068\u3081\u3066\u3042\u308a\u307e\u3059\u3002<\/p>\n

<\/p>\n

\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n

\uff3bMiniMasonry.js\uff3d<\/strong>\u306f\u4ee5\u4e0b\u306e\u30ea\u30f3\u30af\u5148\u304b\u3089\u5165\u624b\u3067\u304d\u307e\u3059\u3002<\/p>\n

GitHub : https:\/\/github.com\/Spope\/MiniMasonry.js\/<\/a><\/p>\n

\u4f7f\u3044\u65b9<\/strong><\/p>\n

\u307e\u305ahtml\u306b\uff3bMiniMasonry.js\uff3d<\/strong>\u3092\u8aad\u307f\u8fbc\u307f\u307e\u3059\u3002<\/p>\n

head\u5185\u3067\u3082body\u306e\u9589\u3081\u30bf\u30b0\u306e\u76f4\u524d\u3067\u3082\u69cb\u3044\u307e\u305b\u3093\u3002<\/p>\n

 <\/p>\n

\u25bchtml<\/p>\n

<script src=\"minimasonry.min.js\"><\/script><\/pre>\n
 <\/p>\n
\uff3bMiniMasonry.js\uff3d\u3092\u52d5\u304b\u3059\u8981\u7d20\u306f\u2193\u306e\u3088\u3046\u306b\u8a18\u8ff0\u3057\u307e\u3059\u3002<\/p>\n
\u500b\u5225\u306bstyle\u3067width\u3001height\u3092\u4ed8\u3051\u3066\u8981\u7d20\u306e\u30b5\u30a4\u30ba\u306b\u5dee\u3092\u3064\u3051\u3066\u3082\u3082\u826f\u3044\u3067\u3059\u3057\u3001\u3082\u3061\u308d\u3093css\u3067\u30b5\u30a4\u30ba\u6307\u5b9a\u3057\u3066\u3082\u826f\u3044\u3067\u3059\u3002<\/p>\n
\u25bchtml<\/p>\n
<div class=\"masonry\">\r\n<div class=\"item\">1<\/div>\r\n<div class=\"item\">2<\/div>\r\n<div class=\"item\">3<\/div>\r\n<div class=\"item\">4<\/div>\r\n<div class=\"item\">5<\/div>\r\n<\/div><\/pre>\n
 <\/p>\n
\u6b21\u306bJavaScript\u3067\u521d\u671f\u8a2d\u5b9a\u3092\u8a18\u8ff0\u3002<\/p>\n
body\u306e\u9589\u3081\u30bf\u30b0\u76f4\u524d\u3067ok\u3067\u3059\u3002<\/p>\n
\u25bcJavaScript<\/p>\n
<script>\r\nvar masonry = new MiniMasonry({\r\ncontainer: '.masonry'\r\n});\r\n<\/script><\/pre>\n
 <\/p>\n
\u3053\u308c\u3060\u3051\u3067\u3059\u3002
\n<\/strong>
\n\u3068\u3066\u3082\u8efd\u91cf\u3067\u30b7\u30f3\u30d7\u30eb\u306a\u306e\u3067\u53d6\u308a\u5165\u308c\u3084\u3059\u3044\u306e\u3067\u306f\u306a\u3044\u3067\u3057\u3087\u3046\u304b\uff1f<\/p>\n
\u4eca\u56de\u3001\u53c2\u8003\u306b\u3055\u305b\u3066\u3044\u305f\u3060\u3044\u305f\u306e\u306f\u3001<\/p>\n
\u300e \u30aa\u30f3\u30ba\u958b\u767a\u30d6\u30ed\u30b0 \u300f<\/a>\u3055\u3093\u3067\u3059\u3002\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3059\u3002<\/p>\n
\u30c7\u30e2\u30da\u30fc\u30b8\u306f\u3001\u3053\u3061\u3089<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
  \u7c21\u6613\u30e9\u30a4\u30d6\u30e9\u30ea\uff3bMiniMasonry.js\uff3d\u3092\u4f7f\u3048\u3070\u3001jQuery\u3092\u4f7f\u308f\u305a\u306b\u5358\u4f53\u3067Masonry\u3092\u5c0e\u5165\u3059\u308b\u4e8b\u304c\u3067\u304d\u307e\u3059\u3002   \u7c21\u5358\u3067\u7406\u89e3\u3057\u3084\u3059\u304f\u3001\u30b3\u30d4\u30da\u3082\u3057\u3084\u3059\u3044\u3088\u3046\u30b7\u30f3\u30d7\u30eb\u306b\u307e\u3068\u3081\u3066\u3042\u308a\u307e\u3059\u3002<\/p>\n","protected":false},"author":4,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[1],"tags":[],"_links":{"self":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/837"}],"collection":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/comments?post=837"}],"version-history":[{"count":23,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/837\/revisions"}],"predecessor-version":[{"id":860,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/posts\/837\/revisions\/860"}],"wp:attachment":[{"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/media?parent=837"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/categories?post=837"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/takaya-com.jp\/archives\/wp-json\/wp\/v2\/tags?post=837"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}