SlideShare a Scribd company logo
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!
1. Do you find yourself writing template overrides often?
2. Do you often write custom modules to alter views queries?
3. 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.
Stop Coding and Start Clicking - Pragmatic site building in Drupal
Stop Coding and Start Clicking - Pragmatic site building in Drupal
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.
Stop Coding and Start Clicking - Pragmatic site building in Drupal
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
Stop Coding and Start Clicking - Pragmatic site building in Drupal
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

More Related Content

PPT
Blogging101b
PPT
Drupal Gardens Tutorial 1 of 4
PPT
[DCTPE2011] Drupal 7 的Fields/Views 運用
KEY
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, V...
PPTX
Adobe dreamweaver
PPTX
Tackk
PPTX
Blogs
PPT
Drupal theming 101
Blogging101b
Drupal Gardens Tutorial 1 of 4
[DCTPE2011] Drupal 7 的Fields/Views 運用
Learn Drupal's Most Powerful Site-Building Modules: Display Suite, Context, V...
Adobe dreamweaver
Tackk
Blogs
Drupal theming 101

What's hot (19)

PDF
WordPress Child Themes
PPT
How To Create A Blog
PPT
Dreamweaver & Me PPT
PPT
Classroom Blog Science Conf 09
PPT
How To Set Up Your Own Blog Using Wordpress
PPTX
Top 20 mistakes you will make on your 1st Drupal project
PPT
Edu Blogging2
PPT
Edu Blogging2
PPTX
Moving beyond traditional esl classroom instruction.pptx
PPT
Murdoch Blogs TLC277
PPT
How to create blog for free
PDF
Responsive & Responsible Web Design in DNN
PDF
PowerPoint's Best Kept Secret by @damonify
PPTX
Create your own blog or website with wordpress.com
PPT
How to create a prezi presentation
PDF
How to report a bug?
PDF
Google classroom user_guide
PPTX
Drupal inside out
PPTX
Evaluation question 6
WordPress Child Themes
How To Create A Blog
Dreamweaver & Me PPT
Classroom Blog Science Conf 09
How To Set Up Your Own Blog Using Wordpress
Top 20 mistakes you will make on your 1st Drupal project
Edu Blogging2
Edu Blogging2
Moving beyond traditional esl classroom instruction.pptx
Murdoch Blogs TLC277
How to create blog for free
Responsive & Responsible Web Design in DNN
PowerPoint's Best Kept Secret by @damonify
Create your own blog or website with wordpress.com
How to create a prezi presentation
How to report a bug?
Google classroom user_guide
Drupal inside out
Evaluation question 6
Ad

Similar to Stop Coding and Start Clicking - Pragmatic site building in Drupal (20)

PPTX
Drupal For Dummies
PPT
Using Features
PPT
Drupalusability
PDF
Session v1
PDF
Drupal training-by-ruchiwebsolutions
PPT
How to Train Your Drupal Clients
PDF
Hello Drupal!
PDF
IBM Drupal Users Group Discussion on Managing and Deploying Configuration
PDF
Going native with html5 web components
ODP
Visualizing Content with Display Suite
KEY
Simplifying End-user Drupal 7 Content Administration
ODP
Build Your Site with Views
PPTX
How to contribute projects to drupal.org? 2018 drupal north
PDF
Theming Your Views
PPTX
Theme development workshop part 2
DOC
Courselab Quick start guide
PDF
Meetup: The big change coming to WordPress in 2018 - Gutenberg
PDF
Meetup: The big change coming to WordPress in 2018 - Gutenberg
PDF
No code stewardship - No Code Conf 2019 Demo Theater
PDF
Fastest Way to DRUPAL
Drupal For Dummies
Using Features
Drupalusability
Session v1
Drupal training-by-ruchiwebsolutions
How to Train Your Drupal Clients
Hello Drupal!
IBM Drupal Users Group Discussion on Managing and Deploying Configuration
Going native with html5 web components
Visualizing Content with Display Suite
Simplifying End-user Drupal 7 Content Administration
Build Your Site with Views
How to contribute projects to drupal.org? 2018 drupal north
Theming Your Views
Theme development workshop part 2
Courselab Quick start guide
Meetup: The big change coming to WordPress in 2018 - Gutenberg
Meetup: The big change coming to WordPress in 2018 - Gutenberg
No code stewardship - No Code Conf 2019 Demo Theater
Fastest Way to DRUPAL
Ad

Recently uploaded (20)

PDF
Mobile App Security Testing_ A Comprehensive Guide.pdf
PDF
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
PDF
Reach Out and Touch Someone: Haptics and Empathic Computing
PDF
gpt5_lecture_notes_comprehensive_20250812015547.pdf
PPT
Teaching material agriculture food technology
PDF
Diabetes mellitus diagnosis method based random forest with bat algorithm
PPTX
A Presentation on Artificial Intelligence
PDF
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
PDF
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
PDF
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
PDF
Per capita expenditure prediction using model stacking based on satellite ima...
PPTX
20250228 LYD VKU AI Blended-Learning.pptx
PDF
Approach and Philosophy of On baking technology
PPTX
Machine Learning_overview_presentation.pptx
PDF
Electronic commerce courselecture one. Pdf
PDF
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
PPTX
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
PDF
Advanced methodologies resolving dimensionality complications for autism neur...
PPTX
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
PDF
Spectral efficient network and resource selection model in 5G networks
Mobile App Security Testing_ A Comprehensive Guide.pdf
TokAI - TikTok AI Agent : The First AI Application That Analyzes 10,000+ Vira...
Reach Out and Touch Someone: Haptics and Empathic Computing
gpt5_lecture_notes_comprehensive_20250812015547.pdf
Teaching material agriculture food technology
Diabetes mellitus diagnosis method based random forest with bat algorithm
A Presentation on Artificial Intelligence
Optimiser vos workloads AI/ML sur Amazon EC2 et AWS Graviton
Profit Center Accounting in SAP S/4HANA, S4F28 Col11
Blue Purple Modern Animated Computer Science Presentation.pdf.pdf
Per capita expenditure prediction using model stacking based on satellite ima...
20250228 LYD VKU AI Blended-Learning.pptx
Approach and Philosophy of On baking technology
Machine Learning_overview_presentation.pptx
Electronic commerce courselecture one. Pdf
Architecting across the Boundaries of two Complex Domains - Healthcare & Tech...
KOM of Painting work and Equipment Insulation REV00 update 25-dec.pptx
Advanced methodologies resolving dimensionality complications for autism neur...
ACSFv1EN-58255 AWS Academy Cloud Security Foundations.pptx
Spectral efficient network and resource selection model in 5G networks

Stop Coding and Start Clicking - Pragmatic site building in Drupal

  • 1. STOP CODING, START CLICKING PRAGMATIC SITE BULDING IN DRUPAL Kyle Taylor LevelTen Interactive @KyleTaylored (I'm starting cool stuff in the area) #STOPCODING
  • 2. 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)
  • 3. STOP CODING, START CLICKING What does that mean? Take the test! 1. Do you find yourself writing template overrides often? 2. Do you often write custom modules to alter views queries? 3. Do you ask questions online and answers usually start with: "Start with this snippet..."
  • 5. YOU ARE NOT SPECIAL. Drupal 7 was released January, 2011. It's 2013. You probably aren't the first person with your problem.
  • 6. 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.
  • 9. 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
  • 10. VIEWS If you don't use Views, get on it. Very complex queries in a breeze. Easy to use UI Quite flexible - plugins available.
  • 12. VIEWS RESPONSIVE GRID Mobile-friendly putting content in a grid. (no tables, no manhandling Views)
  • 13. FOOTABLE Sometimes we need responsive tables. (no need to hack it up in CSS)
  • 16. VIEWS DATA EXPORT AND sometimes, we need to export that table. (some clients need reports or XML*)
  • 17. 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
  • 19. DISPLAY SUITE Semantic Fields Region to Block (really cool) Hide page titles etc.
  • 20. 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.
  • 21. 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!
  • 22. 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)
  • 23. MOBILE HELP AIS (Adaptive Image Styles)
  • 24. 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.
  • 25. 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.
  • 26. 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]
  • 27. SEARCH Search API Search API Solr FacetAPI FacetAPI Pretty Paths
  • 28. WHERE CAN I TRY THESE OUT? HTTP://SIMPLYTEST.ME
  • 29. 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