{"id":2036,"date":"2013-01-30T23:32:55","date_gmt":"2013-01-31T04:32:55","guid":{"rendered":"http:\/\/fiveforks.com\/ted\/?p=2036"},"modified":"2013-05-09T13:36:48","modified_gmt":"2013-05-09T18:36:48","slug":"revamped-movie-reviews","status":"publish","type":"post","link":"https:\/\/www.fiveforks.com\/ted\/2013\/01\/revamped-movie-reviews\/","title":{"rendered":"Revamped Movie Reviews"},"content":{"rendered":"<p>I was thinking about jazzing up my movie reviews website. I figured the easiest way to do this would be to add a stylesheet which could apply background colors, text styles, and snazzy layouts to the whole site easily. I went and looked for some sample stylesheets to see what I could do. I have worked with stylesheets on the blog and on the wiki and they get kind of complicated, so I just wanted something simple. But I would need to add some additional tags to the movie reviews to make it all work.<\/p>\n<p><a href=\"http:\/\/fiveforks.com\/ted\/2013\/01\/revamped-movie-reviews\/movies-old\/\" rel=\"attachment wp-att-2086\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/fiveforks.com\/ted\/files\/2013\/01\/movies-old-400x189.png\" alt=\"movies-old\" width=\"400\" height=\"189\" class=\"aligncenter size-medium wp-image-2086\" srcset=\"https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-old-400x189.png 400w, https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-old-1024x484.png 1024w, https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-old-500x236.png 500w, https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-old.png 1032w\" sizes=\"auto, (max-width: 400px) 85vw, 400px\" \/><\/a><\/p>\n<p>The way the movie review site <a href=\"http:\/\/fiveforks.com\/ted\/2007\/10\/movie_review_database\/\">works right now<\/a> is all of the reviews are stored in a Microsoft Access database and then I can create all the pages of the website by pushing a couple of buttons in the database. Then I just need to upload the files to my server. This is different from how the blog and wiki work. They store the files in a database on the web server. You enter a blog entry or wiki article and it is stored in the online database. The blog and wiki use php code and SQL databases. It&#8217;s not insanely complicated, but I don&#8217;t want to have to write all of the php from scratch. So I wanted to stick to Microsoft Access.<br \/>\n<!--more--><br \/>\nThe problem with Access is that every little snippet of code that goes into the web pages has to be written out in almost equation form and things like quote marks aren&#8217;t allowed, so you have to set up a variable for quote marks. It&#8217;s a lot of string functions to put the source code together correctly. But you only have to do it when you&#8217;re setting things up.<\/p>\n<p>So I found a <a href=\"http:\/\/www.free-css-templates.com\/preview\/Red\/\">nice stylesheet for free<\/a> on the web and it was pretty simple, similar to the blog with a header at the top, some content on the left, and a menu along the top and right. I wanted to customize it a little, so I started playing around with the stylesheet and the sample html file to customize it. I didn&#8217;t need the menus, for instance. I just wanted the clean look. And I changed a few colors and simplified the graphics. Also I like having the grade I give the movie as a big letter at the beginning, so I added that to the stylesheet. I was just playing around with the sample files, not trying to do this in the database yet.<\/p>\n<p><a href=\"http:\/\/fiveforks.com\/ted\/2013\/01\/revamped-movie-reviews\/movies-red\/\" rel=\"attachment wp-att-2087\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/fiveforks.com\/ted\/files\/2013\/01\/movies-red-400x191.png\" alt=\"movies-red\" width=\"400\" height=\"191\" class=\"aligncenter size-medium wp-image-2087\" srcset=\"https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-red-400x191.png 400w, https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-red-500x239.png 500w, https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-red.png 1023w\" sizes=\"auto, (max-width: 400px) 85vw, 400px\" \/><\/a><\/p>\n<p>But I thought it would be kind of neat to have the menus for navigation and they looked pretty good. I just didn&#8217;t want to put all that coding into the database and you can&#8217;t really generate text or links using a stylesheet. Then I thought maybe I could start with a template and insert the movie reviews into the template. Really, what you have to do is read text from a template file with HTML in it and write that to an output file, then insert the movie title and review into the output file, then read another template file wih more HTML, and write that to the output file. This actually simplified things a lot and meant I could make big changes to the look of the website just by messing around with the stylesheet and\/or the template files. Then I would re-create all the web files and upload them. <\/p>\n<p>One complication is that individual movie reviews are stored in subfolders for their year, but the archive lists are in the main folder. So when I have a link to another page, I had to add a ..\/ to the pages that are movie reviews so they would bump up a folder level before going to the correct year subfolder. This meant I needed separate templates for movie reviews (with bump ups) and for the indexes (without), but that&#8217;s not so bad either. It just means that when I want to make a change, I have to make that change to two different templates.<\/p>\n<p>Anyway, I think it turned out pretty well so far:<\/p>\n<p><a href=\"http:\/\/igirder.com\/movies\/index.html\">http:\/\/igirder.com\/movies\/index.html<\/a><\/p>\n<p><a href=\"http:\/\/fiveforks.com\/ted\/2013\/01\/revamped-movie-reviews\/movies-new-2\/\" rel=\"attachment wp-att-2090\"><img loading=\"lazy\" decoding=\"async\" src=\"http:\/\/fiveforks.com\/ted\/files\/2013\/01\/movies-new1-400x191.png\" alt=\"movies-new\" width=\"400\" height=\"191\" class=\"aligncenter size-medium wp-image-2090\" srcset=\"https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-new1-400x191.png 400w, https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-new1-500x238.png 500w, https:\/\/www.fiveforks.com\/ted\/files\/2013\/01\/movies-new1.png 1021w\" sizes=\"auto, (max-width: 400px) 85vw, 400px\" \/><\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>I was thinking about jazzing up my movie reviews website. I figured the easiest way to do this would be to add a stylesheet which could apply background colors, text styles, and snazzy layouts to the whole site easily. I went and looked for some sample stylesheets to see what I could do. I have &hellip; <a href=\"https:\/\/www.fiveforks.com\/ted\/2013\/01\/revamped-movie-reviews\/\" class=\"more-link\">Continue reading<span class=\"screen-reader-text\"> &#8220;Revamped Movie Reviews&#8221;<\/span><\/a><\/p>\n","protected":false},"author":15,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-2036","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/posts\/2036","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/users\/15"}],"replies":[{"embeddable":true,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/comments?post=2036"}],"version-history":[{"count":12,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/posts\/2036\/revisions"}],"predecessor-version":[{"id":2038,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/posts\/2036\/revisions\/2038"}],"wp:attachment":[{"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/media?parent=2036"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/categories?post=2036"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.fiveforks.com\/ted\/wp-json\/wp\/v2\/tags?post=2036"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}