San Diego’s Barberside was established in 2007 as a private barbershop that catered to gentlemen only. Shop owner Marvin Attiq’s innovative & in-demand product line required a robust, yet easily-managed, E-Commerce platform. Lanexa.net is a Shopify.com partner and could easily assess that their platform would be the ideal solution to get Attiq’s products moving swiftly and allow him to take the reins after development.
Established in 2001, the San Diego Troubadour is a free local music newspaper, featuring CD reviews, concert dates, and articles on musician’s latest musical developments. Their new web site was launched in 2011. Building off the WordPress content management platform, Lanexa.net was tasked to combine the grassroots vibe of this homegrown newspaper with the functionality of a modern blog and the interactivity of web 2.0. In addition to posting a plethora of new articles every month, the client is also adding older issues to the archives. The entire legacy of the newspaper will soon be available in web format.
This is an update to my original post How to make Bootstrap Carousel display WordPress Dynamic Content, so I’ll keep it short…
The Original Source Code
Note: Bootstrap developers have added the
.carousel-indicators feature sometime after my original post. Below, you will see my solution for generating the “data-slide-to” values dynamically…
Now with WordPress template PHP for dynamic content
Of course you’re free to pass all sorts of arguments within the
query_posts('/*your_arguments*/');. I’ve left out “posts_per_page” this time, allowing the default to be whatever you have for Dashboard Settings > Reading > Blog pages show at most = “?” posts.
Note: I’ve removed
.active from the
.carousel-indicators li, as well as from the
.carousel-inner .item. We’ll add it back with jQuery…
Add “active” Class to first items
The script must be called after the bootstrap js file, and preferably this is all happening in the footer.