How to Use Hanging Content in Basic Maths

The latest version of Basic Maths Introduces some shortcodes which allow you to hang content outside of the normal paragraph margin. In the example above, the video is embedded using the default WordPress embed shortcode which is then wrapped with a Basic Maths hang2column shortcode.

In the back end, that looks like this:

The shortcodes can be applied to any kind of content from images to paragraphs or captions.


Here’s how an image could be used.

Phasellus in nisl. Nulla euismod, lectus et imperdiet bibendum, neque elit dapibus leo, et pulvinar quam lectus sit amet velit. Phasellus a turpis. Integer felis. Proin nulla leo, suscipit et, blandit vitae, laoreet id, eros. Aliquam consectetuer rutrum lectus. In hac habitasse platea dictumst. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Ut at lectus id purus facilisis dictum. Curabitur sapien sem, molestie eu, condimentum ac, malesuada et, mauris. Quisque tempus ante ut nisl. Pellentesque est nunc, tempus et, mattis a, facilisis at, eros. In ut enim sed enim fermentum dapibus.

In the back-end, that looks like this:


Here’s an example of how a caption could be used.

Cras velit erat, consequat in, ullamcorper et, accumsan ac, elit. Pellentesque ac velit ac ante euismod mollis. Nam lobortis velit. Maecenas feugiat iaculis felis. Mauris nisi. Proin dictum eros sed odio.

Quisque porttitor. Duis vel massa. In aliquam posuere ipsum. Sed fermentum. Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Pellentesque pellentesque. Aliquam dolor urna, viverra sit amet, fringilla vitae, malesuada eu, ligula. Mauris suscipit neque vitae leo. Praesent luctus. Nullam elementum mollis justo. Curabitur egestas, sem vel lobortis feugiat, augue elit ornare metus, ac facilisis libero nulla et orci. Sed lacinia ante. Nulla tellus nulla, tempus non, ultricies et, gravida eget, leo. Duis metus. Pellentesque a neque. Ut tincidunt, tellus sed posuere gravida, dui enim vulputate leo, sit amet mollis erat augue sed ipsum. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Aliquam erat volutpat. Proin dapibus orci ac metus. In ac nisi. Ut odio elit, lacinia eu, ornare in, vehicula molestie, libero. Mauris vulputate dapibus neque. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

In the back-end, that looks like this:

Check out the documentation for more information.

Add Your Comments