{"id":2802,"date":"2019-06-19T21:22:51","date_gmt":"2019-06-19T21:22:51","guid":{"rendered":"http:\/\/websterart.com\/wordpress\/?p=2802"},"modified":"2019-06-19T21:22:51","modified_gmt":"2019-06-19T21:22:51","slug":"built-a-custom-wordpress-theme","status":"publish","type":"post","link":"https:\/\/websterart.com\/wordpress\/2019\/06\/built-a-custom-wordpress-theme\/","title":{"rendered":"Built a custom WordPress theme"},"content":{"rendered":"<p>I teach wordpress at work, and last quarter I had a student who wanted a really fancy wordpress site. She didn&#8217;t like any of the free themes. I told her I&#8217;d been tinkering with a custom theme for a couple years, but had never tried to use it on real, meaningful content. I simply had too many questions about how a custom theme worked in real life.<\/p>\n<p>She was willing to put in the time, and I was being paid to teach&#8230;so we chipped away at it in the afternoons for a few weeks. Her website ended up <a href=\"http:\/\/melissafarrington.cptcwebdev.com\/wordpress\/\">looking so good<\/a> I decided to try my hand coded custom theme on my 9 year old wordpress site. You are looking at it now. It&#8217;s a reasonably close match to my main www.websterart.com website, which is all handbuilt, not using wordpress. I&#8217;ve yet to try getting the PhotoSwipe plugin to work. Well, I did get it to work with my theme, but it caused problems.<\/p>\n<p>WordPress, by default, puts thumbnails in definition lists. But PhotoSwipe requires them to be in figure elements. And I&#8217;d like to style the figure elements in variable column-count columns. However, there is simply too much code going on with his switch from dl&#8217;s to figures, which happens in JavaScript. More on that later.<\/p>\n<p>There is a lot going on here. As far as explaining it, I don&#8217;t even know where to start. I may write a tutorial on it later. If you&#8217;d like to get the zip file of the theme, <a href=\"http:\/\/websterart.com\/songs-pdf\/markwtheme.zip\">it is here<\/a>. Be forewarned though, a lot of what goes on is in the form of widgets, menus and plugins that get added after you activate the theme in the wordpress dashboard.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>I teach wordpress at work, and last quarter I had a student who wanted a really fancy wordpress site. She didn&#8217;t like any of the free themes. I told her I&#8217;d been tinkering with a custom theme for a couple years, but had never tried to use it on real, meaningful content. I simply had [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1,179,130,131],"tags":[],"class_list":["post-2802","post","type-post","status-publish","format-standard","hentry","category-blog","category-programming","category-teaching","category-wordpress"],"_links":{"self":[{"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/posts\/2802","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/comments?post=2802"}],"version-history":[{"count":1,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/posts\/2802\/revisions"}],"predecessor-version":[{"id":2803,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/posts\/2802\/revisions\/2803"}],"wp:attachment":[{"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/media?parent=2802"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/categories?post=2802"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/websterart.com\/wordpress\/wp-json\/wp\/v2\/tags?post=2802"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}