You are on page 1of 7

THESIS BLUEPRINTS: BLUEPRINT #1 CLASSIC 3

CONTENTS
Thesis Blueprints ........................................................................................................................ 1

How this Resource Came About ........................................................................................... 11

Affiliate information ............................................................................................................. 12

Some basics before we start .................................................................................................... 13

Assumptions ......................................................................................................................... 14

Blueprint Overview ............................................................................................................... 15

Package Overview ............................................................................................................. 15

Chapter Overview.............................................................................................................. 15

Questions?......................................................................................................................... 16

BUT I don’t know how to code! ............................................................................................ 17

Intro to CSS and HTML ...................................................................................................... 17

Intro to PHP and WordPress ............................................................................................. 17

Setting up your toolbox ........................................................................................................ 18

PC....................................................................................................................................... 18

Mac .................................................................................................................................... 19

Your Blog Design ...................................................................................................................... 20

The Classic BluePrint ......................................................................................................... 21

Design Worksheet................................................................................................................. 22

Know your market ............................................................................................................. 22

Finding Your Style .............................................................................................................. 22

Determine your Colour Scheme ........................................................................................ 23

Your Header ...................................................................................................................... 25

Backgrounds ...................................................................................................................... 26

© 2010 – All Rights Reserved http://www.tastypress.com/thesisblueprints


THESIS BLUEPRINTS: BLUEPRINT #1 CLASSIC 4

Text and Links .................................................................................................................... 26

Graphics you will need ......................................................................................................... 29

Your header image ............................................................................................................ 29

Background Images ........................................................................................................... 33

Other Graphics / Icons ...................................................................................................... 33

If you are starting a new blog... ............................................................................................... 35

Block search engines ......................................................................................................... 36

Set up Pretty Permalinks ................................................................................................... 37

Set up your RSS Feed ......................................................................................................... 38

Create Some Pages ............................................................................................................ 44

Create Some Categories .................................................................................................... 48

Posts .................................................................................................................................. 50

Creating a nickname .......................................................................................................... 51

Tag some posts .................................................................................................................. 52

Add some comments ........................................................................................................ 53

Create a blogroll ................................................................................................................ 54

Enable Some Widgets........................................................................................................ 54

Setting up your Canvas ............................................................................................................ 69

Enable your custom folder ................................................................................................... 70

Create Your Blog’s Foundations ........................................................................................... 74

Choose your HTML Framework......................................................................................... 75

Remove Padding................................................................................................................ 75

Add a Header Image ............................................................................................................. 77

Check your Title and Tagline ............................................................................................. 79

Set your Site and Page backgrounds .................................................................................... 81

Page background ............................................................................................................... 82

© 2010 – All Rights Reserved http://www.tastypress.com/thesisblueprints


THESIS BLUEPRINTS: BLUEPRINT #1 CLASSIC 5

Site background................................................................................................................. 83

Add a background image ...................................................................................................... 84

Upload your background image ........................................................................................ 84

Edit your custom stylesheet .............................................................................................. 85

Choose your type of background image ........................................................................... 86

Set up your basic font details ............................................................................................... 93

Navigation ................................................................................................................................ 96

Main navigation .................................................................................................................... 97

Decide on WordPress or Thesis Nav ................................................................................. 97

Choose main navigation content ...................................................................................... 98

Move Main Navigation menu below header .................................................................... 99

Styling the Main Navigation Menu.................................................................................. 101

Styling the Feed Link ....................................................................................................... 108

Adding a Top Nav................................................................................................................ 118

Adding the extra top navigation menu ........................................................................... 118

Styling our extra top navigation menu............................................................................ 121

Footer ................................................................................................................................. 131

Remove the WordPress Admin link ................................................................................ 131

Remove the Thesis attribution Only ............................................................................... 132

Replace the Thesis Attribution ........................................................................................ 133

Add Style to your Footer ................................................................................................. 139

Add Links to your Footer ................................................................................................. 148

Add Home Rollover Image .............................................................................................. 153

The Sidebar ............................................................................................................................ 160

Colouring the Sidebar ......................................................................................................... 161

Colour the Sidebar: Method 1......................................................................................... 161

© 2010 – All Rights Reserved http://www.tastypress.com/thesisblueprints


THESIS BLUEPRINTS: BLUEPRINT #1 CLASSIC 6

Colour the Sidebar: Method 2......................................................................................... 164

Create a Default Widget Style ............................................................................................ 172

Creating the Default Widget Box .................................................................................... 172

Widget Fonts and Colours ............................................................................................... 176

Styling the Widget Heading ............................................................................................. 177

Adding a Widget Heading Icon ........................................................................................ 180

Styling Individual widgets ................................................................................................... 186

Find the widget's id/class ................................................................................................ 186

Find and Upload Individual Icons .................................................................................... 187

Subscribe Box .................................................................................................................. 188

Text .................................................................................................................................. 206

Search .............................................................................................................................. 207

Comments ....................................................................................................................... 209

Categories........................................................................................................................ 210

Tags.................................................................................................................................. 212

Links ................................................................................................................................. 213

The Multimedia Box ............................................................................................................... 220

The Default Multimedia Box ............................................................................................... 221

Styling the Multimedia Box Removal .............................................................................. 222

Enabling the Multimedia Box on one post or page......................................................... 224

Style the Multimedia Box via Design Options ................................................................. 225

Styling the default multimedia box ................................................................................. 226

Image Box ........................................................................................................................... 230

Edit the Image Box Image ............................................................................................... 231

Image Rotator Links......................................................................................................... 235

Video Box ............................................................................................................................ 237

© 2010 – All Rights Reserved http://www.tastypress.com/thesisblueprints


THESIS BLUEPRINTS: BLUEPRINT #1 CLASSIC 7

How to embed the video................................................................................................. 237

Custom Code Box................................................................................................................ 242

Style a Welcome Message............................................................................................... 242

Create A Block of Advertisements .................................................................................. 244

The Single Entry Post ............................................................................................................. 255

Post Fonts and Colours ....................................................................................................... 256

Post Headlines ................................................................................................................. 257

Subheadlines ................................................................................................................... 257

The Post Byline ................................................................................................................... 260

Setting the main font and colour of the byline ............................................................... 261

Setting Post Byline Content............................................................................................. 261

Styling the Post Byline ..................................................................................................... 264

Post Categories and Tags ................................................................................................ 269

Post Content ....................................................................................................................... 274

Style the Bullets............................................................................................................... 274

Styling Images.................................................................................................................. 278

Styling notes and alerts ................................................................................................... 284

Previous/Next Post Links .................................................................................................... 287

Enable or Disable Previous/Next Post links .................................................................... 287

Move Previous/Next Post links to above the post content ............................................ 288

Change the Previous/Next Post Text .............................................................................. 288

Styling the Previous/Next Posts ...................................................................................... 289

Adding a Facebook Like button .......................................................................................... 293

Styling Comments .................................................................................................................. 294

The Comments Intro ........................................................................................................... 296

Remove the Comments Intro .......................................................................................... 296

© 2010 – All Rights Reserved http://www.tastypress.com/thesisblueprints


THESIS BLUEPRINTS: BLUEPRINT #1 CLASSIC 8

Replacing the Comments Intro ....................................................................................... 297

Style the Comments Intro ............................................................................................... 298

The Comment List ............................................................................................................... 302

WordPress Post Comment Settings ................................................................................ 302

Disabling Comments on Pages ........................................................................................ 303

Switching off comments on Posts ................................................................................... 304

Setting the Comment Display.......................................................................................... 306

Styling the Comment Area .............................................................................................. 309

Comment Separator Lines ............................................................................................... 317

Styling the Comment Thread .......................................................................................... 320

The Comment Respond Area.............................................................................................. 326

Comment Form ............................................................................................................... 327

Respond Intro .................................................................................................................. 329

The Home Page ...................................................................................................................... 337

Home page display ............................................................................................................. 338

Set the number of features and teasers ......................................................................... 338

Features .............................................................................................................................. 341

Displaying Features as Extracts ....................................................................................... 342

The Comment Display......................................................................................................... 347

Change the Comment Display ......................................................................................... 347

Styling the Comment Display .......................................................................................... 352

Teasers ................................................................................................................................ 355

Setting the Teaser Content ............................................................................................. 355

Style the Teaser ............................................................................................................... 358

One across Teasers.......................................................................................................... 365

Previous/Next Entries ......................................................................................................... 367

© 2010 – All Rights Reserved http://www.tastypress.com/thesisblueprints


THESIS BLUEPRINTS: BLUEPRINT #1 CLASSIC 9

Remove Previous/Next Entries ....................................................................................... 367

Change the Previous/Next Entries text ........................................................................... 368

Style the Previous/Next Entries ...................................................................................... 368

The Archives ........................................................................................................................... 370

Archives Page...................................................................................................................... 371

Change the Archives Page ............................................................................................... 371

Adding Style to the Archives Page .................................................................................. 375

The Classic Blueprint Archive Page ................................................................................. 381

Category Archives ............................................................................................................... 383

Customise your Category archive display ....................................................................... 383

Customise the Category Archive Output ........................................................................ 385

Style your Category descriptions .................................................................................... 392

Details .................................................................................................................................... 395

Custom 404 Pages .............................................................................................................. 396

Basic 404 Template ......................................................................................................... 397

A really useful 404 Page .................................................................................................. 397

Styling the 404 Page ........................................................................................................ 401

Styling a Contact Form........................................................................................................ 403

Make a Contact Form ...................................................................................................... 403

Find your form’s id or class ............................................................................................. 405

Adding a favicon ................................................................................................................. 409

Fixing up your blog Checklist .............................................................................................. 411

Extras...................................................................................................................................... 412

Top Plugins.......................................................................................................................... 413

Credits ................................................................................................................................. 415

© 2010 – All Rights Reserved http://www.tastypress.com/thesisblueprints

You might also like