WordCamp UK 2009 presentation

Preview:

DESCRIPTION

My presentation from WordCampUK 2009.

Citation preview

Saturday, 18 July 2009

JonnyaFreelanceCrea-vewww.jonnya.net

WORDPRESSCMSBASEDWEBSITEDEVELOPMENTFROMSTARTTOFINISH

Saturday, 18 July 2009

MYJOURNEYTOWORDPRESS

๏ Freelancegraphicdesigner• Over10yearsstudioexperience• Mixedmediabackground

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

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

Saturday, 18 July 2009

WHYWORDPRESSISIDEALFORWEBSITES...NOTJUSTBLOGS!

๏ Easeofcustomisa-on• Templatesystem• Pluginarchitecture

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

๏ Developmentcycle/security• Regularupdatecycle• Easytoupdate• Securityrecord

Saturday, 18 July 2009

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

PITFALLSOFWEBDEVELOPMENT

PROJECTS

Saturday, 18 July 2009

AVOIDPITFALLS

๏ Projectbudget

๏ Clientexpecta-ons

๏ Firmproposal

๏ Contentgenera-on

๏ Scopecreep

Saturday, 18 July 2009

THEWEBDEVELOPMENTPROCESSSTEP1PlanningandProposals

Saturday, 18 July 2009

1.1INITIALENQUIRY&RESEARCH

๏ Research• Clientsmarket• HosUngarrangements

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

Saturday, 18 July 2009

1.2PROPOSALDEVELOPMENT

๏ Proposaldevelopment• NavigaUon/structure• FuncUonalityoutline• Accessibilitylevel

๏ Proposalrefinementwithclient• Audience• Purpose• FuncUonality

๏ Responsibili-es

Saturday, 18 July 2009

CLIENTSIGN‐OFFOFPROPOSAL

Saturday, 18 July 2009

THEWEBDEVELOPMENTPROCESSSTEP2

Crea-veDesignanddevelopment

Saturday, 18 July 2009

2.1CREATIVEDESIGN

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

๏ Crea-vedesign• Photoshop/Illustrator• Homepageandcontentpage

๏ Func-onality• Plugins• Development

Saturday, 18 July 2009

CLIENTSIGN‐OFFOFCREATIVE

Saturday, 18 July 2009

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

CLIENTSIGN‐OFFOFTESTBEDSITE

Saturday, 18 July 2009

2.3CONVERTINGTHECREATIVEINTOAWORDPRESSTHEME

๏ TheTestbedenvironment

๏WordPressStructure• Specialcategories• Customtaxonomy

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

Saturday, 18 July 2009

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

www.jonnya.net

Saturday, 18 July 2009

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

RamadaBirminghamOldbury

Saturday, 18 July 2009

2.4FINALWORDPRESSBUILDPHASE

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

๏ Tes-ng

๏ Training

๏ Finalcontentintegra-on

Saturday, 18 July 2009

ESSENTIALPLUGINS

๏MaintenanceMode

๏ RoleManager

๏WP‐CMSPostControl

๏WP‐DBManagerplugin

๏ GoogleXMLSitemaps

๏ Cforms

๏ Akismet

Saturday, 18 July 2009

CLIENTSIGN‐OFFOFWORDPRESSPRIVATESITE

Saturday, 18 July 2009

THEWEBDEVELOPMENTPROCESSSTEP3

Go‐live

Saturday, 18 July 2009

3.1GO‐LIVE

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

๏ Back‐up!• wp‐contentfolder• Database

๏ Beginmarke-ng

Saturday, 18 July 2009

3.2FIRSTMONTHREVIEW

๏ XMLsitemaps

๏ Checkbackups

๏ Searchengineindexing

๏ GoogleAnaly-cs

๏ CheckclientusingWordPressfunc-onality

๏ Finalsnagcatching

Saturday, 18 July 2009

3.3FIRSTQUARTERREVIEW

๏ Searchengineindexing

๏ Checkcontent/formacng

๏ Developon‐goingcontentplan/schedule

๏ Telltheworld!

Saturday, 18 July 2009

3.4ONGOING

๏Marke-ng

๏ GoogleAnaly-cs

๏ Improvements

๏ UpdateWordPress

Saturday, 18 July 2009

JonnyaFreelanceCrea-vewww.jonnya.net

WORDPRESSCMSBASEDWEBSITEDEVELOPMENTFROMSTARTTOFINISH

Saturday, 18 July 2009

Saturday, 18 July 2009