thiết kế giao diện wordpress phần 3

Tham khảo tài liệu thiết kế giao diện wordpress phần 3, công nghệ thông tin, đồ họa - thiết kế - flash phục vụ nhu cầu học tập, nghiên cứu và làm việc hiệu quả
Nội dung trích xuất từ tài liệu:
thiết kế giao diện wordpress phần 3Theme Design and Approach Main Content: Post content will go here inside this div Left Side Bar: Will contain WordPress content related links Right Side Bar: This will include additional ads, or non-content relevant items. Top Nav: For reading through straight text, its best to have links at bottom (css will place it up top, for visual ease of use) Footer: quick links for CSS design users whove had to scroll to the bottom plus site information and copyright will go here [ 30 ] Chapter 2Not much to look at, but you can see our semantic goals at work. For instance, if asearch engine bot or someone using a text-only browser or mobile device arrived andviewed our site, the following is the order theyd see things in: Header—because its good to know whose stuff youre looking at. • Main Content—get right to the point of what were looking for. • Left Column Content—under the main content, should have the next most • interesting items—Features list, Category a.k.a. Columns links, and Archives a.k.a. Past Issues links. Right Column Content—secondary information such as advertisements and • non-content related items. TopPage Navigation—even though in the design this will be on the top, its • best to have it at the bottom in text-only viewing. Footer Information—if this was a page of real content, its nice to see whose site • were on again, especially if weve been scrolling or crawling down for some time. Moving navigation to the bottom: Some SEO experts believe that another reason to semantically push the navigation items down the page after the body of content as far as possible is, it encourages the search engine bots to crawl and index more of the pages content before wandering off down the first link it comes to. The more content the bot can index at a time, the sooner youll be displayed with it on the search engine. Apparently, it can take months before a site is fully indexed, depending on its size. I have no idea if this is actually true, but its in-line with my semantic structure based on usability, so no harm done. Youll have to tell us at Packt Publishing if you think your content is getting better SE coverage based on this structure.Adding Text–TypographyWere now ready to make our typography considerations. Even if youre designingfar into the experience side of the scale, text is the most common element of a site, soyou should be prepared to put a fair amount of thought into it. [ 31 ]Theme Design and ApproachStart with the TextI like to add an amount of text that has a site name and description paragraph righton top in my header tags, the main body text up high in the content tags, secondarythen tertiary text below that (some of which usually ends up in a side bar), andthe navigation at the very bottom of the page in an unordered list. You know, itsbasically that perfect page SEO experts go on and on about—a Google bots delight,if you will.Minimally, I include , , , and headers along with links, strongand emphasized text, as well as a block-quote or two. If I know for sure that the sitewill be using the specific markup like or form elements like or, I try to include examples of text wrapped in these tags as well. This willhelp me ensure that I create style rules for all the possible markup elements.To help me out visually, I do tweak the text a bit to fit the situation for WordPresstheme designing. I put some blog post-ish stuff in there along with example text offeatures I want the blog to have, that is, read more links or a how many commentsdisplay along with samples of what kind of links the blog system will provide. Actually, start with a lot of text. Heres my secret: I use a lot of sample text. A major issue Ive always noticed about design comps and reality is this: We tend to create a nice mockup thats got clean little two-word headers followed by trim and tight, one or two sentence paragraphs (which are also easier to handle if you did the entire mockup in Photoshop). In this optimally minimalist sample, the design looks beautiful. However, the client then dumps all their content into theme which includes long, boring, two sentence headlines and reams and reams of unscannable text. ...