stop coding, start clicking
Pragmatic Site bulding in Drupal
Kyle Taylor
LevelTen Interactive
@KyleTaylored
(I'm starting cool stuff in the area)
#stopcoding
Who am i
I'm a site builder and front-end developer.
I dislike complex answers to simple problems.
In other words... I like efficiency.
(some might call that lazy)
Stop coding, Start Clicking
What does that mean? Take the test!
-
Do you find yourself writing template overrides often?
- Do you often write custom modules to alter views queries?
- Do you ask questions online and answers usually start with: "Start with this snippet..."
Whyyyyy.
You are not special.
- Drupal 7 was released January, 2011.
- It's 2013.
- You probably aren't the first person with your problem.
Use the modules, Luke.
Modules are built by people who have problems.
These people had to prove that they can build modules.
Just remember.
Modules are NOT plugins
Modules = ingredients we put together.
Plugins = fully cooked meals.
LET'S START
Administration Helpers
- Admin Menu - easier toolbar experience
-
Backup & Migrate - easy site backup/transfer
-
Devel - debugging modules, generating content
- Features*- packaging up repeatable features
- Module Filter - self-explanatory
Views
If you don't use Views, get on it.
-
Very complex queries in a breeze.
-
Easy to use UI
- Quite flexible - plugins available.
Views Responsive Grid
Mobile-friendly putting content in a grid.
(no tables, no manhandling Views)
Footable
Sometimes we need responsive tables.
(no need to hack it up in CSS)
Footable Mobile
Views Data Export
AND sometimes, we need to export that table.
(some clients need reports or XML*)
Theming!
One of the more difficult tasks in Drupal.
Display Suite
"Display Suite allows you to take full control over how your content is displayed using a drag and drop interface."
Drag and Drop
Display Suite
Display Suite
- Semantic Fields
- Region to Block (really cool)
- Hide page titles
- etc.
BEAN
Block Entities Aren't Nodes
Problem:
I want to add a block with an image.
Old solution:
Create a node with an image field, translate node into a block.
OR
Upload image, get URL, create new block with HTML
New solution:
Use Bean.
Bean
Bean is an entity type.
We treat it like a node.
Lots of plugins available:
- Beanslide
- Bean Relevant Content
- Bean and Leaflet (mapping)
Integrates with Display Suite!
More block stuff
Block Class
Add classes to blocks.
Block Group
Create faux regions on a page.
Region Class
Add classes to regions and sub-blocks
(Blocker - secret project)
Mobile Help
AIS (Adaptive Image Styles)
Mobile Help
Browser Class
Add classes based on browser. (mobile or desktop)
<body class="html front logged-in one-sidebar sidebar-first page-node chrome chrome26 mac desktop">
Alternative: Browscap
Returns a slew of information about the browser
Not always available on your host.
jQuery Modules
jQuery Update
Updates jQuery core to... something better.
(Drupal core jQuery - 1.4.4)
Equal Heights
Make blocks... the same height.
Based on classes applied.
CSS3 PIE
Makes IE more tolerable.
Random Stuff
Tokens
[node:url:absolute]
Auto Nodetitle
If you're lazy or don't want to give people the option.
(works with Tokens)
Radioactivity
Dynamic popularity of content based on views.
Video Filter
Want to insert a video? Use the Video Filter.
[video: url]
Search
-
Search API
-
Search API Solr
-
FacetAPI
-
FacetAPI Pretty Paths
Where can I try these out?
http://Simplytest.me
Other Random Modules
Gallery formatter - turn an image field into a slideshow
RedHen CRM - CRM system built on Drupal
Zenmata - find relevant content/articles to the current one
Masonry - Views plugin that integrates Masonry
stop coding and start clicking
By Kyle Taylor
