I explained some of my personal favourite Textpattern CMS tips and tricks on the Arvixe blog back in spring 2014. I received a bunch of really positive and insightful feedback as a result of my ‘Ten Textpattern Tips’ series so it’s only fair that I roll out some more secret-ish weapons from my Textpattern arsenal. This time around, I’m going for a longer series of articles that I’ve tagged as the ‘Twenty Textpattern Tips and Tricks’ series. The series is broken down into 4 parts, and each part is a mini-series of 5 articles:
- website construction
- website optimisation
- website maintenance
- website traffic analysis
There are twice as many tips as the previous series, many of which I’ve learned or discovered in the decade that I’ve been using Textpattern. Frankly, many of these tips can be used with other software on Arvixe; being a Textpattern user or administrator is not a requirement for this series, though the workflows are tailored for Textpattern. The first part of the series deals with website construction and the main part of this article will explain how you can get up and running with Textpattern and Bootstrap, one of the most popular HTML and CSS front-end frameworks in 2015.
Bootstrap provides a defined look-and-feel to website components, but stops short of offering an all-encompassing Textpattern theme that can be dropped in. Think of Bootstrap as scaffolding for your website: you are provided with the tools to build what you want to your own design, and at your own pace. If you’re drawing a blank or struggling for inspiration, there are plenty of mockups to inspire you. From experience, if you’re keen to design your own website without reinventing the wheel or spending too much time on the process, Bootstrap is a good place to start.
Add this to a Textpattern page to get up and running with Bootstrap on cdnjs:
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/css/bootstrap.min.css"> <title></title> </head> <body> <!-- content goes here --> <script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.5/js/bootstrap.min.js"></script> </body> </html>
- learn the Bootstrap specifics and build a Textpattern template from scratch
- borrow some ideas from the Bootstrap gallery and build a Textpattern template
- find an existing Bootstrap theme and port it over to Textpattern, with credit to the original author(s)
Remember you have a slew of resources at your disposal, so you’re never alone when you develop websites for Textpattern. These include:
- the Bootstrap CSS documentation
- the Bootstrap components documentation
- the Textpattern tag reference
- the Textpattern support forum
- the Arvixe user forum
The best way to learn Bootstrap is by doing – roll a fresh Textpattern on your Arvixe hosting, throw in some Bootstrap goodness and go nuts.
Next time: up and running with Textpattern and ZURB Foundation 5. This is the ideal article for you if you’re tired of Bootstrap and have a fondness for yetis.