Wordpress theme for Recovery Dharma NYC
You cannot 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 4 months ago
assets remove browsersync, brighten widget h2, new version num & prod build 4 months ago
content-templates update permissions 2 years ago
dist remove browsersync, brighten widget h2, new version num & prod build 4 months ago
page-templates update permissions 2 years ago
src fix extended Walker class debugger deprecation warning 4 months ago
.gitignore added composer.phar to .gitignore for local composer installs 4 months ago
404.php update permissions 2 years ago
README.md remove browsersync, brighten widget h2, new version num & prod build 4 months ago
composer.json update permissions 2 years ago
composer.lock update permissions 2 years ago
custom-functions.php fix for svg loading on localhost with docker 2 years ago
footer.php fix layout issue with mandala & improve mandala sizing 2 years ago
front-page.php update permissions 2 years ago
functions.php update permissions 2 years ago
header.php fix layout issue with mandala & improve mandala sizing 2 years ago
index.php update permissions 2 years ago
package-lock.json remove browsersync, brighten widget h2, new version num & prod build 4 months ago
package.json remove browsersync, brighten widget h2, new version num & prod build 4 months ago
postcss.config.js update permissions 2 years ago
screenshot.png update permissions 2 years ago
searchform.php update permissions 2 years ago
style.css remove browsersync, brighten widget h2, new version num & prod build 4 months ago
svgo.config.js update permissions 2 years ago
webpack.config.js remove browsersync, brighten widget h2, new version num & prod build 4 months 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.