Quickblogsuse the -quickblog hint, which is applied to one layer that SiteGrinder will automatically fill with all of the standard elements that comprise a blog or WordPress theme. This is the fastest way to create a full blog in SiteGrinder. This video walks you through the basic process for using the -quickblog hint.
This video explains how to use SG3xpress blog hints to create unique and creative designs. The basic technique for building up the dynamic elements of your free form blog theme is to create type layers in Photoshop and add the -blogdata hint to their layer names. Using this technique, you can create your own design for displaying blog posts.
The SiteGrinder 3 powerful -centercut hint can also be used in SG3xpress to add graphical background elements to blog post and comment areas, as well as to WordPress sidebars. This video explains how to use the centercut feature to enhance your blog's design.
This video describes how to create comment layers, which repeat for every comment on the current post. In addition to the blogdata items, this layer can include other text and graphics. Comments can also be threaded so that it's visually obvious if some comments are in reply to other comments, rather than in reply to the main post.
The main page of a blog normally displays a number of the most recent posts in reverse chronological order. Sometimes only the first few paragraphs of a post are displayed and users click "read more" to view the rest of the post. This brings up a single-post view, where only one post is displayed in its entirety along with any associated comments. In this video, you will learn how to create a custom-design for a single-view page.
This video explains how to create optional sidebars for WordPress themes. This area, normally on the right or left edge of the page, contains "widgets". SG3xpress allows you to style the appearance and position of any number of sidebars for your theme. The sidebars can also contain graphical borders and backgrounds.
In WordPress, sidebars contain a variety of Widgets. In this video, you will learn how to create a custom design that will be used for each widget added to the sidebar in the Design Manager and WordPress.
SiteGrinder 3.2 introduces a new feature for creating and editing menus called "menu trees", that can be used in websites, blogs, and WordPress themes. Menu trees allow you to create at least one menu with multiple menu items and optionally create multiple levels of submenus. This video describes how to design and configure menu trees for blogs and WordPress themes.
In this video, you will learn how to create custom WordPress reserved page types such as pages for displaying archives, posts in individual categories, posts by specific authors, 404 page-not-found errors, and so forth.
WordPress blogs can include optional special pages such as a unique home page, search results, archives, and more. In this video, you will learn how to use layer comps to create multiple pages in one Photoshop file.
This video describes how to install a web server and WordPress on your local Windows computer, which can be useful for testing sites and themes before uploading.
Convert PSD Designs to HTML Websites...
If you know Photoshop then you already know enough to start creating web pages for yourself and your clients. With SiteGrinder there is no longer a requirement to slice up your web design and send it off to a developer to convert your design from Photoshop to HTML / XHTML and CSS. SiteGrinder does all of that tedious work for you. Your Photoshop web design is output just the way you envisioned it – resulting in a full functioning website.
SiteGrinder's intelligent engine can convert simple type layers into search-engine friendly menus that are dynamic and visually appealing. Image layers can also become buttons and menus. SiteGrinder's smart handling of slicing and image compression also gives you the designer complete flexibility in customizing how SiteGrinder will optimize each layer. SiteGrinder uses Photoshop's "layer comps" feature to organize layers into beautiful web pages.
Once the layers have been saved into layer comps SiteGrinder will output a website that looks just like your Photoshop web design! As a bonus, the standards-compliant websites created by SiteGrinder 3 can be put through XHTML validators and pass without error. This means that all web pages converted from Photoshop to HTML with SiteGrinder can be modified by any HTML/XHTML/CSS web design program, such as Adobe Dreamweaver.