by: sara cannon
WordPress and your brand “utilizing WP technology to fit your brand, your look, and your goals” In this presentation I will go over different aspects of WordPress and how it applies to company branding. We will cover: – Brand Consistency – Typography tips and tricks – 5 useful recipes for customization
5. Why Use Wordpress?
• Content Management System (CMS)
• Easy to Use (almost anyone can catch on how to make a post)
6. Why Use Wordpress?
• Content Management System (CMS)
• Easy to Use (almost anyone can catch on how to make a post)
• With Training: The Client Can Even Figure it Out!
7. Why Use Wordpress?
• Content Management System (CMS)
• Easy to Use (almost anyone can catch on how to make a post)
• With Training: The Client Can Even Figure it Out!
• Search Engine Optimized (SEO)
13. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
14. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
2. Choose a Theme that best fits the FUNCTIONALITY that you want
15. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
2. Choose a Theme that best fits the FUNCTIONALITY that you want
3. Design for your Brand
16. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
2. Choose a Theme that best fits the FUNCTIONALITY that you want
3. Design for your Brand
4. Skin the Template
17. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
2. Choose a Theme that best fits the FUNCTIONALITY that you want
3. Design for your Brand
4. Skin the Template
5. Customize the CMS (TIPS)
18. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
2. Choose a Theme that best fits the FUNCTIONALITY that you want
3. Design for your Brand
4. Skin the Template
5. Customize the CMS (TIPS)
6. Customize the Design (TIPS)
19. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
23. Brand Strategy: Offline or Online?
• Offline Brands: who you will meet in person
- Companies
24. Brand Strategy: Offline or Online?
• Offline Brands: who you will meet in person
- Companies
- Stores
25. Brand Strategy: Offline or Online?
• Offline Brands: who you will meet in person
- Companies
- Stores
- Locations
26. Brand Strategy: Offline or Online?
• Offline Brands: who you will meet in person
- Companies
- Stores
- Locations
• Online Brands: Brands who’s presence is primarily web-based
27. Brand Strategy: Offline or Online?
• Offline Brands: who you will meet in person
- Companies
- Stores
- Locations
• Online Brands: Brands who’s presence is primarily web-based
- internet services
28. Brand Strategy: Offline or Online?
• Offline Brands: who you will meet in person
- Companies
- Stores
- Locations
• Online Brands: Brands who’s presence is primarily web-based
- internet services
- events
29. Brand Strategy: Offline or Online?
• Offline Brands: who you will meet in person
- Companies
- Stores
- Locations
• Online Brands: Brands who’s presence is primarily web-based
- internet services
- events
- products
30. Brand Strategy: Offline or Online?
• Offline Brands: who you will meet in person
- Companies
- Stores
- Locations
• Online Brands: Brands who’s presence is primarily web-based
- internet services
- events
- products
- blogs/individuals
49. Things to Look for in Choosing a Theme
- Base Menu Structure
50. Things to Look for in Choosing a Theme
- Base Menu Structure
- Does my Main Menu need to be based off of Pages, Categories, or Both?
51. Things to Look for in Choosing a Theme
- Base Menu Structure
- Does my Main Menu need to be based off of Pages, Categories, or Both?
- Sidebars
52. Things to Look for in Choosing a Theme
- Base Menu Structure
- Does my Main Menu need to be based off of Pages, Categories, or Both?
- Sidebars
- Does my brand need sidebar widget features?
53. Things to Look for in Choosing a Theme
- Base Menu Structure
- Does my Main Menu need to be based off of Pages, Categories, or Both?
- Sidebars
- Does my brand need sidebar widget features?
- Front Page (index page) functions.. useful?
54. Things to Look for in Choosing a Theme
- Base Menu Structure
- Does my Main Menu need to be based off of Pages, Categories, or Both?
- Sidebars
- Does my brand need sidebar widget features?
- Front Page (index page) functions.. useful?
- Design Somewhat Similar?
55. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
2. Choose a Theme that best fits the FUNCTIONALITY that you want
3. Design for your Brand
58. Designing Your Brand
• Use PhotoShop/Illustrator to Design
• Don’t constrain yourself to the Chosen Theme’s Layout.
59. Designing Your Brand
• Use PhotoShop/Illustrator to Design
• Don’t constrain yourself to the Chosen Theme’s Layout.
• Slice Out and Optimize what needs to be images... CSS the rest
60. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
2. Choose a Theme that best fits the FUNCTIONALITY that you want
3. Design for your Brand
4. Skin the Template
63. Skinning Your Theme
• Use Dreamweaver to Edit Your Theme Files.
• Upload your Custom Images and CSS
64. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
2. Choose a Theme that best fits the FUNCTIONALITY that you want
3. Design for your Brand
4. Skin the Template
5. Customize the CMS (TIPS)
71. 2. Make a Static Page hold a Category
Put this in your static Page Template to Query your Category
72. 2. Make a Static Page hold a Category
Put this in your static Page Template to Query your Category
<?php $my_query = new WP_Query('cat=29'); ?>
<?php while ($my_query->have_posts()) : $my_query->the_post(); ?>
//insert entry formatting / calling
<?php endwhile; ?>
74. 3. Make Custom Category Templates
put this at the top of your single.php
75. 3. Make Custom Category Templates
put this at the top of your single.php
<?php
$category = get_the_category();
$currentcat = $category[0]->cat_ID;
?>
<?php
$category = get_the_category();
$currentcat = $category[0]->cat_ID;
if (file_exists(TEMPLATEPATH."/single-$currentcat".".php")) {
include(TEMPLATEPATH."/single-$currentcat".".php");
} else {
?>
76. Steps to Adapt Wordpress to Your Brand
1. Know your Brand / Brand Strategy
2. Choose a Theme that best fits the FUNCTIONALITY that you want
3. Design for your Brand
4. Skin the Template
5. Customize the CMS (TIPS)
6. Customize the Design (TIPS)
84. 2. Hide or Show Comments Plug-in
Install the Hide or Show Comments Plug In
85. 2. Hide or Show Comments Plug-in
Install the Hide or Show Comments Plug In
Open single.php
In this file you have to replace:
86. 2. Hide or Show Comments Plug-in
Install the Hide or Show Comments Plug In
Open single.php
In this file you have to replace:
<?php comments_template(); ?>
with
87. 2. Hide or Show Comments Plug-in
Install the Hide or Show Comments Plug In
Open single.php
In this file you have to replace:
<?php comments_template(); ?>
with
<?php hideshowComments(); ?>