Newsfeed Yumestate's Twitter Yumestate's Facebook 
Yumestate

NOTICE: Yumestate Anime is no longer being maintained and thus has been put on Archive mode. Links and functionality are limited.

Page 2

Let me give readers an idea of how much WordPress helps me as a designer. Picture a blog with 10 entries, each containing at least 500 words. That’s typically 18 pages of a Microsoft Word document double spaced (10 entries x 500 words). Instead of having the ability to submit my entry to StudioTim instantly and getting it published directly (meaning it would show on the website as soon as I hit the button), I had to create a new document, paste all my existing template code into the document first, and manually type my blogs in notepad (I use textpad, an advanced form of notepad but is essentially the same thing). After I finished, I had to save it, close it, open my FTP program to send the file to my website’s online folder, and then manually check to see if there were any errors. The amount of extra tasks would add fifteen to twenty more minutes of work on each blog entry.

Another problem was categorizing. Because there was no database, the ability to categorize and store blog posts according to date, time, tags, etc. was impossible. Normally on a blog, if someone wanted to read more about sports they would click the respective category and everything would show up. On old-StudioTim I didn’t even have a search function. Even if I incorporated one, it wouldn’t be effective since there weren’t any keywords to search for. Picture a library that didn’t have catalog numbers. The librarian wouldn’t have anywhere to start. It just doesn’t work:

Yeah yeah, QQ more about your website. Where’s the interesting stuff?

So I thought it would be a good idea for some amateur designers like myself to see how I implemented WordPress onto the website. I decided to take some periodic screenshots of the work I did behind the scenes of StudioTim.ca. I started off with a simple google search on “How to add wordpress onto my website”. The first result was in fact, another WordPress blog that gives you a tutorial of how to do it, step by step. Wpdesigner.com helped me out with pretty much the entire process. So I made a new folder on my computer, downloaded the WordPress web software from the main website, went through the tutorial with numerous lines of code (that didn’t make sense to me yet by the way), and here’s what I got:

It looks pretty empty doesn’t it? That’s the point, it’s the bare bones layout of the soon-to-be StudioTim.ca. The good news though is that I successfully made the layout from nothing! I was actually really happy at this point. Any coder or designer knows what I’m talking about when they see something develop from nothing. Essentially the website is divided into 4 parts, header, footer, container, and sidebar. Remember the post on the basics of HTML and CSS? This is where CSS takes over the majority of the layout and applies different styles to the texts and images. At this point, I had no images or styles because it didn’t make sense to add them yet. Here’s the layout broken down into the 4 parts:

So now I needed to apply the styles and formatting from old-StudioTim onto wordpress-StudioTim. What happens when I literally copy all the styles from one to the other? It looks like the image below. Apparently, it forced all my columns into one and deleted both the header and footer. /facepalm

WHAT IS THAT I DON’T EVEN—

Pages: 1 2 3 4