Figma / WordPress Test

The following WordPress developer test assesses your knowledge in the infrastructure of WordPress and coding skills for the platform including Bedrock, Sage, ACF and frontend development.

1. Clone the repository

Clone the repository containing the project files from https://bitbucket.org/sonar_group/wp-test/src/master/.
Create a local feature branch with your name (/feature/yourname) after cloning it.

2. Create the content block

The idea is create the "Content Image" block (at the bottom) within the Wordpress Gutenberg Block Editor.
Style the content block as per the designs provided in Figma, using the development tools from the Sage Theme.

3. Create the field types

The block contains the following field types:

Title : Text Field
Description : Textarea
Background : Image
Link (CTA Buttons) : Link

4. Style the block

Create the styles according to the Figma file. Make sure the button over the background image is only visible on hover. The block must be responsive.

5. Commit your changes

Push your changes to your local branch (/feature/yourname) and push your branch to remote (bitbucket), so we can review it and comment about your implementation. Don't push your changes to master or develop branches.