Wordpress theme for Recovery Dharma NYC
Go to file
Adam Piontek b8d1212be7 remove browsersync, brighten widget h2, new version num & prod build 2023-01-24 12:57:56 -05:00
assets remove browsersync, brighten widget h2, new version num & prod build 2023-01-24 12:57:56 -05:00
content-templates update permissions 2021-10-31 16:43:36 -04:00
dist remove browsersync, brighten widget h2, new version num & prod build 2023-01-24 12:57:56 -05:00
page-templates update permissions 2021-10-31 16:43:36 -04:00
src fix extended Walker class debugger deprecation warning 2023-01-24 12:31:08 -05:00
.gitignore added composer.phar to .gitignore for local composer installs 2023-01-24 12:06:16 -05:00
404.php update permissions 2021-10-31 16:43:36 -04:00
README.md remove browsersync, brighten widget h2, new version num & prod build 2023-01-24 12:57:56 -05:00
composer.json update permissions 2021-10-31 16:43:36 -04:00
composer.lock update permissions 2021-10-31 16:43:36 -04:00
custom-functions.php fix for svg loading on localhost with docker 2021-11-17 16:01:55 -05:00
footer.php fix layout issue with mandala & improve mandala sizing 2021-11-10 17:23:36 -05:00
front-page.php update permissions 2021-10-31 16:43:36 -04:00
functions.php update permissions 2021-10-31 16:43:36 -04:00
header.php fix layout issue with mandala & improve mandala sizing 2021-11-10 17:23:36 -05:00
index.php update permissions 2021-10-31 16:43:36 -04:00
package-lock.json remove browsersync, brighten widget h2, new version num & prod build 2023-01-24 12:57:56 -05:00
package.json remove browsersync, brighten widget h2, new version num & prod build 2023-01-24 12:57:56 -05:00
postcss.config.js update permissions 2021-10-31 16:43:36 -04:00
screenshot.png update permissions 2021-10-31 16:43:36 -04:00
searchform.php update permissions 2021-10-31 16:43:36 -04:00
style.css remove browsersync, brighten widget h2, new version num & prod build 2023-01-24 12:57:56 -05:00
svgo.config.js update permissions 2021-10-31 16:43:36 -04:00
webpack.config.js remove browsersync, brighten widget h2, new version num & prod build 2023-01-24 12:57:56 -05:00

README.md

RDNYC WordPress Bootstrap 5/PurgeCSS Theme

The WordPress theme for recoverydharma.org, based on Webpack 5, Bootstrap 5, and some development conveniences.

Originally forked from WP 73k, itself forked from WP Tailwind

Development Requirements

How to get started

  1. Clone or download the project into your themes directory (./wp-content/themes)
  2. Run composer install
  3. Run npm install if developing
  4. Run npm run watch to begin watching & rebuilding for development, npm run dev for simple dev build, npm run prod for a production build, or npm run build to build both dev & prod concurrently.

SVGs

Optimization

Images placed in assets/images will be copied to dist/images -- however, SVGs can be optimized by placing them in assets/raw and importing them in main.js, e.g.:

import '../raw/rdnyc-logo.svg';

This will output an optimized version to dist/images with svg- prefix; these can be used per below:

Using optimized SVGs

SVG images can be implemented two ways:

  • A normal <img src="<?php echo get_template_directory_uri() . '/dist/images/svg-roll-mandala.svg'; ?>" ... > tag
    • This cannot be colored but preserves SVG styling
    • Since resource is loaded separately, it can be cached.
  • An inline SVG using the inline_svg( $svg_name, $atts ) function in custom-functions.php -- see that file for supported $atts array keys.
    • This can be colored from parent element
    • SVG class requires {{class-placeholder}} for 'svg_class' $atts key to work
    • Since resource is inline, cannot be cached.