A WordPress Starter Theme
- SASS for stylesheets.
- PHP Namespace.
- Clean up
wp_head().- Remove unnecessary
<link>'s. - Remove inline CSS and JS from WP emoji support.
- Remove inline CSS used by Recent Comments widget.
- Remove inline CSS used by posts with galleries.
- Remove self-closing tag.
- Remove the WordPress version from RSS feeds.
- Clean up
language_attributes()used in<html>tag. - Clean up output of stylesheet
<link>tags. - Clean up output of
<script>tags. - Add and remove
body_class()classes. - Wrap embedded media as suggested by Readability.
- Remove unnecessary self-closing tags.
- Don't return the default description in the RSS feed if it hasn't been changed.
- Remove unnecessary
- A just right amount of lean, well-commented, modern, HTML5 templates.
- A helpful 404 template.
- A custom header implementation in
inc/custom-header.phpjust add the code snippet found in the comments ofinc/custom-header.phpto yourheader.phptemplate. - Custom template tags in
inc/template-tags.phpthat keep your templates clean and neat and prevent code duplication. - Some small tweaks in
inc/template-functions.phpthat can improve your theming experience. - A script at
assets/js/navigation.jsthat makes your menu a toggled dropdown on small screens (like your phone), ready for CSS artistry. It's enqueued in functions.php. - 2 sample CSS layouts in
layouts/for a sidebar on either side of your content. Note: .no-sidebar styles are not automatically loaded. - Smartly organized starter CSS in style.css that will help you to quickly get your design off the ground.
- Full support for WooCommerce plugin integration with hooks in inc/woocommerce.php, styling override
assets/css/woocommerce.csswith product gallery features (zoom, swipe, lightbox) enabled. - Licensed under GPLv2 or later. :) Use it to make something cool.
Make sure all dependencies have been installed before moving on:
First of all download the latest version of Sector and extract that in wp-conent/themes.
- Change the folder name from
sector-mastertoyour-theme-name - Change the
SECTOR_DOMAIN_NAMEdefine in thefunctions.phpfor your language text domain name. - [Optional] You can change the namespace in the files.
Then install the node-sass with below command:
npm install node-sass
To compile the SASS files, you should use the below command:
npm run scss
sector
├── assets
│ ├── css # → sas compiled path.
│ │ └── style.css
│ │ └── woocommerce.css
│ ├── js
│ └── sass # → sass files.
├── inc
├── languages
├── layouts
└── template-parts
To start develop your own theme with sector, Follow steps below:
- Open your command line
- Go to your project folder
cd path/to/your/project - Run
npm install - Edit your proxy setting in Browser-Sync task in
gulpfile.js - Run
gulp
Keep track of development and community news.
- Follow @veronalabs on Twitter
- Subscribe to the Veronalabs Newsletter