Elements Design: Hire Me Card
Tutorial: A Step-by-Step Tutorial of Building a Simple Peer-to-Peer WebSocket Application

Website: Underscores A Starter Theme For WordPress


"Create your Underscores based theme."

Resource Website: Underscores A Starter Theme For WordPress

"We've all been there: searching for the perfect boilerplate, a set of base templates or a handy starter-kit for that new project. Starting from the very scratch is often time-consuming and rarely necessary since some tasks, settings or code will be repetitive for every single project. So it's no wonder that each of us has our own set of base templates to take care of browser bugs and speed up the development process. If you find yourself developing WordPress-themes quite often, today you are in for a treat."

Here are some interesting things you'll find here:

- A just right amount of lean, well-commented, modern, HTML5 templates.
- A helpful 404 template.
- A sample custom header implementation in inc/custom-header.php that can be activated by uncommenting one line in functions.php and adding the code snippet found the comments of inc/custom-header.php to your header.php template.
- Custom template tags in inc/template-tags that keep your templates clean and neat and prevent code duplication.
- Sample theme options in /inc/theme-options/ that can can be activated by uncommenting one line in functions.php.
- Some small tweaks in /inc/tweaks.php that can improve your theming experience. They can be activated by uncommenting one line in functions.php.
- Keyboard navigation for image attachment templates. The script can be found in js/keyboard-navigation.js. It’s enqueued in functions.php.
- A script at js/small-menu.js that makes your menu a toggled dropdown on small screens (like your phone), ready for CSS artistry. It’s enqueued in functions.php.
- 5 sample CSS layouts in /layouts: Two sidebars on the left, two sidebars on the right, a sidebar on either side of your content, and two-column layouts with sidebars on either side.
- Smartly organized starter CSS in style.css that will help you to quickly get your design off the ground.
- The GPL license in license.txt. :) Use it to make something cool.

Getting Started

Step 1
The first thing you want to do is copy the _s directory and change the name to something else.

Step 2
Then you'll need to do a three-step find and replace on the name in all the templates.

1. Search for _s inside single quotations to capture the text domain.
2. Search for _s_ for to capture all the function names
3. Search for _s with a space before it to replace all the occurrences of it in comments. (You'd replace this with the capitalized version of your theme name.)

or ...

Search for:'_s'
Replace with: 'sample'
Search for:_s_
Replace with: sample_
Search for: _s
Replace with: Sample

Step 3
Then, update the stylesheet header in style.css and the links in footer.php with your own information.


Tags: theme, wordpress, website, css, html, layout, design, develop

Leave a Comment

No Comment

© Creative3x Ltd.