31
Saturday, 18 July 2009

WordCamp UK 2009 presentation

Embed Size (px)

DESCRIPTION

My presentation from WordCampUK 2009.

Citation preview

Page 1: WordCamp UK 2009 presentation

Saturday, 18 July 2009

Page 2: WordCamp UK 2009 presentation

JonnyaFreelanceCrea-vewww.jonnya.net

WORDPRESSCMSBASEDWEBSITEDEVELOPMENTFROMSTARTTOFINISH

Saturday, 18 July 2009

Page 3: WordCamp UK 2009 presentation

MYJOURNEYTOWORDPRESS

๏ Freelancegraphicdesigner• Over10yearsstudioexperience• Mixedmediabackground

๏ BeganresearchingCMS• Developmentpla<ormforthefuture• Post‐Nuke,Joomla,Drupal

๏ 2005Launchedphotoshopninja.comblog• FirstexposuretoWordPressatv1.4• WordPress1.5‐pagesintroduced

Saturday, 18 July 2009

Page 4: WordCamp UK 2009 presentation

WHYWORDPRESSISIDEALFORWEBSITES...NOTJUSTBLOGS!

๏ Easeofcustomisa-on• Templatesystem• Pluginarchitecture

๏ Contentmanagementfacili-es• Taxonomy(improvedinv2.8)• Usermanagement• Adminarea

๏ Developmentcycle/security• Regularupdatecycle• Easytoupdate• Securityrecord

Saturday, 18 July 2009

Page 5: WordCamp UK 2009 presentation

WordPress › Blog Tool and Weblog Platform http://wordpress.org/

1 of 1 18/7/08 01:41

Go

Home About Extend Docs Blog Forums Hosting Download

WordPress Books

WordPress for

Dummies

From the Blog

WordPress 2.6

I’m happy to announce that version 2.6 of

WordPress.org is now available, almost a month

ahead schedule. Version 2.6 “Tyner,” named for

jazz pianist McCoy Tyner, contains a number of

new features that make WordPress a more

powerful CMS: you can now track changes to

every post and page and easily post from wherever

you are on the web, plus dozens more…

It’s Easy As…

Find a Web Host and get great hosting

while supporting WordPress at the

same time.

Download & Install WordPress with

our famous 5-minute installation.

Consult the Documentation and

become a WordPress expert yourself.

WordPress Users

Report a Site Bug | Privacy | GPL | Browse Happy | Fan WP on Facebook | WordPress Updates RSS

WordPress is a state-of-the-art publishing platform with a focus

on aesthetics, web standards, and usability. WordPress is both

free and priceless at the same time.

More simply, WordPress is what you use when you want to work with your

blogging software, not fight it.

New to blogging? Learn more about WordPress, then follow the three easy

steps below to start blogging in minutes. Or, for the ultimate in ease of use,

get a free blog on WordPress.com.

Ready to get started? Download WordPress 2.6

Search WordPress.org

Saturday, 18 July 2009

Page 6: WordCamp UK 2009 presentation

PITFALLSOFWEBDEVELOPMENT

PROJECTS

Saturday, 18 July 2009

Page 7: WordCamp UK 2009 presentation

AVOIDPITFALLS

๏ Projectbudget

๏ Clientexpecta-ons

๏ Firmproposal

๏ Contentgenera-on

๏ Scopecreep

Saturday, 18 July 2009

Page 8: WordCamp UK 2009 presentation

THEWEBDEVELOPMENTPROCESSSTEP1PlanningandProposals

Saturday, 18 July 2009

Page 9: WordCamp UK 2009 presentation

1.1INITIALENQUIRY&RESEARCH

๏ Research• Clientsmarket• HosUngarrangements

๏ Consulta-on• Audience• Purpose• Tastes• FuncUonality

Saturday, 18 July 2009

Page 10: WordCamp UK 2009 presentation

1.2PROPOSALDEVELOPMENT

๏ Proposaldevelopment• NavigaUon/structure• FuncUonalityoutline• Accessibilitylevel

๏ Proposalrefinementwithclient• Audience• Purpose• FuncUonality

๏ Responsibili-es

Saturday, 18 July 2009

Page 11: WordCamp UK 2009 presentation

CLIENTSIGN‐OFFOFPROPOSAL

Saturday, 18 July 2009

Page 12: WordCamp UK 2009 presentation

THEWEBDEVELOPMENTPROCESSSTEP2

Crea-veDesignanddevelopment

Saturday, 18 July 2009

Page 13: WordCamp UK 2009 presentation

2.1CREATIVEDESIGN

๏ Ra-onalisenaviga-on• Toplevel• Secondarylevel• Focusareas• Posts/pages/tags

๏ Crea-vedesign• Photoshop/Illustrator• Homepageandcontentpage

๏ Func-onality• Plugins• Development

Saturday, 18 July 2009

Page 14: WordCamp UK 2009 presentation

CLIENTSIGN‐OFFOFCREATIVE

Saturday, 18 July 2009

Page 15: WordCamp UK 2009 presentation

2.2XHTML/CSSCODING

๏ BuildXHTML/CSS• BlueprintCSS• CSSEdit/StyleMaster

๏ Tes-ng,tes-ngandmoretes-ng!• Macwebdevelopment• Onlineresources• IETester• Firefoxadd‐ons

๏ Func-onality• Plugins• Development

Saturday, 18 July 2009

Page 16: WordCamp UK 2009 presentation

CLIENTSIGN‐OFFOFTESTBEDSITE

Saturday, 18 July 2009

Page 17: WordCamp UK 2009 presentation

2.3CONVERTINGTHECREATIVEINTOAWORDPRESSTHEME

๏ TheTestbedenvironment

๏WordPressStructure• Specialcategories• Customtaxonomy

๏ BuildWordPresstheme• Templatetags• PluginintegraUon• include(TEMPLATEPATH . '/myfile.php');• query_posts()• WP_Query()

Saturday, 18 July 2009

Page 18: WordCamp UK 2009 presentation

CODEEXAMPLEFORMINILOOP

<?php $mycontent = new WP_Query();$mycontent->query('tag=moo&showposts=4&orderby=date&$order=DEC');

while($mycontent->have_posts()) : $mycontent->the_post();?> <li><a href="<?php the_permalink(); ?>" title="View <?php the_title(); ?>"><?php the_title(); ?></a></li>

<?php endwhile; ?>

Saturday, 18 July 2009

Page 19: WordCamp UK 2009 presentation

www.jonnya.net

Saturday, 18 July 2009

Page 20: WordCamp UK 2009 presentation

GETTINGYOURTEMPLATESUNDERCONTROL

๏ h^p://codex.wordpress.org/Template_Hierarchy• Understandthe‘cascade’‐egcategorydisplay1. category‐x.php2. category.php3. archive.php4. index.php

๏ Pagetemplates

๏ Condi-onalloca-ontests

๏ Specialcategories

Saturday, 18 July 2009

Page 21: WordCamp UK 2009 presentation

RamadaBirminghamOldbury

Saturday, 18 July 2009

Page 22: WordCamp UK 2009 presentation

2.4FINALWORDPRESSBUILDPHASE

๏ Plugins• Writecustomplugins• Don’tre‐inventthewheel!• Integrateintotheme• CSSmodificaUons

๏ Tes-ng

๏ Training

๏ Finalcontentintegra-on

Saturday, 18 July 2009

Page 23: WordCamp UK 2009 presentation

ESSENTIALPLUGINS

๏MaintenanceMode

๏ RoleManager

๏WP‐CMSPostControl

๏WP‐DBManagerplugin

๏ GoogleXMLSitemaps

๏ Cforms

๏ Akismet

Saturday, 18 July 2009

Page 24: WordCamp UK 2009 presentation

CLIENTSIGN‐OFFOFWORDPRESSPRIVATESITE

Saturday, 18 July 2009

Page 25: WordCamp UK 2009 presentation

THEWEBDEVELOPMENTPROCESSSTEP3

Go‐live

Saturday, 18 July 2009

Page 26: WordCamp UK 2009 presentation

3.1GO‐LIVE

๏ Enablewebsite• Privacy• Maintenancemode• RSSfeeds/Feedburner• GoogleAnalyUcs• XMLSitemap

๏ Back‐up!• wp‐contentfolder• Database

๏ Beginmarke-ng

Saturday, 18 July 2009

Page 27: WordCamp UK 2009 presentation

3.2FIRSTMONTHREVIEW

๏ XMLsitemaps

๏ Checkbackups

๏ Searchengineindexing

๏ GoogleAnaly-cs

๏ CheckclientusingWordPressfunc-onality

๏ Finalsnagcatching

Saturday, 18 July 2009

Page 28: WordCamp UK 2009 presentation

3.3FIRSTQUARTERREVIEW

๏ Searchengineindexing

๏ Checkcontent/formacng

๏ Developon‐goingcontentplan/schedule

๏ Telltheworld!

Saturday, 18 July 2009

Page 29: WordCamp UK 2009 presentation

3.4ONGOING

๏Marke-ng

๏ GoogleAnaly-cs

๏ Improvements

๏ UpdateWordPress

Saturday, 18 July 2009

Page 30: WordCamp UK 2009 presentation

JonnyaFreelanceCrea-vewww.jonnya.net

WORDPRESSCMSBASEDWEBSITEDEVELOPMENTFROMSTARTTOFINISH

Saturday, 18 July 2009

Page 31: WordCamp UK 2009 presentation

Saturday, 18 July 2009