Please refer to this blogpost to get an overview.
Replace *-INSTANCE with one of the public instances listed in the scrapers section. Replace CAPITALIZED words with their corresponding identifiers on the website.
| <?php | |
| /* ADD GTM TO HEAD AND BELOW OPENING BODY */ | |
| add_action('wp_head', 'google_tag_manager_head', 20); | |
| function google_tag_manager_head() { ?> | |
| <!-- Google Tag Manager --> | |
| <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': | |
| new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], | |
| j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= | |
| 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); |
| <!-- K Google Tag Manager Data Layer --> | |
| <script type="text/javascript"> | |
| // URL toolbox - helps grabbing elements in the URL | |
| var _d = document; | |
| var _dl = _d.location; | |
| var _dlp = _dl.pathname; | |
| var _dls = _dl.search; | |
| var _dr = _d.referrer; | |
| // Initialize your data layer and start pushing variables from custom WordPress PHP data layer |
| { | |
| "fibonacci": { | |
| "0": 0, | |
| "1": 1, | |
| "2": 1, | |
| "3": 2, | |
| "4": 3, | |
| "5": 5, | |
| "6": 8, | |
| "7": 13, |
| /* Modern Font Stacks */ | |
| /* System */ | |
| font-family: system, -apple-system, ".SFNSText-Regular", "San Francisco", "Roboto", "Segoe UI", "Helvetica Neue", "Lucida Grande", sans-serif; | |
| /* Times New Roman-based serif */ | |
| font-family: Cambria, "Hoefler Text", Utopia, "Liberation Serif", "Nimbus Roman No9 L Regular", Times, "Times New Roman", serif; | |
| /* A modern Georgia-based serif */ | |
| font-family: Constantia, "Lucida Bright", Lucidabright, "Lucida Serif", Lucida, "DejaVu Serif", "Bitstream Vera Serif", "Liberation Serif", Georgia, serif; |
| <div class="circles-1"> | |
| </div> |
Please refer to this blogpost to get an overview.
Replace *-INSTANCE with one of the public instances listed in the scrapers section. Replace CAPITALIZED words with their corresponding identifiers on the website.
| { | |
| "Base": { | |
| "Primary": { | |
| "MCH Black": { | |
| "value": "#1d2327", | |
| "type": "color" | |
| }, | |
| "MCH White": { | |
| "value": "#ffffff", | |
| "type": "color" |
| /* | |
| Z-Index Utility Library | |
| The idea here is that most values are auto-generated by the tool (the null values), but you can specify them if you want. That way, if you have a third-party component with a z-index value you can’t change, you plug that into the map, and then the auto-generated numbers will factor that in when you make layers on top. It also means it’s very easy to slip layers in between others. | |
| Inspired by Rafi Strauss OZMap | |
| https://rafistrauss.com/blog/ordered_z_index_maps | |
| Mentioned in "Systems for z-index" by Chris Coyier |