Theme Structure
File structure
Whenever possible, avoid modifying UnderStrap’s core files.
It is highly recommended to use a Child theme if you want to modify the layout or functions.
After basic installation, you’ll have a file structure that looks like this:
understrap/
├── css/
│ ├── custom-editor-style.css
│ ├── custom-editor-style.min.css
│ ├── custom-editor-style.min.css.map
│ ├── theme.css
│ ├── theme.min.css
│ └── theme.min.css.map
│
├── fonts/
│ ├── fontawesome-webfont.eot
│ ├── fontawesome-webfont.svg
│ ├── fontawesome-webfont.ttf
│ ├── fontawesome-webfont.woff
│ └── fontawesome-webfont.woff2
│
├── global-templates/
│ ├── hero.php
│ ├── left-sidebar-check.php
│ └── right-sidebar-check.php
│
├── inc/
│ ├── class-bootstrap-wp-navwalker.php
│ ├── custom-comments.php
│ ├── custom-header.php
│ ├── customizer.php
│ ├── editor.php
│ ├── enqueue.php
│ ├── extras.php
│ ├── jetpack.php
│ ├── pagination.php
│ ├── setup.php
│ ├── style-wpcom.css
│ ├── template-tags.php
│ ├── theme-settings.php
│ ├── widgets.php
│ ├── woocommerce.php
│ └── wpcom.php
│
├── js/
│ ├── core.js
│ ├── customizer.js
│ ├── popper.js
│ ├── popper.min.js
│ ├── theme.js
│ └── theme.min.js
│
├── languages/
│ ├── understrap.pot
│ └── Long list of .po/.mo files
│
├── loop-templates/
│ ├── content.php
│ ├── content-blank.php
│ ├── content-empty.php
│ ├── content-none.php
│ ├── content-page.php
│ ├── content-search.php
│ └── content-single.php
│
├── page-templates/
│ ├── blank.php
│ ├── both-sidebarspage.php
│ ├── empty.php
│ ├── fullwidthpage.php
│ ├── left-sidebarpage.php
│ └── right-sidebarpage.php
│
├── sass/
│ ├── assets/
│ │ ├── bootstrap4.scss
│ │ ├── font-awesome.scss
│ │ └── underscores.scss
│ │
│ ├── theme/
│ │ ├── _contact-form7.scss
│ │ ├── _theme.scss
│ │ └── _theme_variables.scss
│ │
│ └── understrap
│ └── understrap.scss
│
├── src/
│ ├── js/
│ │ ├── bootstrap4/
│ │ ├── custom-javascript.js
│ │ └── skip-link-focus-fix.js
│ │
│ ├── sass/
│ ├── bootstrap4/
│ ├── fontawesome/
│ └── underscores/
│
├── woocommerce/
│ ├── cart/
│ │ ├── cart.php
│ │ ├── cart-empty.php
│ │ ├── mini-cart.php
│ │ └── proceed-to-checkout-button.php
│ │
│ ├── checkout/
│ │ ├── form-checkout.php
│ │ ├── form-coupon.php
│ │ ├── form-pay.php
│ │ └── payment.php
│ │
│ ├── global/
│ │ ├── form-login.php
│ │ └── quantity-input.php
│ │
│ ├── loop/
│ │ ├── add-to-cart.php
│ │ └── orderby.php
│ │
│ ├── myaccount/
│ │ ├── downloads.php
│ │ ├── form-edit-account.php
│ │ ├── form-edit-address.php
│ │ ├── form-login.php
│ │ ├── form-lost-password.php
│ │ ├── form-reset-password.php
│ │ ├── my-address.php
│ │ ├── my-orders.php
│ │ ├── navigation.php
│ │ └── orders.php
│ │
│ └── single-product/
│ ├── add-to-cart/
│ │ ├── simple.php
│ │ └── variation-add-to-cart-button.php
│ │
│ └── rating.php
│
├── .gitignore
├── .jscsrc
├── .jshintignore
├── .travis.yml
├── 404.php
├── archive.php
├── author.php
├── bower.json
├── CHANGELOG.md
├── CODE-OF-CONDUCT.md
├── codesniffer.ruleset.xml
├── comments.php
├── composer.json
├── CONTRIBUTING.md
├── footer.php
├── functions.php
├── gulpconfig.json
├── gulpfile.js
├── header.php
├── index.php
├── ISSUE_TEMPLATE.md
├── LICENSE.md
├── package.json
├── page.php
├── README.md
├── readme.txt
├── screenshot.png
├── search.php
├── searchform.php
├── sidebar.php
├── sidebar-footerfull.php
├── sidebar-hero.php
├── sidebar-herocanvas.php
├── sidebar-left.php
├── sidebar-right.php
├── sidebar-statichero.php
├── single.php
└── style.css