SlideShare une entreprise Scribd logo
1  sur  113
Télécharger pour lire hors ligne
How to do cool stuff with
   WordPress and make
   yourself more sexually
attractive, and smarter, and
richer, and generally much
    better at life. Kind of.

        by John O’Nolan
John O’Nolan
twitter.com/johnonolan




                Who?
John O’Nolan
twitter.com/johnonolan




Cure world hunger   (approved by Jesus)
John O’Nolan
twitter.com/johnonolan




        I’m a Designer
John O’Nolan
    twitter.com/johnonolan




           I’m a Designer
Who likes to take Photos
John O’Nolan
   twitter.com/johnonolan




         I’m a Designer
Who likes to take Photos
& build Stuff on the web
John O’Nolan
     twitter.com/johnonolan




         I’m a Designer
Who likes to take Photos
 & build Stuff on the web




People tell me I swear
at inappropriate moments
John O’Nolan
twitter.com/johnonolan




   I work for            WordPress
                         UI Team Deputy
John O’Nolan
    twitter.com/johnonolan




       I work for            WordPress
                             UI Team Deputy




I built a travel
       blog for                 over at
John O’Nolan
    twitter.com/johnonolan




       I work for            WordPress
                             UI Team Deputy




I built a travel
       blog for                 over at




   I built a travel
 app for the new
                                        aircraft
John O’Nolan
twitter.com/johnonolan




     and some other stuff
Behind The Scenes
WordPress Users

                                           Matt Mullenweg
                                      Co-founder & Project Lead
   Ryan Boren              Mark Jaquith        Peter Westwood       Andrew Ozz                 Jane Wells
 Lead Developer           Lead Developer       Lead Developer      Lead Developer       UX/UI and Community Lead


Andrew Nacin    Dion Hulse     Specific Area      Joseph Scott        Mark Riley               Matt Thomas
Core Commit    Core Commit     Core Commit     Theme Repo Lead    Plugin Repo Lead             Style Lead

      Contributing Core Developers                                                      John O’Nolan    Ben Dunkle
      with Temporary Commit Status                                                        UI Deputy    Icon Designer


  Trusted Contributing Core Developers          Theme Reviewers                            UI Group Contributors


                                                                                          Forum           Codex
    Active Contributing Core Developers          Theme Authors         Plugin Authors   Moderators        Editors


                                                                                           Forum
    Casual Contributing Core Developers                      Testers                                    Docs Team
                                                                                         Volunteers


                 WordPress Users (including consultants/private developers)
WORDPRESS.ORG STAKEHOLDERS
                                              WordPress Users

                                           Matt Mullenweg
                                      Co-founder & Project Lead
   Ryan Boren              Mark Jaquith        Peter Westwood       Andrew Ozz                 Jane Wells
 Lead Developer           Lead Developer       Lead Developer      Lead Developer       UX/UI and Community Lead


Andrew Nacin    Dion Hulse     Specific Area      Joseph Scott        Mark Riley               Matt Thomas
Core Commit    Core Commit     Core Commit     Theme Repo Lead    Plugin Repo Lead             Style Lead

      Contributing Core Developers                                                      John O’Nolan    Ben Dunkle
      with Temporary Commit Status                                                        UI Deputy    Icon Designer


  Trusted Contributing Core Developers          Theme Reviewers                            UI Group Contributors


                                                                                          Forum           Codex
    Active Contributing Core Developers          Theme Authors         Plugin Authors   Moderators        Editors


                                                                                           Forum
    Casual Contributing Core Developers                      Testers                                    Docs Team
                                                                                         Volunteers


                 WordPress Users (including consultants/private developers)
THE CIRCLE OF TRUST
                                      Donncha
                                                                                      Andrew Nacin
                                      O’Caoimh




                    Andy Skelton                                                                     Dion Hulse




     Joseph Scott                                                                                                 Silviu Burca
      XML-RPC                                                                                                       (Scribu)


                                                            Matt Mullenweg


                                             Ryan Boren                                                                Samuel Wood
Mike Adams                                                                     Jane Wells
                                                                                                                         (Otto42)




   Matt Thomas                                                                                                 Daryl
     UI/2010                                                                                                Koopersmith
                                             Mark Jaquith                    Peter Westwood


                                                             Andrew Ozz

               Nikolay Bachiyski                                                                     Jon Cave
                     i18n                                                                             (duck_)




                                       Alex M                                         John O’Nolan
                                   (Viper007Bond)                                       (UI Group)
WordPress Users

                                           Matt Mullenweg
                                      Co-founder & Project Lead
   Ryan Boren              Mark Jaquith        Peter Westwood       Andrew Ozz                 Jane Wells
 Lead Developer           Lead Developer       Lead Developer      Lead Developer       UX/UI and Community Lead


Andrew Nacin    Dion Hulse     Specific Area      Joseph Scott        Mark Riley               Matt Thomas
Core Commit    Core Commit     Core Commit     Theme Repo Lead    Plugin Repo Lead             Style Lead

      Contributing Core Developers                                                      John O’Nolan    Ben Dunkle
      with Temporary Commit Status                                                        UI Deputy    Icon Designer


  Trusted Contributing Core Developers          Theme Reviewers                            UI Group Contributors


                                                                                          Forum           Codex
    Active Contributing Core Developers          Theme Authors         Plugin Authors   Moderators        Editors


                                                                                           Forum
    Casual Contributing Core Developers                      Testers                                    Docs Team
                                                                                         Volunteers


                 WordPress Users (including consultants/private developers)
WORDPRESS.ORG STAKEHOLDERS
                                              WordPress Users

                                           Matt Mullenweg
                                      Co-founder & Project Lead
   Ryan Boren              Mark Jaquith        Peter Westwood       Andrew Ozz                 Jane Wells
 Lead Developer           Lead Developer       Lead Developer      Lead Developer       UX/UI and Community Lead


Andrew Nacin    Dion Hulse     Specific Area      Joseph Scott        Mark Riley               Matt Thomas
Core Commit    Core Commit     Core Commit     Theme Repo Lead    Plugin Repo Lead             Style Lead

      Contributing Core Developers                                                      John O’Nolan    Ben Dunkle
      with Temporary Commit Status                                                        UI Deputy    Icon Designer


  Trusted Contributing Core Developers          Theme Reviewers                            UI Group Contributors


                                                                                          Forum           Codex
    Active Contributing Core Developers          Theme Authors         Plugin Authors   Moderators        Editors


                                                                                           Forum
    Casual Contributing Core Developers                      Testers                                    Docs Team
                                                                                         Volunteers


                 WordPress Users (including consultants/private developers)
Let’s Go Back In Time
WordPress 0.71
WordPress 1.5
WordPress 2.3
WordPress 2.5
WordPress 2.7
WordPress 3.0
We’ve come a long way.
Who Are We Designing For?
100,000,000 Views Per Day
100,000,000 Views Per Day
     Just on WordPress.com
3,000,000,000 Views Per Month
A Report Last Year Suggested That

WordPress Powers
  8.5% of The Internet
Over 26,000,000 Sites
BUT
Microsoft migrated an estimated
30,000,000 additional sites
        to WordPress.com
Total: 56,000,000 Sites*
*



    How Many Sites Microsoft Said They Migrated
    How Many They Really Migrated
Total: 30,000,000 Sites
                      (ish)
It’s like selling out every seat at every match at
          every stadium at the World Cup
10 Times
The Best Part?
They Speak Over
60 Different Languages
Who Are We Designing For?
Lots of people.
How Do We Do it?
Users   Matt   Dev Lead   UI Lead
Users                    Matt   Dev Lead   UI Lead




Style Lead   Icon Design                           UI Deputy
Users                               Matt   Dev Lead       UI Lead




Style Lead           Icon Design                                  UI Deputy




                                                              UI Group
                                   UI Lead                        (design)
             Style Lead                         UI Deputy
Users                                   Matt       Dev Lead          UI Lead




     Style Lead           Icon Design                                             UI Deputy




                                                                              UI Group
                                         UI Lead                                  (design)
                  Style Lead                                    UI Deputy




Implement it!      YES!                 REVIEW            NO!                    #blamenacin
                                        (does it work?)
Users                                    Matt                  Dev Lead           UI Lead




     Style Lead            Icon Design                                                         UI Deputy




                                                                                           UI Group
                                          UI Lead                                              (design)
                   Style Lead                                               UI Deputy




Implement it!       YES!                 REVIEW                       NO!                     #blamenacin
                                         (does it work?)




 UI Group                         UI Deputy                Core Dev            Beta
    (markup+css)                                                               Release
Users                                    Matt                  Dev Lead           UI Lead


Some code
  stuff
 happens
  here


                 Style Lead            Icon Design                                                         UI Deputy




 Star
 Trek?                                                                                                 UI Group
                                                      UI Lead                                              (design)
                               Style Lead                                               UI Deputy




            Implement it!       YES!                 REVIEW                       NO!                     #blamenacin
                                                     (does it work?)




             UI Group                         UI Deputy                Core Dev            Beta
                (markup+css)                                                               Release
Users                                    Matt                  Dev Lead           UI Lead


Some code
  stuff
 happens
  here


                 Style Lead            Icon Design                                                         UI Deputy




 Star
 Trek?                                                                                                 UI Group
                                                      UI Lead                                              (design)
                               Style Lead                                               UI Deputy




            Implement it!       YES!                 REVIEW                       NO!                     #blamenacin
                                                     (does it work?)

                                                                                                         USER TESTING
                                                                                                          (does it work?)   NO!


             UI Group                         UI Deputy                Core Dev            Beta                YES!
                (markup+css)                                                               Release
                                                                                                        Final Release
Don’t Forget
&
Everything has
 to be flexible
It’s challenging
John. You’re
supposed to be
  giving them
 tips and stuff.
WordPress
 not Wordpress
Some Basics
   (general shit)
Must Have Plugins
Don’t leave home without them. Ever!



- Akismet (Automattic)
- After The Deadline (Raphael Mudge)
- WordPress Database Backup (Austin Matzko)
- Comment Reply Notification (Denishua)
- Google Analytics for WordPress (Joost)
- WordPress SEO (Joost)
Some Intermediate Stuff
       (design & pretty colours)
“   A designer knows he has achieved perfection
    not when there is nothing left to add, but when
    there is nothing left to take away.
— Antoine De Saint-Exupery
“ Everyother designers’ work. secretseethat they
  copy
        designer’s dirty little
                                They
                                     is
                                        work
   they like and they imitate it. Rather cheekily,
   they call this inspiration.
— Aaron Russell
Some Advanced Stuff
    (performance and optimisation)
Performance
Why should you care?
Performance
Why should you care?



For every 100ms delay in page load, Amazon
measured a 1% drop in sales.
Performance
Why should you care?



For every 100ms delay in page load, Amazon
measured a 1% drop in sales.

1% of $4.3billion a month = $43million
Performance
Why should you care?



For every 100ms delay in page load, Amazon
measured a 1% drop in sales.

1% of $4.3billion a month = $43million


For every 500ms delay in page load, Google
measured a 20% drop in traffic.
Install W3 Total Cache
Get rid of as many big images,
  social widgets, and fancy
   animations as possible.
Measure your speed with
the YSlow plugin for Firefox
My Name is John O’Nolan
               twitter.com/JohnONolan                           My Book, Coming Soon:




JOHN
               facebook.com/JohnONolan
               flickr.com/photos/JohnONolan                     DESIGNING
LICENSING:                                                      EMOTION
This talk is released under the Creative Commons 3.0 license.
All slides and content will be available on john.onolan.org     BY JOHN O’NOLAN
PHOTO CREDITS:
                                                                AND ADII PIENAAR
Myself, Qfamily, petesimon, gesika22, dailyinvention, James
Cridland, xlibber, Ian Lamont, cheezburger.com
                                                                AUTUMN 2011
                                                                http://amzn.to/DesigningEmotion

Contenu connexe

En vedette

Preliminary considerations final
Preliminary considerations finalPreliminary considerations final
Preliminary considerations finalmctjournal
 
Personal Branding - WDC2010
Personal Branding - WDC2010Personal Branding - WDC2010
Personal Branding - WDC2010John O'Nolan
 
Preliminary considerations edited
Preliminary considerations editedPreliminary considerations edited
Preliminary considerations editedmctjournal
 
Direct indirect number 3
Direct indirect number 3Direct indirect number 3
Direct indirect number 3mctjournal
 
Text 2 Donate
Text 2 DonateText 2 Donate
Text 2 Donatecrm429
 
Understanding identity final
Understanding identity finalUnderstanding identity final
Understanding identity finalmctjournal
 
Made for Love, Not for Profit
Made for Love, Not for ProfitMade for Love, Not for Profit
Made for Love, Not for ProfitJohn O'Nolan
 
MCT Preliminary considerations edited
MCT Preliminary considerations editedMCT Preliminary considerations edited
MCT Preliminary considerations editedmctjournal
 
Antiepileptics
AntiepilepticsAntiepileptics
AntiepilepticsAmit Kumar
 
Basic grammar of ghazal 1 (tamil)
Basic grammar of ghazal   1 (tamil)Basic grammar of ghazal   1 (tamil)
Basic grammar of ghazal 1 (tamil)Abul Azad
 
Eletrocardiograma - Revisão e implicações de Enfermagem
Eletrocardiograma - Revisão e implicações de EnfermagemEletrocardiograma - Revisão e implicações de Enfermagem
Eletrocardiograma - Revisão e implicações de EnfermagemJosé Augusto Casagrande
 
Modern Customer Service
Modern Customer ServiceModern Customer Service
Modern Customer ServiceJohn O'Nolan
 

En vedette (14)

Focus
FocusFocus
Focus
 
Preliminary considerations final
Preliminary considerations finalPreliminary considerations final
Preliminary considerations final
 
Personal Branding - WDC2010
Personal Branding - WDC2010Personal Branding - WDC2010
Personal Branding - WDC2010
 
Preliminary considerations edited
Preliminary considerations editedPreliminary considerations edited
Preliminary considerations edited
 
Direct indirect number 3
Direct indirect number 3Direct indirect number 3
Direct indirect number 3
 
Text 2 Donate
Text 2 DonateText 2 Donate
Text 2 Donate
 
Understanding identity final
Understanding identity finalUnderstanding identity final
Understanding identity final
 
Made for Love, Not for Profit
Made for Love, Not for ProfitMade for Love, Not for Profit
Made for Love, Not for Profit
 
MCT Preliminary considerations edited
MCT Preliminary considerations editedMCT Preliminary considerations edited
MCT Preliminary considerations edited
 
Seamless Commerce Vision
Seamless Commerce VisionSeamless Commerce Vision
Seamless Commerce Vision
 
Antiepileptics
AntiepilepticsAntiepileptics
Antiepileptics
 
Basic grammar of ghazal 1 (tamil)
Basic grammar of ghazal   1 (tamil)Basic grammar of ghazal   1 (tamil)
Basic grammar of ghazal 1 (tamil)
 
Eletrocardiograma - Revisão e implicações de Enfermagem
Eletrocardiograma - Revisão e implicações de EnfermagemEletrocardiograma - Revisão e implicações de Enfermagem
Eletrocardiograma - Revisão e implicações de Enfermagem
 
Modern Customer Service
Modern Customer ServiceModern Customer Service
Modern Customer Service
 

Dernier

Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreternaman860154
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024The Digital Insurer
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerThousandEyes
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsEnterprise Knowledge
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slidevu2urc
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonAnna Loughnan Colquhoun
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking MenDelhi Call girls
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)Gabriella Davis
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘RTylerCroy
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessPixlogix Infotech
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUK Journal
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024The Digital Insurer
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processorsdebabhi2
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEarley Information Science
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdfhans926745
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CVKhem
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...Neo4j
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)wesley chun
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking MenDelhi Call girls
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slidespraypatel2
 

Dernier (20)

Presentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreterPresentation on how to chat with PDF using ChatGPT code interpreter
Presentation on how to chat with PDF using ChatGPT code interpreter
 
Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024Axa Assurance Maroc - Insurer Innovation Award 2024
Axa Assurance Maroc - Insurer Innovation Award 2024
 
How to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected WorkerHow to Troubleshoot Apps for the Modern Connected Worker
How to Troubleshoot Apps for the Modern Connected Worker
 
IAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI SolutionsIAC 2024 - IA Fast Track to Search Focused AI Solutions
IAC 2024 - IA Fast Track to Search Focused AI Solutions
 
Histor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slideHistor y of HAM Radio presentation slide
Histor y of HAM Radio presentation slide
 
Data Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt RobisonData Cloud, More than a CDP by Matt Robison
Data Cloud, More than a CDP by Matt Robison
 
08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men08448380779 Call Girls In Friends Colony Women Seeking Men
08448380779 Call Girls In Friends Colony Women Seeking Men
 
A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)A Domino Admins Adventures (Engage 2024)
A Domino Admins Adventures (Engage 2024)
 
🐬 The future of MySQL is Postgres 🐘
🐬  The future of MySQL is Postgres   🐘🐬  The future of MySQL is Postgres   🐘
🐬 The future of MySQL is Postgres 🐘
 
Advantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your BusinessAdvantages of Hiring UIUX Design Service Providers for Your Business
Advantages of Hiring UIUX Design Service Providers for Your Business
 
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdfUnderstanding Discord NSFW Servers A Guide for Responsible Users.pdf
Understanding Discord NSFW Servers A Guide for Responsible Users.pdf
 
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
Bajaj Allianz Life Insurance Company - Insurer Innovation Award 2024
 
Exploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone ProcessorsExploring the Future Potential of AI-Enabled Smartphone Processors
Exploring the Future Potential of AI-Enabled Smartphone Processors
 
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptxEIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
EIS-Webinar-Prompt-Knowledge-Eng-2024-04-08.pptx
 
[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf[2024]Digital Global Overview Report 2024 Meltwater.pdf
[2024]Digital Global Overview Report 2024 Meltwater.pdf
 
Real Time Object Detection Using Open CV
Real Time Object Detection Using Open CVReal Time Object Detection Using Open CV
Real Time Object Detection Using Open CV
 
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...Workshop - Best of Both Worlds_ Combine  KG and Vector search for  enhanced R...
Workshop - Best of Both Worlds_ Combine KG and Vector search for enhanced R...
 
Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)Powerful Google developer tools for immediate impact! (2023-24 C)
Powerful Google developer tools for immediate impact! (2023-24 C)
 
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
08448380779 Call Girls In Diplomatic Enclave Women Seeking Men
 
Slack Application Development 101 Slides
Slack Application Development 101 SlidesSlack Application Development 101 Slides
Slack Application Development 101 Slides
 

How to be cool, sexy, rich and smart with WordPress

  • 1. How to do cool stuff with WordPress and make yourself more sexually attractive, and smarter, and richer, and generally much better at life. Kind of. by John O’Nolan
  • 5. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take Photos
  • 6. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take Photos & build Stuff on the web
  • 7. John O’Nolan twitter.com/johnonolan I’m a Designer Who likes to take Photos & build Stuff on the web People tell me I swear at inappropriate moments
  • 8. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team Deputy
  • 9. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team Deputy I built a travel blog for over at
  • 10. John O’Nolan twitter.com/johnonolan I work for WordPress UI Team Deputy I built a travel blog for over at I built a travel app for the new aircraft
  • 12.
  • 13.
  • 14.
  • 16. WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community Lead Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas Core Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)
  • 17. WORDPRESS.ORG STAKEHOLDERS WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community Lead Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas Core Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)
  • 18. THE CIRCLE OF TRUST Donncha Andrew Nacin O’Caoimh Andy Skelton Dion Hulse Joseph Scott Silviu Burca XML-RPC (Scribu) Matt Mullenweg Ryan Boren Samuel Wood Mike Adams Jane Wells (Otto42) Matt Thomas Daryl UI/2010 Koopersmith Mark Jaquith Peter Westwood Andrew Ozz Nikolay Bachiyski Jon Cave i18n (duck_) Alex M John O’Nolan (Viper007Bond) (UI Group)
  • 19. WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community Lead Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas Core Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)
  • 20. WORDPRESS.ORG STAKEHOLDERS WordPress Users Matt Mullenweg Co-founder & Project Lead Ryan Boren Mark Jaquith Peter Westwood Andrew Ozz Jane Wells Lead Developer Lead Developer Lead Developer Lead Developer UX/UI and Community Lead Andrew Nacin Dion Hulse Specific Area Joseph Scott Mark Riley Matt Thomas Core Commit Core Commit Core Commit Theme Repo Lead Plugin Repo Lead Style Lead Contributing Core Developers John O’Nolan Ben Dunkle with Temporary Commit Status UI Deputy Icon Designer Trusted Contributing Core Developers Theme Reviewers UI Group Contributors Forum Codex Active Contributing Core Developers Theme Authors Plugin Authors Moderators Editors Forum Casual Contributing Core Developers Testers Docs Team Volunteers WordPress Users (including consultants/private developers)
  • 21. Let’s Go Back In Time
  • 23.
  • 24.
  • 25.
  • 27.
  • 28.
  • 29.
  • 31.
  • 32.
  • 33.
  • 35.
  • 36.
  • 37.
  • 39.
  • 40.
  • 41.
  • 43.
  • 44.
  • 45.
  • 46. We’ve come a long way.
  • 47. Who Are We Designing For?
  • 49. 100,000,000 Views Per Day Just on WordPress.com
  • 51. A Report Last Year Suggested That WordPress Powers 8.5% of The Internet
  • 53. BUT
  • 54. Microsoft migrated an estimated 30,000,000 additional sites to WordPress.com
  • 56. * How Many Sites Microsoft Said They Migrated How Many They Really Migrated
  • 58. It’s like selling out every seat at every match at every stadium at the World Cup
  • 61. They Speak Over 60 Different Languages
  • 62. Who Are We Designing For?
  • 64. How Do We Do it?
  • 65. Users Matt Dev Lead UI Lead
  • 66. Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy
  • 67. Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI Deputy
  • 68. Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?)
  • 69. Users Matt Dev Lead UI Lead Style Lead Icon Design UI Deputy UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?) UI Group UI Deputy Core Dev Beta (markup+css) Release
  • 70. Users Matt Dev Lead UI Lead Some code stuff happens here Style Lead Icon Design UI Deputy Star Trek? UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?) UI Group UI Deputy Core Dev Beta (markup+css) Release
  • 71. Users Matt Dev Lead UI Lead Some code stuff happens here Style Lead Icon Design UI Deputy Star Trek? UI Group UI Lead (design) Style Lead UI Deputy Implement it! YES! REVIEW NO! #blamenacin (does it work?) USER TESTING (does it work?) NO! UI Group UI Deputy Core Dev Beta YES! (markup+css) Release Final Release
  • 72.
  • 73.
  • 74.
  • 75.
  • 76.
  • 78.
  • 79. &
  • 80.
  • 81. Everything has to be flexible
  • 83. John. You’re supposed to be giving them tips and stuff.
  • 84.
  • 86. Some Basics (general shit)
  • 87.
  • 88.
  • 89.
  • 90.
  • 91.
  • 92. Must Have Plugins Don’t leave home without them. Ever! - Akismet (Automattic) - After The Deadline (Raphael Mudge) - WordPress Database Backup (Austin Matzko) - Comment Reply Notification (Denishua) - Google Analytics for WordPress (Joost) - WordPress SEO (Joost)
  • 93. Some Intermediate Stuff (design & pretty colours)
  • 94. A designer knows he has achieved perfection not when there is nothing left to add, but when there is nothing left to take away. — Antoine De Saint-Exupery
  • 95.
  • 96.
  • 97. “ Everyother designers’ work. secretseethat they copy designer’s dirty little They is work they like and they imitate it. Rather cheekily, they call this inspiration. — Aaron Russell
  • 98.
  • 99.
  • 100.
  • 101.
  • 102.
  • 103. Some Advanced Stuff (performance and optimisation)
  • 105. Performance Why should you care? For every 100ms delay in page load, Amazon measured a 1% drop in sales.
  • 106. Performance Why should you care? For every 100ms delay in page load, Amazon measured a 1% drop in sales. 1% of $4.3billion a month = $43million
  • 107. Performance Why should you care? For every 100ms delay in page load, Amazon measured a 1% drop in sales. 1% of $4.3billion a month = $43million For every 500ms delay in page load, Google measured a 20% drop in traffic.
  • 109.
  • 110. Get rid of as many big images, social widgets, and fancy animations as possible.
  • 111. Measure your speed with the YSlow plugin for Firefox
  • 112.
  • 113. My Name is John O’Nolan twitter.com/JohnONolan My Book, Coming Soon: JOHN facebook.com/JohnONolan flickr.com/photos/JohnONolan DESIGNING LICENSING: EMOTION This talk is released under the Creative Commons 3.0 license. All slides and content will be available on john.onolan.org BY JOHN O’NOLAN PHOTO CREDITS: AND ADII PIENAAR Myself, Qfamily, petesimon, gesika22, dailyinvention, James Cridland, xlibber, Ian Lamont, cheezburger.com AUTUMN 2011 http://amzn.to/DesigningEmotion