Summary

In this chapter, we took a look at the various use cases for 11ty’s custom shortcodes. Each shortcode is just a wrapper around four of 11ty’s template engines’ custom tag functionality. We used the addShortcode and addPairedShortcode methods to create “universal” shortcodes for use in all four of those. In doing so, we used data pulled from attributes as well as content between shortcodes to customize our blog.

In the next chapter, we’ll go from a standard blog to an image-based photography site. To do this, we’ll dive into the powerful 11ty Image plugin to create multiple views and sizes for each image to always serve the right image at the right time.