components
2 years ago
hoc
4 years ago
hooks
4 years ago
attributes.js
2 years ago
block.js
1 year ago
edit.js
2 years ago
editor.scss
2 years ago
query-parameters.js
3 years ago
templates.js
3 years ago
templates.js
243 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 | sizing: { 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 | sizing: { 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 | sizing: { width: '50%', widthMobile: '100%' }, |
| 115 | backgroundColor: '#fafafa', |
| 116 | paddingTop: '20', |
| 117 | paddingRight: '20', |
| 118 | paddingBottom: '20', |
| 119 | paddingLeft: '20', |
| 120 | lock: { |
| 121 | remove: true, |
| 122 | move: true, |
| 123 | }, |
| 124 | }, |
| 125 | [ |
| 126 | [ 'generateblocks/headline', { |
| 127 | useDynamicData: true, |
| 128 | element: 'h2', |
| 129 | fontSize: 30, |
| 130 | dynamicContentType: 'post-title', |
| 131 | dynamicLinkType: 'single-post', |
| 132 | marginBottom: '5', |
| 133 | } ], |
| 134 | [ 'generateblocks/headline', { |
| 135 | useDynamicData: true, |
| 136 | element: 'p', |
| 137 | marginBottom: '30', |
| 138 | dynamicContentType: 'post-date', |
| 139 | fontSize: 14, |
| 140 | } ], |
| 141 | [ 'generateblocks/headline', { |
| 142 | useDynamicData: true, |
| 143 | element: 'div', |
| 144 | dynamicContentType: 'post-excerpt', |
| 145 | } ], |
| 146 | ], |
| 147 | ], |
| 148 | ], |
| 149 | ], |
| 150 | ], |
| 151 | }, |
| 152 | { |
| 153 | name: 'two-columns-feature-image', |
| 154 | title: __( 'Two columns & featured image', 'generateblocks' ), |
| 155 | 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>, |
| 156 | innerBlocks: [ |
| 157 | [ 'generateblocks/grid', |
| 158 | { |
| 159 | isQueryLoop: true, |
| 160 | verticalGap: 20, |
| 161 | horizontalGap: 20, |
| 162 | lock: { |
| 163 | remove: true, |
| 164 | }, |
| 165 | }, |
| 166 | [ |
| 167 | [ 'generateblocks/container', |
| 168 | { |
| 169 | isQueryLoopItem: true, |
| 170 | sizing: { width: '50%', widthMobile: '100%' }, |
| 171 | backgroundColor: '#fafafa', |
| 172 | paddingTop: '20', |
| 173 | paddingRight: '20', |
| 174 | paddingBottom: '20', |
| 175 | paddingLeft: '20', |
| 176 | lock: { |
| 177 | remove: true, |
| 178 | move: true, |
| 179 | }, |
| 180 | }, |
| 181 | [ |
| 182 | [ 'generateblocks/image', { |
| 183 | useDynamicData: true, |
| 184 | dynamicContentType: 'featured-image', |
| 185 | marginBottom: '30', |
| 186 | } ], |
| 187 | [ 'generateblocks/headline', { |
| 188 | useDynamicData: true, |
| 189 | element: 'h2', |
| 190 | fontSize: 30, |
| 191 | dynamicContentType: 'post-title', |
| 192 | dynamicLinkType: 'single-post', |
| 193 | marginBottom: '5', |
| 194 | } ], |
| 195 | [ 'generateblocks/headline', { |
| 196 | useDynamicData: true, |
| 197 | element: 'p', |
| 198 | marginBottom: '30', |
| 199 | dynamicContentType: 'post-date', |
| 200 | fontSize: 14, |
| 201 | } ], |
| 202 | [ 'generateblocks/headline', { |
| 203 | useDynamicData: true, |
| 204 | element: 'div', |
| 205 | dynamicContentType: 'post-excerpt', |
| 206 | } ], |
| 207 | ], |
| 208 | ], |
| 209 | ], |
| 210 | ], |
| 211 | ], |
| 212 | }, |
| 213 | { |
| 214 | name: 'blank', |
| 215 | title: __( 'Start blank', 'generateblocks' ), |
| 216 | icon: <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 200 200"></svg>, |
| 217 | innerBlocks: [ |
| 218 | [ 'generateblocks/grid', |
| 219 | { |
| 220 | isQueryLoop: true, |
| 221 | lock: { |
| 222 | remove: true, |
| 223 | }, |
| 224 | }, |
| 225 | [ |
| 226 | [ 'generateblocks/container', |
| 227 | { |
| 228 | isQueryLoopItem: true, |
| 229 | sizing: { width: '100%' }, |
| 230 | lock: { |
| 231 | remove: true, |
| 232 | move: true, |
| 233 | }, |
| 234 | }, |
| 235 | ], |
| 236 | ], |
| 237 | ], |
| 238 | ], |
| 239 | }, |
| 240 | ]; |
| 241 | |
| 242 | export default templates; |
| 243 |