Wordpress Cms Website Development

Loading...

Flash Player 9 (or above) is needed to view presentations.
We have detected that you do not have it on your computer. To install it, go here.

0 comments

Post a comment

    Post a comment
    Embed Video
    Edit your comment Cancel

    6 Favorites

    Wordpress Cms Website Development - Presentation Transcript

    1. WORDPRESS
CMS
 BASED
WEBSITE
 DEVELOPMENT FROM
START
TO
FINISH Jonnya
Freelance
Crea-ve www.jonnya.net
    2. MY
JOURNEY
TO
WORDPRESS ๏ Freelance
graphic
designer • Over
10
years
studio
experience • Mixed
media
background ๏ Began
researching
CMS • Development
pla<orm
for
the
future • Post‐Nuke,
Joomla,
Drupal
 ๏ 2005
Launched
photoshopninja.com
blog • First
exposure
to
WordPress
at
v1.4 • WordPress
1.5
‐
pages
introduced
    3. WHY
WORDPRESS
IS
IDEAL
FOR
 WEBSITES...
NOT
JUST
BLOGS! ๏ Ease
of
customisa-on • Template
system • Plugin
architecture ๏ Content
management
facili-es • Taxonomy
(improved
in
v2.8) • User
management • Admin
area ๏ Development
cycle/security • Regular
update
cycle • Easy
to
update • Security
record
    4. Search WordPress.org Go ome About Extend Docs Blog Forums Hosting Download 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.
    5. PITFALLS
OF WEB
DEVELOPMENT PROJECTS
    6. AVOID
PITFALLS ๏ Project
budget ๏ Client
expecta-ons ๏ Firm
proposal ๏ Content
genera-on ๏ Scope
creep
    7. THE
WEB
DEVELOPMENT PROCESS
STEP
1 Planning
and
Proposals
    8. 1.1
INITIAL
ENQUIRY
&
RESEARCH ๏ Research • Clients
market • HosUng
arrangements ๏ Consulta-on • Audience • Purpose • Tastes • FuncUonality
    9. 1.2
PROPOSAL
DEVELOPMENT ๏ Proposal
development • NavigaUon/structure • FuncUonality
outline • Accessibility
level ๏ Proposal
refinement
with
client • Audience • Purpose • FuncUonality ๏ Responsibili-es
    10. CLIENT
SIGN‐OFF OF
PROPOSAL
    11. THE
WEB
DEVELOPMENT PROCESS
STEP
2 Crea-ve
Design
and
development
    12. 2.1
CREATIVE
DESIGN ๏ Ra-onalise
naviga-on • Top
level • Secondary
level • Focus
areas • Posts/pages/tags ๏ Crea-ve
design • Photoshop/Illustrator • Homepage
and
content
page ๏ Func-onality • Plugins • Development
    13. CLIENT
SIGN‐OFF OF
CREATIVE
    14. 2.2
XHTML/CSS
CODING ๏ Build
XHTML/CSS • Blueprint
CSS • CSS
Edit/Style
Master ๏ Tes-ng,
tes-ng
and
more
tes-ng! • Mac
web
development • Online
resources • IE
Tester • Firefox
add‐ons ๏ Func-onality • Plugins • Development
    15. CLIENT
SIGN‐OFF OF
TESTBED
SITE
    16. 2.3
CONVERTING
THE
CREATIVE INTO
A
WORDPRESS
THEME ๏ The
Testbed
environment ๏ WordPress
Structure • Special
categories • Custom
taxonomy ๏ Build
WordPress
theme • Template
tags • Plugin
integraUon • include(TEMPLATEPATH . '/myfile.php'); • query_posts() • WP_Query()
    17. CODE
EXAMPLE
FOR
MINI
LOOP <?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; ?>
    18. www.jonnya.net
    19. GETTING
YOUR
TEMPLATES UNDER
CONTROL ๏ h^p://codex.wordpress.org/Template_Hierarchy • Understand
the
‘cascade’
‐
eg
category
display 1. category‐x.php 2. category.php 3. archive.php 4. index.php ๏ Page
templates ๏ Condi-onal
loca-on
tests ๏ Special
categories
    20. Ramada
Birmingham
Oldbury
    21. 2.4
FINAL
WORDPRESS
BUILD
PHASE ๏ Plugins • Write
custom
plugins • Don’t
re‐invent
the
wheel! • Integrate
into
theme • CSS
modificaUons ๏ Tes-ng ๏ Training ๏ Final
content
integra-on
    22. ESSENTIAL
PLUGINS ๏ Maintenance
Mode ๏ Role
Manager ๏ WP‐CMS
Post
Control ๏ WP‐DBManager
plugin ๏ Google
XML
Sitemaps ๏ Cforms
 ๏ Akismet
    23. CLIENT
SIGN‐OFF
OF
 WORDPRESS
PRIVATE
SITE
    24. THE
WEB
DEVELOPMENT PROCESS
STEP
3 Go‐live
    25. 3.1
GO‐LIVE ๏ Enable
website • Privacy • Maintenance
mode • RSS
feeds/Feedburner • Google
AnalyUcs • XML
Sitemap ๏ Back‐up! • wp‐content
folder • Database ๏ Begin
marke-ng
    26. 3.2
FIRST
MONTH
REVIEW ๏ XML
sitemaps ๏ Check
backups ๏ Search
engine
indexing ๏ Google
Analy-cs ๏ Check
client
using
WordPress
func-onality ๏ Final
snag
catching
    27. 3.3
FIRST
QUARTER
REVIEW ๏ Search
engine
indexing ๏ Check
content/formacng ๏ Develop
on‐going
content
plan/schedule ๏ Tell
the
world!
    28. 3.4
ONGOING ๏ Marke-ng ๏ Google
Analy-cs ๏ Improvements ๏ Update
WordPress
    29. WORDPRESS
CMS
 BASED
WEBSITE
 DEVELOPMENT FROM
START
TO
FINISH Jonnya
Freelance
Crea-ve www.jonnya.net

    + UK WordPress communityUK WordPress community, 4 months ago

    custom

    782 views, 6 favs, 2 embeds more stats

    Presentation by Jonny Allbut on WordPress website d more

    More info about this document

    © All Rights Reserved

    Go to text version

    • Total Views 782
      • 729 on SlideShare
      • 53 from embeds
    • Comments 0
    • Favorites 6
    • Downloads 0
    Most viewed embeds
    • 51 views on http://jonnya.net
    • 2 views on http://www.jonnya.net

    more

    All embeds
    • 51 views on http://jonnya.net
    • 2 views on http://www.jonnya.net

    less

    Flagged as inappropriate Flag as inappropriate
    Flag as inappropriate

    Select your reason for flagging this presentation as inappropriate. If needed, use the feedback form to let us know more details.

    Cancel
    File a copyright complaint
    Having problems? Go to our helpdesk?

    Categories