UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon

4 likes•3,859 views

The document discusses UI design for themes and plugins, highlighting resources such as the core UI style guide and customization options for WordPress. It references contributions and community involvement in UI development through various platforms. The content suggests the importance of UI inspiration and collaboration within the WordPress ecosystem.

Technology Business

UI DESIGN
for themes & plugins

Sara Cannon Chelsea Otakan

UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon

wordpress.org/extend/plugins/
posts-to-posts

Thank You
Brought to you by Team GigglePress. (teehee)

More Related Content

What's hot (20)

PDF

Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay

PDF

Type in your WordPress Themes by Sara Cannon WordCamp NYCSara Cannon

PDF

Responsive Design Workflow: Mobilism 2012Stephen Hay

PDF

Wireframing basics may 2012Meaghan Barbin

PDF

Controlling Web TypographyTrent Walton

PPTX

Responsive Design WorkflowIntergen

PDF

RESS: An Evolution of Responsive Web DesignDave Olsen

DOCX

Ashoka-ProfileAshok Gowda

PDF

正解のないデザインについて、それでも正解について考えてみる - Think of the answer of Design - Kite Koga

PDF

MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions

PDF

Atomic Design Presentation for Polaris IndustriesAlfonso Moreno

PDF

Atomic Design - An Event Apart San DiegoBrad Frost

PDF

Building the Media Block in ReactJS Nicole Sullivan

PDF

Creating Style Guides with Modularity in MindNadya Rodionenko

PDF

Atomic Design - BDConf Nashville, 2013Brad Frost

PDF

The Server Side of Responsive Web DesignDave Olsen

PDF

Elpida_Stefanidi.compressedElpida Stefanidi

PPT

Responsive Design: Uitdagingen en OplossingenThemePartner

PDF

Where are (web) designers going with web fonts?Scott Boms

PDF

Voorhoede - Front-end architectureJasper Moelker

Style Guides Are The New Photoshop (Fronteers 2012)Stephen Hay

Type in your WordPress Themes by Sara Cannon WordCamp NYCSara Cannon

Responsive Design Workflow: Mobilism 2012Stephen Hay

Wireframing basics may 2012Meaghan Barbin

Controlling Web TypographyTrent Walton

Responsive Design WorkflowIntergen

RESS: An Evolution of Responsive Web DesignDave Olsen

Ashoka-ProfileAshok Gowda

正解のないデザインについて、それでも正解について考えてみる - Think of the answer of Design - Kite Koga

MIMA 2014 - Changing your Responsive Design Workfloweaselsolutions

Atomic Design Presentation for Polaris IndustriesAlfonso Moreno

Atomic Design - An Event Apart San DiegoBrad Frost

Building the Media Block in ReactJS Nicole Sullivan

Creating Style Guides with Modularity in MindNadya Rodionenko

Atomic Design - BDConf Nashville, 2013Brad Frost

The Server Side of Responsive Web DesignDave Olsen

Elpida_Stefanidi.compressedElpida Stefanidi

Responsive Design: Uitdagingen en OplossingenThemePartner

Where are (web) designers going with web fonts?Scott Boms

Voorhoede - Front-end architectureJasper Moelker

Viewers also liked (20)

PDF

Outside the WordPress BubbleJohn Eckman

PPT

Intro to WordPress Child Themesvegasgeek

KEY

Adventures in Non-Profit Web DesignMelodie Laylor

PDF

Maintaining Retainers as a WordPress DeveloperDevinVinson

PDF

WordCamp Milwaukee 2012: Learning from the WordPress sitesMichael McCallister

PDF

Make WordPress Fit: The Cinderella Shoe Approach to Custom ThemingIntrepidRealist

PDF

Breaking up (your code) is hard to doDan Beil

PDF

Design and Development Techniques for Accessibility: WordCamp Tampa 2015Robert Jolly

PDF

A Beginner's Guide to Popping the Bonnet and Getting Your Hands DirtyKenneth Scott Huntley

KEY

Stop Creating Data For Sake of Creating DataGeorge Ortiz

PDF

What's the plan for your master brand?Fly Solo Media Agency

PDF

WordCamp Seattle 2011 PresentationBobWP.com

PPTX

Caching 101 - WordCamp OCEugene Kovshilovsky

PDF

Word Press Starter Kit: Widget & PluginGGDBologna

PDF

L’uso di WordPress nella comunicazione corporate di Telecom Italia GGDBologna

PDF

The WordPress Project; It's all about YOU!Denise (Dee) Teal

PDF

WordCamp Milwaukee 2012 - Contributing to Open Sourcejclermont

KEY

Future of wordpress in NashvilleAh So Designs

PDF

WordPress APIsJoseph Scott

PDF

Testing Made EasyMicah Wood

Outside the WordPress BubbleJohn Eckman

Intro to WordPress Child Themesvegasgeek

Adventures in Non-Profit Web DesignMelodie Laylor

Maintaining Retainers as a WordPress DeveloperDevinVinson

WordCamp Milwaukee 2012: Learning from the WordPress sitesMichael McCallister

Make WordPress Fit: The Cinderella Shoe Approach to Custom ThemingIntrepidRealist

Breaking up (your code) is hard to doDan Beil

Design and Development Techniques for Accessibility: WordCamp Tampa 2015Robert Jolly

A Beginner's Guide to Popping the Bonnet and Getting Your Hands DirtyKenneth Scott Huntley

Stop Creating Data For Sake of Creating DataGeorge Ortiz

What's the plan for your master brand?Fly Solo Media Agency

WordCamp Seattle 2011 PresentationBobWP.com

Caching 101 - WordCamp OCEugene Kovshilovsky

Word Press Starter Kit: Widget & PluginGGDBologna

L’uso di WordPress nella comunicazione corporate di Telecom Italia GGDBologna

The WordPress Project; It's all about YOU!Denise (Dee) Teal

WordCamp Milwaukee 2012 - Contributing to Open Sourcejclermont

Future of wordpress in NashvilleAh So Designs

WordPress APIsJoseph Scott

Testing Made EasyMicah Wood

More from Sara Cannon (20)

PDF

Open Source CreativitySara Cannon

PDF

Design Strategy: How information Can Drive Your Designs Decisions To SuccessSara Cannon

PPTX

Sara cannon pushing the creative limitSara Cannon

PDF

Learning Through Stealing - How to Become Better At Your CraftSara Cannon

PDF

WordPress & User Experience - WordCamp St. LouisSara Cannon

PDF

Typography and User Experience - WCSFSara Cannon

PDF

Typography and User Experience in Web DesignSara Cannon

PDF

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Sara Cannon

PDF

SMART DESIGN - icon fonts, svg, and the mobile influenceSara Cannon

PDF

The Future of UI - How Mobile Design is Shaping The Web 2Sara Cannon

PDF

Designer vs Developer: BE THE UNICORNSara Cannon

PDF

Designer vs Developer: Creators in WordPressSara Cannon

PDF

Responsive DesignSara Cannon

PDF

Font Swoon - Advanced Web TypographySara Cannon

PDF

Typography on the WebSara Cannon

PDF

Beyond the System Font - Advanced Web TypographySara Cannon

PDF

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010Sara Cannon

ZIP

Wordpress and Your BrandSara Cannon

ZIP

Interactive Branding Web Type Tips.KeySara Cannon

PDF

Web Typography TipsSara Cannon

Open Source CreativitySara Cannon

Design Strategy: How information Can Drive Your Designs Decisions To SuccessSara Cannon

Sara cannon pushing the creative limitSara Cannon

Learning Through Stealing - How to Become Better At Your CraftSara Cannon

WordPress & User Experience - WordCamp St. LouisSara Cannon

Typography and User Experience - WCSFSara Cannon

Typography and User Experience in Web DesignSara Cannon

Smart Design - Content-first, Fast, Informed, Refined. WordCamp NYC 2014Sara Cannon

SMART DESIGN - icon fonts, svg, and the mobile influenceSara Cannon

The Future of UI - How Mobile Design is Shaping The Web 2Sara Cannon

Designer vs Developer: BE THE UNICORNSara Cannon

Designer vs Developer: Creators in WordPressSara Cannon

Responsive DesignSara Cannon

Font Swoon - Advanced Web TypographySara Cannon

Typography on the WebSara Cannon

Beyond the System Font - Advanced Web TypographySara Cannon

Customizing WordPress Themes / Child Themes - WordCamp Savannah 2010Sara Cannon

Wordpress and Your BrandSara Cannon

Interactive Branding Web Type Tips.KeySara Cannon

Web Typography TipsSara Cannon

Recently uploaded (20)

PDF

Generative AI vs Predictive AI-The Ultimate Comparison GuideLily Clark

PPTX

IT Runs Better with ThousandEyes AI-driven AssuranceThousandEyes

PPTX

What-is-the-World-Wide-Web -- Introductiontonifi9488

PDF

NewMind AI Weekly Chronicles – July’25, Week IIINewMind AI

PPTX

Introduction to Flutter by Ayush Desai.pptxayushdesai204

PPTX

Agile Chennai 18-19 July 2025 | Workshop - Enhancing Agile Collaboration with...AgileNetwork

PDF

Per Axbom: The spectacular lies of mapsNexer Digital

PDF

OFFOFFBOX™ – A New Era for African Film | Startup Presentationambaicciwalkerbrian

PDF

State-Dependent Conformal Perception Bounds for Neuro-Symbolic VerificationIvan Ruchkin

PDF

Tea4chat - another LLM Project by Kerem Atama0m0rajab1

PDF

TrustArc Webinar - Navigating Data Privacy in LATAM: Laws, Trends, and Compli...TrustArc

PDF

A Strategic Analysis of the MVNO Wave in Emerging Markets.pdfIPLOOK Networks

PDF

Peak of Data & AI Encore - Real-Time Insights & Scalable Editing with ArcGISSafe Software

PPTX

AI and Robotics for Human Well-being.pptxJAYMIN SUTHAR

PDF

Data_Analytics_vs_Data_Science_vs_BI_by_CA_Suvidha_Chaplot.pdfCA Suvidha Chaplot

PDF

Structs to JSON: How Go Powers REST APIsEmily Achieng

PPTX

Farrell_Programming Logic and Design slides_10e_ch02_PowerPoint.pptxbashnahara11

PDF

Trying to figure out MCP by actually building an app from scratch with open s...Julien SIMON

PDF

AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...Sandesh Rao

PDF

How ETL Control Logic Keeps Your Pipelines Safe and Reliable.pdfStryv Solutions Pvt. Ltd.

Generative AI vs Predictive AI-The Ultimate Comparison GuideLily Clark

IT Runs Better with ThousandEyes AI-driven AssuranceThousandEyes

What-is-the-World-Wide-Web -- Introductiontonifi9488

NewMind AI Weekly Chronicles – July’25, Week IIINewMind AI

Introduction to Flutter by Ayush Desai.pptxayushdesai204

Agile Chennai 18-19 July 2025 | Workshop - Enhancing Agile Collaboration with...AgileNetwork

Per Axbom: The spectacular lies of mapsNexer Digital

OFFOFFBOX™ – A New Era for African Film | Startup Presentationambaicciwalkerbrian

State-Dependent Conformal Perception Bounds for Neuro-Symbolic VerificationIvan Ruchkin

Tea4chat - another LLM Project by Kerem Atama0m0rajab1

TrustArc Webinar - Navigating Data Privacy in LATAM: Laws, Trends, and Compli...TrustArc

A Strategic Analysis of the MVNO Wave in Emerging Markets.pdfIPLOOK Networks

Peak of Data & AI Encore - Real-Time Insights & Scalable Editing with ArcGISSafe Software

AI and Robotics for Human Well-being.pptxJAYMIN SUTHAR

Data_Analytics_vs_Data_Science_vs_BI_by_CA_Suvidha_Chaplot.pdfCA Suvidha Chaplot

Structs to JSON: How Go Powers REST APIsEmily Achieng

Farrell_Programming Logic and Design slides_10e_ch02_PowerPoint.pptxbashnahara11

Trying to figure out MCP by actually building an app from scratch with open s...Julien SIMON

AI Unleashed - Shaping the Future -Starting Today - AIOUG Yatra 2025 - For Co...Sandesh Rao

How ETL Control Logic Keeps Your Pipelines Safe and Reliable.pdfStryv Solutions Pvt. Ltd.

UI Design for Themes and Plugins by Chelsea Otakan & Sara Cannon

1. UI DESIGN for themes & plugins Sara Cannon Chelsea Otakan

2. Core UI

4. dotorgstyleguide.wordpress.com

6. Themes

7. Custom Implementation

8. wordpress.org/extend/plugins/ posts-to-posts

10. UI Inspiration

11. wordpress.org/extend/plugins/ ui-lab

13. Giving Back

14. Contributing

15. make.wordpress.org/ui

17. irc.freenode.net #wordpress-ui

18. core.trac.wordpress.org/ report/35

20. Plugin-Review

21. Thank You Brought to you by Team GigglePress. (teehee)