tex0gen / bootstrap5-wordpress-theme

A basic wordpress theme with woocommerce support built with bootstrap v5.

Who Am I?

Steve North, Freelance WordPress Developer located in the UK (Kent). I specialise in bespoke WordPress theme and plugin development primarily but also do mobile app development and SaaS/PaaS applications.

I've worked with a number of well-known companies and individuals including but not limited to:

• Ferrari
• Maserati
• Piaggio
• Jessie Pavelka
• Wahl UK

Technologies

• HTML
• CSS (SASS/LESS)
• PHP
• Javascript
• NodeJS
• ReactJS
• React Native
• Laravel/Lumen

Portfolio of Work

The following are up-to-date links to projects I've completed. Note: The list is incomplete.

Side Projects

Spotiset - Get Live DJ setlists to a Spotify playlist

Freelance

Sync Global Agency
Steve Barber Wedding Photography in Kent
Adoreboard
Coole Swan - Alcoholic Beverage
Bigatmo Sunglasses
Wealden Literary Festival
Collins and Hoy Law Firm
Owner Breeder Magazine
Farm Locations
Managed LEI
Bio Pellet Solutions
Supplement Factory
SPIO Insurance

bootstrap5-wordpress-theme's Issues

Woocommerce Checkout Page Style

Checkout page needs to be bootstrap wrapped.

PurgeCSS doesn't like @extend

When using the @extend directive, PurgeCSS removes the entire rule set rather than just the irrelevant classes/IDs. As a result, most of the woocommerce CSS is completely removed. This is an issue with PugeCSS rather than anything happening with the theme itself. I'm noting this here for sanity and to (hopefully) re-introduce PurgeCSS if/when this may be fixed. For now, the PurgeCSS task has been commented out but for sites that do not require woocommerce support, it can be safely added back into the build task.

See issue: FullHuman/purgecss#596

Test async JS loading in theme-options.

Need more testing to be sure the best route is async loading over defer.
Specifically around other plugins.

Woocommerce Single Page

The single page layout for woocommerce products needs to be wrapped in bootstrap styles.

Add JS and SASS to individual components

Flex content blocks should be self-contained. Therefore, any CSS (SASS) or JS that relates to a component specifically should be moved into the block for portability.

Add Mega Menu/s

Add a mega menu option

Change alternating rows block

Should allow for background images & background colours.
Should allow for alignment options.
Remove heading in favour of wysiwyg.

Branch: BootstrapV5 - @extend no longer available with some classes

Because of the way Bootstrap generates its utilities, some classes are not defined before using the @extend directive. Need a new method of performing these extensions before V5 can be continued. Awaiting support from Bootstrap.

See: twbs/bootstrap#32834

Additional carousel display options

Describe the solution you'd like
Showcase options and additional foreground images alongside call to action.

Describe alternatives you've considered
N/A

Additional context
https://shapedplugin.com/wp-content/uploads/edd/2018/10/Logo-Carousel-Pro-Banner.png

Woocommerce Sidebar Options

Need to develop options for enabling the woocommerce sidebar.

FontAwesome fonts missing when child theme activated

Apply Stylelint rules to scss files

Currently, the number of stylelint issues are huge. Need to go through and fix these while testing.

Slider not longer works

Removed owl-carousel in favour of swiper.js. Need to update slider code to use swiper.js.

Finish ES6 gulp task

To swap out the jQuery main.js.