The do_not_duplicate part is important for the rest of our hypothetical homepage, but not crucial for the slider itself. We want to display the 6 most recent posts: have_posts()) : $slider_query->the_post() To control how many posts and what type of posts to use, we employ a custom WP_Query, which is basically a custom loop. There are two steps to this process: displaying the featured posts (including the large image, title, excerpt and link) and then generating the thumbnails as a list of posts containing only thumbnails. So now we have to generate this with PHP. Proin nec turpis eget dolor dictum lacinia.Ĭras luctus fringilla odio vel hendrerit. The basic static set-up of the Coda Slider looks something like this: Since we’re using thumbnails, we’re going to have to ‘hard-code’ the navigation in (not really ‘hard-coded’ because it will be generated by PHP). We’re using the fantastic Coda Slider plugin, which normally generates tabbed navigation automatically. When you click on a thumbnail, the slider scrolls to the appropriate story. What we’re working on today will look something like this:
CODA 2 PHP PLUGIN CODE
It always bugs me when I’m reading Javascript tutorials and I end up skipping over loads of CSS code to get to the important bits, only to later realize that there was an important rule hidden away among box-shadows and border-radii. I’m aiming for a final product that looks something like this:īut here we’re just going to focus on the PHP, Javascript, and bare minimum CSS to get the slider working. My slider resembles the one built in the Gomediazine tutorial “Design an Elegant Content Slider for WordPress”, but I’ve updated it to use a newer version of the Coda Slider plugin and to take advantage of WordPress 2.9’s post thumbnails option. It involved popular plugin x… I think…Īnyways, I came up with a new solution which I suspect is extremely similar to the old one. Anyways, so upon re-visiting this theme, I remembered that it took me ages to come up with a satisfactory content slider, and for the life of me couldn’t remember what my solution was. Word to the wise: if you find yourself needing to re-install MAMP, backup your htdocs folder. So I’ve had this WordPress theme PSD sitting around for ages, and I haven’t bothered coding it up for a long time… because I already did it.
0 kommentar(er)
