GitHub project link: https://github.com/hellotham/visual-voyager/.
Live site: https://visualvoyager.net
- Upload the Visual Voyager theme folder via FTP to your wp-content/themes/ directory. (The Genesis parent theme needs to be in the wp-content/themes/ directory as well.)
- Go to your WordPress dashboard and select Appearance.
- Activate the Visual Voyager theme.
- Inside your WordPress dashboard, go to Genesis > Theme Settings and configure them to your liking.
Please visit https://hellotham.com/contact/ for theme support.
The version of Visual Voyager on GitHub includes tooling to check code against WordPress standards. To use it:
- Install Composer globally on your development machine. See Composer setup steps.
- In the command line, change directory to the Visual Voyager folder.
- Type the command
composer install
to install PHP development dependencies. - Type
composer phpcs
to run coding standards checks.
You'll see output highlighting issues with PHP files that do not conform to Visual Voyager coding standards.
Run composer phpcbf
if you see “phpcbf can fix the x marked sniff violations automatically” in the output of composer phpcs
.
Scripts are also provided to help with CSS linting, CSS autoprefixing, and creation of pot language files. To use them:
- Install Node.js, which also gives you the Node Package Manager (npm).
- In the command line, change directory to the Visual Voyager folder.
- Type the command
npm install
to install dependencies.
You can then type any of these commands:
npm run autoprefixer
to add and remove vendor prefixes instyle.css
.npm run makepot
to regenerate thelanguages/visual-voyager.pot
file.npm run lint:css
to generate a report of style violations forstyle.css
.npm run lint:js
to generate a report of style violations for JavaScript files.npm run fix:js
to fix any JavaScript style violations that can be corrected automatically.npm run zip
to create a visual-voyager.zip. Files in theexcludes
array inscripts/makezip.js
are omitted.
- Follow the install instructions for npm scripts above.
- Switch to the git branch you plan to distribute.
- Bump version numbers manually and commit those changes.
- Type
npm run zip
to createvisual-voyager.zip
. Files in theexcludes
array inscripts/makezip.js
are omitted from the zip.filename.md
files will be renamed tofilename.txt
.