How to add my improved custom Gutenberg Image Block Styles which crop images into a square or a circle of various sizes.
Improved Custom Gutenberg Image Styles “Circled” and “Squared”
Posted on 28/09/2020
David Stockdale
- Website
- https://davidstockdalescrapcode.co.uk/
- Profile
- A Middlesbrough-based programmer who has volunteered with both Tees Valley Arts and Redcar and Cleveland Voluntary Development Agency in a Web Development role. During his time volunteering with each charity David was responsible for creating the themes used to create the layouts seen on both their own websites and within several other sites created for various organizations associated with both charities.
Posts & Pages:
White Spaces Lingering When Quickly Scrolling
A post on an unusual problem I have noticed with my site when I scroll up and down quickly on a long page.
Posted on 23/09/2020
Adding Custom Gutenberg Image Styles “Circled” and “Squared”
How to add a custom Gutenberg Image Block Style which crops images into a square or a circle using only a single action within functions.php.
Posted on 22/09/2020
Circle And Square Crop
A couple of examples showing the CSS code needed to style an image in such a way as to crop it into the shape of a circle or a square.
Posted on 22/09/2020
My Game: The Premise & Enemies
The premise of my upcoming Android mobile game “If It Breathes It Dies” along with a few of the early enemy types.
Posted on 07/09/2020
Creating A Header Centred Between A Menu And A Widget
A post showing the code required to place the simple social icons widget on the right side of the site title.
Posted on 25/08/2020
Map Storage & Map Display
A compilation of embedded posts containing information on how I went about storing and displaying the maps used within the combat screen of my app.
Posted on 20/07/2020
Finding And Focusing On Player
A post explaining how I went about finding the player character within my maps and then displaying whichever area that happens to contain them.
Posted on 20/07/2020
Map Storage
A post explaining how I went about storing the various maps of my tile-based combat screens and why I chose a less efficient method for my own convenience.
Posted on 06/07/2020
Tile Overhaul
Showing the amount of work required to simply thin down the walls of a combat map and how it resulted in the creation of a more complex tile-set.
Posted on 02/07/2020
