I can honestly say, without a doubt, that the featured slider was the part of this whole process that gave me the most grief.  I had a rough go with it in the early HTML and CSS stage and then an absolute beast of a time with it in the WordPress/PHP/JQuery stage. If it weren’t for the help of my friend Aaron over at Awesome Toast, I’d still be struggling with it.

Now really and truly, this should not have been as hard as I made it. I had the jquery script and the css and html working seamlessly as an HTML web page.  With my friend Aaron’s help I was able to covert my html to php fairly easily. I tried to do it myself, but only managed to make things worse. Thank goodness for all of the back-ups of the website that I had made.

I then had to fix the css to work with my new php. That ended up being a trial and error project. The biggest issue was that the featured posts were cascading down the page beneath the new posts. I tried several different things, but it either cascaded or was invisible.  I got so frustrated with this that I tried out a few WP plugins. They worked well, but I couldn’t style them the way I wanted to.

Back I went to the slider inside my theme’s index page.  I compared my coding between the html and the php version and noticed that I was missing a link to my slider’s jquery. I put that in thinking I’d found the magic solution. Well, that was a let down. I started contemplating taking the slider out all together, but in the end it turned out that an email I had sent my friend held all of the answers.

I had written to him my link address for the slider jquery asking what I was doing wrong.  When he, and then I clicked on the link we got:

“NetworkError: 404 Not Found – http://diarydad.com/wp-content/themes/Diarydad/easySlider1.7.js”

The sad thing was that I knew it was uploaded and that all of my address was correct.  I was at the library one day and looked at the blog there and happened to notice that diarydad forwarded to diarydad.com/blog.  I came back to my code and changed it to:

“/blog/wp-content/themes/Diarydad/easySlider1.7.js”

and a wonderful and marvelous thing occurred. After weeks and weeks of messing with it, it finally worked! Hooray! (You can view the working slider over at diarydad.com).

the-now

 To be continued…