components
3 years ago
hoc
4 years ago
hooks
4 years ago
attributes.js
4 years ago
block.js
4 years ago
edit.js
4 years ago
editor.scss
3 years ago
query-parameters.js
3 years ago
templates.js
4 years ago
templates.js
245 lines
| 1 | import { __ } from '@wordpress/i18n'; |
| 2 | |
| 3 | const templates = [ |
| 4 | { |
| 5 | name: 'title-date-excerpt', |
| 6 | title: __( 'Title, date, & excerpt', 'generateblocks' ), |
| 7 | icon: <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M15 33h171v11H15zM15 51h79v5H15zM15 71h171v5H15zM15 82h171v5H15zM15 116h171v11H15zM15 134h79v5H15zM15 154h171v5H15zM15 165h171v5H15z" /></svg>, |
| 8 | innerBlocks: [ |
| 9 | [ 'generateblocks/grid', |
| 10 | { |
| 11 | isQueryLoop: true, |
| 12 | verticalGap: 40, |
| 13 | lock: { |
| 14 | remove: true, |
| 15 | }, |
| 16 | }, |
| 17 | [ |
| 18 | [ 'generateblocks/container', |
| 19 | { |
| 20 | isQueryLoopItem: true, |
| 21 | width: 100, |
| 22 | lock: { |
| 23 | remove: true, |
| 24 | move: true, |
| 25 | }, |
| 26 | }, |
| 27 | [ |
| 28 | [ 'generateblocks/headline', { |
| 29 | useDynamicData: true, |
| 30 | dynamicContentType: 'post-title', |
| 31 | dynamicLinkType: 'single-post', |
| 32 | marginBottom: '5', |
| 33 | } ], |
| 34 | [ 'generateblocks/headline', { |
| 35 | useDynamicData: true, |
| 36 | element: 'p', |
| 37 | dynamicContentType: 'post-date', |
| 38 | fontSize: 14, |
| 39 | } ], |
| 40 | [ 'generateblocks/headline', { |
| 41 | useDynamicData: true, |
| 42 | element: 'div', |
| 43 | dynamicContentType: 'post-excerpt', |
| 44 | } ], |
| 45 | ], |
| 46 | ], |
| 47 | ], |
| 48 | ], |
| 49 | ], |
| 50 | }, |
| 51 | { |
| 52 | name: 'title-date', |
| 53 | title: __( 'Title & date', 'generateblocks' ), |
| 54 | icon: <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M14 30h171v11H14zM14 48h79v5H14zM14 88h171v11H14zM14 106h79v5H14zM14 146h171v11H14zM14 164h79v5H14z" /></svg>, |
| 55 | innerBlocks: [ |
| 56 | [ 'generateblocks/grid', |
| 57 | { |
| 58 | isQueryLoop: true, |
| 59 | verticalGap: 20, |
| 60 | lock: { |
| 61 | remove: true, |
| 62 | }, |
| 63 | }, |
| 64 | [ |
| 65 | [ 'generateblocks/container', |
| 66 | { |
| 67 | isQueryLoopItem: true, |
| 68 | width: 100, |
| 69 | lock: { |
| 70 | remove: true, |
| 71 | move: true, |
| 72 | }, |
| 73 | }, |
| 74 | [ |
| 75 | [ 'generateblocks/headline', { |
| 76 | useDynamicData: true, |
| 77 | element: 'h2', |
| 78 | fontSize: 20, |
| 79 | dynamicContentType: 'post-title', |
| 80 | dynamicLinkType: 'single-post', |
| 81 | marginBottom: '5', |
| 82 | } ], |
| 83 | [ 'generateblocks/headline', { |
| 84 | useDynamicData: true, |
| 85 | element: 'p', |
| 86 | marginBottom: '0', |
| 87 | dynamicContentType: 'post-date', |
| 88 | fontSize: 14, |
| 89 | } ], |
| 90 | ], |
| 91 | ], |
| 92 | ], |
| 93 | ], |
| 94 | ], |
| 95 | }, |
| 96 | { |
| 97 | name: 'two-columns', |
| 98 | title: __( 'Two columns', 'generateblocks' ), |
| 99 | icon: <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M14 28h78v11H14zM14 46h36.035v5H14zM14 66h78v5H14zM14 77h78v5H14zM108 28h78v11h-78zM108 46h36.035v5H108zM108 66h78v5h-78zM108 77h78v5h-78zM14 118h78v11H14zM14 136h36.035v5H14zM14 156h78v5H14zM14 167h78v5H14zM108 118h78v11h-78zM108 136h36.035v5H108zM108 156h78v5h-78zM108 167h78v5h-78z" /></svg>, |
| 100 | innerBlocks: [ |
| 101 | [ 'generateblocks/grid', |
| 102 | { |
| 103 | isQueryLoop: true, |
| 104 | verticalGap: 20, |
| 105 | horizontalGap: 20, |
| 106 | lock: { |
| 107 | remove: true, |
| 108 | }, |
| 109 | }, |
| 110 | [ |
| 111 | [ 'generateblocks/container', |
| 112 | { |
| 113 | isQueryLoopItem: true, |
| 114 | width: 50, |
| 115 | widthMobile: 100, |
| 116 | backgroundColor: '#fafafa', |
| 117 | paddingTop: '20', |
| 118 | paddingRight: '20', |
| 119 | paddingBottom: '20', |
| 120 | paddingLeft: '20', |
| 121 | lock: { |
| 122 | remove: true, |
| 123 | move: true, |
| 124 | }, |
| 125 | }, |
| 126 | [ |
| 127 | [ 'generateblocks/headline', { |
| 128 | useDynamicData: true, |
| 129 | element: 'h2', |
| 130 | fontSize: 30, |
| 131 | dynamicContentType: 'post-title', |
| 132 | dynamicLinkType: 'single-post', |
| 133 | marginBottom: '5', |
| 134 | } ], |
| 135 | [ 'generateblocks/headline', { |
| 136 | useDynamicData: true, |
| 137 | element: 'p', |
| 138 | marginBottom: '30', |
| 139 | dynamicContentType: 'post-date', |
| 140 | fontSize: 14, |
| 141 | } ], |
| 142 | [ 'generateblocks/headline', { |
| 143 | useDynamicData: true, |
| 144 | element: 'div', |
| 145 | dynamicContentType: 'post-excerpt', |
| 146 | } ], |
| 147 | ], |
| 148 | ], |
| 149 | ], |
| 150 | ], |
| 151 | ], |
| 152 | }, |
| 153 | { |
| 154 | name: 'two-columns-feature-image', |
| 155 | title: __( 'Two columns & featured image', 'generateblocks' ), |
| 156 | icon: <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"><path d="M110 57h78v11h-78V57ZM110 16h78v35h-78V16ZM110 76h78v5h-78zM110 87h55v5h-55zM110 149h78v11h-78v-11ZM110 108h78v35h-78v-35ZM110 168h78v5h-78zM110 179h55v5h-55zM15 149h78v11H15v-11ZM15 108h78v35H15v-35ZM15 168h78v5H15zM15 179h55v5H15zM15 57h78v11H15V57ZM15 16h78v35H15V16ZM15 76h78v5H15zM15 87h55v5H15z" /></svg>, |
| 157 | innerBlocks: [ |
| 158 | [ 'generateblocks/grid', |
| 159 | { |
| 160 | isQueryLoop: true, |
| 161 | verticalGap: 20, |
| 162 | horizontalGap: 20, |
| 163 | lock: { |
| 164 | remove: true, |
| 165 | }, |
| 166 | }, |
| 167 | [ |
| 168 | [ 'generateblocks/container', |
| 169 | { |
| 170 | isQueryLoopItem: true, |
| 171 | width: 50, |
| 172 | widthMobile: 100, |
| 173 | backgroundColor: '#fafafa', |
| 174 | paddingTop: '20', |
| 175 | paddingRight: '20', |
| 176 | paddingBottom: '20', |
| 177 | paddingLeft: '20', |
| 178 | lock: { |
| 179 | remove: true, |
| 180 | move: true, |
| 181 | }, |
| 182 | }, |
| 183 | [ |
| 184 | [ 'generateblocks/image', { |
| 185 | useDynamicData: true, |
| 186 | dynamicContentType: 'featured-image', |
| 187 | marginBottom: '30', |
| 188 | } ], |
| 189 | [ 'generateblocks/headline', { |
| 190 | useDynamicData: true, |
| 191 | element: 'h2', |
| 192 | fontSize: 30, |
| 193 | dynamicContentType: 'post-title', |
| 194 | dynamicLinkType: 'single-post', |
| 195 | marginBottom: '5', |
| 196 | } ], |
| 197 | [ 'generateblocks/headline', { |
| 198 | useDynamicData: true, |
| 199 | element: 'p', |
| 200 | marginBottom: '30', |
| 201 | dynamicContentType: 'post-date', |
| 202 | fontSize: 14, |
| 203 | } ], |
| 204 | [ 'generateblocks/headline', { |
| 205 | useDynamicData: true, |
| 206 | element: 'div', |
| 207 | dynamicContentType: 'post-excerpt', |
| 208 | } ], |
| 209 | ], |
| 210 | ], |
| 211 | ], |
| 212 | ], |
| 213 | ], |
| 214 | }, |
| 215 | { |
| 216 | name: 'blank', |
| 217 | title: __( 'Start blank', 'generateblocks' ), |
| 218 | icon: <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"></svg>, |
| 219 | innerBlocks: [ |
| 220 | [ 'generateblocks/grid', |
| 221 | { |
| 222 | isQueryLoop: true, |
| 223 | lock: { |
| 224 | remove: true, |
| 225 | }, |
| 226 | }, |
| 227 | [ |
| 228 | [ 'generateblocks/container', |
| 229 | { |
| 230 | isQueryLoopItem: true, |
| 231 | width: 100, |
| 232 | lock: { |
| 233 | remove: true, |
| 234 | move: true, |
| 235 | }, |
| 236 | }, |
| 237 | ], |
| 238 | ], |
| 239 | ], |
| 240 | ], |
| 241 | }, |
| 242 | ]; |
| 243 | |
| 244 | export default templates; |
| 245 |