Recommended
Recommended
More Related Content
What's hot
What's hot (20)
Viewers also liked
Viewers also liked (7)
Similar to WordPress: A Designer's CMS
Similar to WordPress: A Designer's CMS (20)
WordPress: A Designer's CMS
- 1. FOLLOW ALON G C HEXE E.N ET/WC PDX ( I A M ACT U A L LY I N T H E P I CTU RE )
- 4. ? WHAT DO WE NEED?
- 5. The goal of any information design is to communicate a specific message to the end user in a way that is clear, accessible, and easy to understand. THE INFORMATION DESIGN HANDBOOK, JENN + KEN VISOCKY O’GRADY
- 6. Aa
- 8. WIDGETS • Drag & Drop interface • Flexible content ordering • Individually designed content area • Preserves design integrity • Not specifically for sidebars
- 11. JQUERY MASONRY by David Desandro http://desandro.com/resources/jquery-masonry
- 12. JQUERY MASONRY Usage ('#container').masonry({ singleMode: true }); ('#container').masonry({ columnWidth: 200 }); CODE VIA HTTP://WWW.WPLOVER.COM/1818/TUTORIAL-USING-JQUERY-MASONRY-WITH-WORDPRESS
- 14. CUSTOM PAGE TEMPLATES • Allow flexible design templates non- designers can set • Not limited to homepage, subpage, and posts • Can integrate widget areas, conditionals, and custom styles
- 15. USAGE Just add this to the top of any file: <?php /* Template Name: Zombie Template */ ?>
- 16. WORDPRESS CSS CLASSES • <?php body_class(); ?> • adds unique classes for categories, tags, archives, pages, page templates, posts, etc. • <?php post_class(); ?>
- 17. USAGE <body class=”<?php body_class(); ?>”> returns <body class=”page-34 page-template etc”>
- 18. rtl page home page-id-{page_id} blog page-parent archive page-child date parent-pageid-{parent_id} search page-template paged page-template-{page_template}-php attachment search-results error404 search-no-results single logged-in single-{post_id} paged-{page_number} postid-{post_id} single-paged-{page_number} attachmentid-{post_id} page-paged-{page_number} attachment-{mime_type} category-paged-{page_number} author tag-paged-{page_number} author-{user_nicename} date-paged-{page_number} category author-paged-{page_number} category-{category_slug} search-paged-{page_number} tag
- 19. PLUGINS
- 20. SIMPLE SECTION WIDGET • Creates a submenu based on the top level page of the current page • <?php simple_section_nav(); ?>
- 26. JQUERY LIGHTBOX FOR NATIVE GALLERIES
- 27. WP GOOGLE FONTS
- 28. WP TYPOGRAPHY • Adds CSS classes to ampersands, quotes, etc. • Transforms TM and Registration marks • Transform fractions to appropriate entities • Prevents widows
- 29. WTF IS A WIDOW?
- 30. WIDOWS & ORPHANS widow my husband died :[ One of the things Ford Prefect had always found thought, their mouths probably seize up. hardest to understand about humans was their habit of continually stating and repeating the very very obvious, After a few months' consideration and observation as in It's a nice day, or You're very tall, or Oh dear you he abandoned this theory in favour of a new one. If seem to have fallen down a thirty-foot well, are you they don't keep on exercising their lips, he thought, alright? At first Ford had formed a theory to account their brains start working. After a while he for this strange behaviour. for this strange behaviour. abandoned this one as well as being obstructively If human beings don't keep exercising their lips, he cynical. orphan i have a horrible red afro and no parents :[
- 31. PROOF DESIGNERS ARE SADISTS A common mnemonic is An orphan has no past; a widow has no future or An orphan is left behind, where as a widow must go on alone VIA WIKIPEDIA (I CAN’T MAKE THIS SHIT UP)
- 32. WP TYPOGRAPHY • Adds CSS classes to ampersands, quotes, etc. • Transforms TM and Registration marks • Transform fractions to appropriate entities • Prevents widows orphans
- 33. OTHER COOL SHIT
- 34. ELASTIC • Drag-n-drop WordPress themes • Column- based elastictheme.org
- 35. CARRINGTON BUILD • Drag-n-drop page templates • Column-based • Per-page basis crowdfavorite.com/wordpress/carrington-build
- 36. THEME FRAMEWORKS Theme Hybrid Thematic Carrington
- 37. TEXT EDITOR PLUGINS coda-clips.com/category/wordpress yoast.com/tools/textmate/
- 39. CONTRIBUTE! GATEKEEPERS: JANE WELLS, MATT THOMAS, JOHN O’NOLAN, BEN DUNKLE • make.wordpress.org/ui • Tuesdays at 2p eastern • That means 11a western • irc.freenode.net #wordpress-ui
- 40. real name CHELSEA OTAKAN @chexee chexee@livelylabs.com its alive! nickname DON’T not what i am doing right now PANIC