Wordpress theme for Recovery Dharma NYC
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
Adam Piontek b8d1212be7
remove browsersync, brighten widget h2, new version num & prod build
2 weeks ago
assets remove browsersync, brighten widget h2, new version num & prod build 2 weeks ago
content-templates update permissions 1 year ago
dist remove browsersync, brighten widget h2, new version num & prod build 2 weeks ago
page-templates update permissions 1 year ago
src fix extended Walker class debugger deprecation warning 2 weeks ago
.gitignore added composer.phar to .gitignore for local composer installs 2 weeks ago
404.php update permissions 1 year ago
README.md remove browsersync, brighten widget h2, new version num & prod build 2 weeks ago
composer.json update permissions 1 year ago
composer.lock update permissions 1 year ago
custom-functions.php fix for svg loading on localhost with docker 1 year ago
footer.php fix layout issue with mandala & improve mandala sizing 1 year ago
front-page.php update permissions 1 year ago
functions.php update permissions 1 year ago
header.php fix layout issue with mandala & improve mandala sizing 1 year ago
index.php update permissions 1 year ago
package-lock.json remove browsersync, brighten widget h2, new version num & prod build 2 weeks ago
package.json remove browsersync, brighten widget h2, new version num & prod build 2 weeks ago
postcss.config.js update permissions 1 year ago
screenshot.png update permissions 1 year ago
searchform.php update permissions 1 year ago
style.css remove browsersync, brighten widget h2, new version num & prod build 2 weeks ago
svgo.config.js update permissions 1 year ago
webpack.config.js remove browsersync, brighten widget h2, new version num & prod build 2 weeks ago

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.