Week Nine (MGDP2060)
This article lists topics for Week Nine of Web Design and Development III (MGDP2060).
Textbook: Building an Advanced WordPress Site (505-518)
Contents
- 1 Planning Your Site
- 2 Picking a Theme
- 3 Creating a Custom Copy of a WordPress Theme
- 4 Creating a Custom Copy of a Theme
- 5 Adding New Types of Posts
- 6 Defining a Custom Code Type in Code
- 7 Creating Sample Content
- 8 Defining a Custom Post Type with a Plug-in
- 9 Avoiding Confusion with a Test Site
- 10 Custom Post Types
- 11 = Editing Custom Post Types
- 12 Defining a Custom Post Type With a Plugin
- 13 Exercises
Planning Your Site
Questions to ask when planning a site:
- What type of content?
- Blog (News, Press Release, etc.)
- Product catalog
- "Static" content
- How will the content be arranged?
- How will users navigate the site?
- Will the content use WordPress Pages, WordPress Posts, or both?
- Will the site use WordPress Custom Posts?
- For example, Products, where each Custom Post is a product.
See also Web usability.
Picking a Theme
All WordPress Themes have principles in common, but each Theme is unique.
Web designers may have different approaches to Custom Copy Theme design:
- Pick a Theme you understand well, and customize for all customization projects.
- Pick a Theme that is as close as possible to the final result.
- Less work to do, but requires more detailed knowledge about how the Theme works.
- Create a minimal, stripped-down Theme, which provides a minimum of WordPress core functionality.
- Then customize the minimal Theme.
- Pick a Theme Framework -- simple, foundational Themes design for developers to extend.
- Many Frameworks exist, each with its own features.
Creating a Custom Copy of a WordPress Theme
You can create a "clone" of a existing WordPress Theme by:
- Copying the entire Theme folder, and pasting it with a new folder name
- In the new
style.css
file, renaming the Theme
You then edit your new Theme.
This is more complex than creating a WordPress Child Theme.
Creating a Custom Copy of a Theme
Adding New Types of Posts
Defining a Custom Code Type in Code
Creating Sample Content
Defining a Custom Post Type with a Plug-in
Avoiding Confusion with a Test Site
In professional web design, it is common to create a test website which exists somewhere other than the URL for the actual website.
Custom Post Types
WordPress provides a system of Custom Posts Types, which can be edited and displayed like Posts.
For example, an e-commerce system might have a Costem Post Type named "Products", where each Post represents a product for sale.
Creating a Custom Post Type
...
Creating a Custom Post Type That Suits Your Site
...
Making Your Custom Post Type Appear on Your Site
...
= Editing Custom Post Types
...
Defining a Custom Post Type With a Plugin
...