Skip to content

WPShout Newsletter

Sign up for news, tips, and insights to help you build better websites.

Newsletter - Top banner

170+ WordPress Cheat Sheets (Dev/Design)

“Why bother with WordPress cheat sheets?” – you may ask. Well, maybe it’s just me, but I find it rather hard to remember all those keyboard shortcuts, function names, arguments, structures and whatnots that all come “with the territory” when you’re doing any kind of WordPress dev, design, or publishing work.

And it’s not just WordPress. There are even whole keyboard covers available just to make using tools like Photoshop more bearable. Check this out:

Exhibit (a)

by KB Covers

Anyways. This is where printable or online cheat sheets come in! Cheat sheets is what me and you and everybody else can benefit from hugely if they’re struggling to remember things. With a good cheat sheet you can easily find yourself twice as productive.

170+ great cheat sheets for #WordPress, web #developers and #designers
Click To Tweet

But the keyword in there is “good” cheat sheet. Simply put, not all of them are created equal. Sometimes you can spend weeks looking for the perfect, tailor-made cheat sheet that fits your personal workflow perfectly, highlights all the stuff that you don’t remember and ignores everything you do. That said, you may need to tweak them for your specific usage or compile different cheat sheets in order to get to one that fits your needs.

To make this easier on everybody, we’ve gathered a rather massive list of 170+ great PDF and online cheat sheets for web development, design, tools and more. I’m sure you’ll find at least a couple of them here that you’ll end up using regularly.

Quick jump:
1. WordPress: CSS | HTML | PHP & JavaScript & jQuery | MySQL | React & REST API
2. Design: Typography | Figma | Adobe | UX and UI | Color
3. (Bonus) Development: Python | Git | Linux | SQL | Vim

💡 Note; Sorry, but we couldn’t find the authors of some of these cheat sheets. For most of them, though, you can find the author’s copyright clause + a link to their site at the bottom of the cheat sheet.

OPEN FOR ENROLLMENT

Master Modern WordPress Development

Learn to build high-value block themes and plugins with AI and automation in this professioanl WordPress development course. By the end, you’ll master block themes and plugins, leverage AI assistance, implement automated testing, optimize for scale, and confidently deploy professional WordPress solutions.

Join Modern WordPress Fast Track today!

02:04 min • Watch the course overview

FIND OUT MORE →

1. WordPress cheat sheets

NameTypeView
WordPress Cheatsheet (Onextrapixel)PDFView
The Loop: Visual Model (Envato tuts+)PDFView
The Loop Code Snippet (Envato tuts+)PDFView
Intro to WordPress Cheatsheet (WPUniversity)PDFView
Complete WordPress Cheatsheet (Xavi.ivars.me)PDFView
WordPress Theme Hierarchy Map Cheatsheet (Envato tuts+)PDFView
WordPress Theme Anatomy Model Cheatsheet (Envato tuts+)PDFView
WordPress Template Designer Cheatsheet (Anton Shevchuk)PDFView
WordPress Mega Cheatsheet Infographic (Makeawebsitehub.com)JPGView
WordPress Database Diagram (WordPress Codex)PNGView
WordPress Template Hierarchy (WordPress Developer)PNGView
WordPress Keyboard Cheatsheet (Start Blogging Online)WWWView
WordPress Developer Super Cheatsheet (WPMU DEV)WWWView
WordPress Optimization Cheatsheet (WordPress Optimization)WWWView
WordPress Template Hierarchy (WordPress Developer)WWWView
Make sense of WordPress core load (Rarst.net)WWWView
Make sense of WordPress query functions (Rarst.net)WWWView
WordPress Cheatsheet for Beginners and Developers (WebsiteSetup)PNGView
WordPress Cheatsheet for Developers (WP-KAMA)WWWView
WordPress Functions Cheatsheet (TemplateToaster)WWWView
WordPres Cheat Sheet, WP-Cli (Appsero)WWWView
Go to top

CSS cheat sheets

NameTypeView
Comprehensive CSS Cheatsheet (The HOTH)PDFView
The Mega CSS Cheatsheet (Makeawebsitehub.com)PDFView
CSS2 Cheatsheet (Cheatography)PDFView
CSS Shorthand Cheatsheet (Eddie Welker.com)PDFView
The CSS3 Help Sheet (GoSquared)PDFView
CSS Cheatsheet (Makeawebsitehub.com)JPGView
CSS Cheatsheet via OverAPI.com (Sellfy)PNGView
CSS Cheatsheet (Leslie Franke)WWWView
Media Queries Cheat Sheet (Mac-blog.org.ua)WWWView
Go to top

HTML cheat sheets

NameTypeView
HTML Cheatsheet (Cheatography)PDFView
HTML Cheat Sheet (WebsiteSetup)PDFView
HTML Canvas Cheat Sheet (WebsiteSetup)PDFView
HTML5 - The Sheet (SMASHING MAGAZINE)PDFView
Ultimate HTML5 Cheatsheet (TESTKING)PNGView
HTML Cheat sheet (WebsiteSetup)PNGView
HTML (Cheat-Sheets.org)PNGView
HTML5 Cheatsheet Event Attribute (InMotion Hosting)PNGView
HTML5 Cheat Sheet Tags (InMotion Hosting)PNGView
HTML5 Cheat Sheet by Antonio Lupetti (Sellfy)JPGView
Go to top

PHP & JavaScript & jQuery cheat sheets

NameTypeView
PHP Cheatsheet (Cheatography)PDFView
PHP Cheat Sheet (Cheat-Sheets.org)PDFView
PHP Skinny Sheet (VisiBone)GIFView
JavaScript Cheat Sheet (Cheat-Sheets.org)PNGView
JavaScript Cheatsheet (Cheatography)PDFView
JavaScript Quick Reference (Cheat-Sheets.org)PDFView
NodeJS - The Sheet (GoSquared)PDFView
jQuery Cheat Sheet - Beginner's Essential (WebsiteSetup)PDFView
jQuery Cheat Sheet - Beginner's Essential (WebsiteSetup)PNGView
JavaScript Cheatsheet (Marijn Haverbeke)WWWView
Regular Expressions for JavaScript (VisiBone)WWWView
JavaScript DOM Cheatsheet (Christian Heilmann)PDFView
Go to top

MySQL and database cheat sheets

NameTypeView
MySQL Cheatsheet (Cheatography)WWWView
Oracle SQL Reference Card (Cheat-Sheets.org)PDFView
Oracle Cheat Sheet (Red-Database-Security)PDFView
MySQL Cheatsheet (Wikibooks)WWWView
Go to top

Git cheat sheets

NameTypeView
Git Cheatsheet (Nic Wortel)PDFView
Git Cheatsheet by Github (Github.com/education)PDFView
Git Cheatsheet by Gitlab (About.gitlab.com)PDFView
Git Cheatsheet by Gitlab (Siscourses.ethz.ch)PDFView
Git Cheatsheet (Wizard zines)PDFView
Git Cheatsheet (Javatpoint)PDFView
Git Cheatsheet (DataCamp)PDFView
Git Cheatsheet via Git-Tower (TOWER)PNGView
Go to top

React & REST API cheat sheets

NameTypeView
React.js Cheatsheet (Devhints.io)WWWView
React Cheatsheet (Reactcheatsheet.com)WWWView
React Cheatsheet (Ihatetomatoes)PDFView
React Lifecycle Cheatsheet (Github.com/monicao)WWWView
RESTful API Cheatsheet (Devhints.io)WWWView
REST-API Cheatsheet (Github.com/patricksavalle)WWWView
RESTful API Design Cheatsheet (DEV)WWWView
REST API Design (Medium)JPEGView
REST API Cheatsheet (OREGON.GOV)PDFView
REST Security (OWASP)WWWView
Cheat sheet of the REST API (ORTHANC)WWWView
REST API Cheat Sheet (Brian Cline)WWWView
Common Practices for REST API Development Cheat Sheet (Cheatography)WWWView
Go to top

2. Design cheat sheets

NameTypeView
RGB Hex Cheatsheet (Cheatography)PDFView
Bootstrap Cheatsheet (Dresssed.s3.amazonaws.com)PDFView
Responsive Web Design Cheatsheet (Uxpin.s3.amazonaws.com)PDFView
Sketch 3 Visual Cheatsheet by Manuel Ebert (Dribbble)PNGView
InDesign Keyboard Shortcuts (AZERTY) (DeviantArt)JPGView
InDesign Keyboard Shortcuts (QWERTY) (DeviantArt)JPGView
Flash Keyboard Shortcuts (QWERTY) (DeviantArt)JPGView
The Anatomy of Type Cheatsheet (Speckyboy)JPGView
The Screen Resolution Cheatsheet (Design215)GIFView
Go to top

Typography cheat sheets

NameTypeView
Interactive Typography CheatSheet (Github.com/codepo8)WWWView
Typography Cheatsheet (DeviantArt)JPGView
Typography Cheatsheet (Designmodo)JPGView
Classsification of Typefaces (HubSpot)PDFView
Typography Cheatsheet (Typewolf)WWWView
Google Font Combinations (Inkbot Design)WWWView
So You Need A Typeface (Inspiration Lab)PNGView
Type guide (Think Style Studio)PNGView
Web Typography Cheatsheet (Learn the Web)WWWView
Go to top

UX and UI design cheat sheets

NameTypeView
UX Research Cheatsheet (NN/g)WWWView
Laws of UX (Lawsofux.com)WWWView
UI and UX Cheatsheet (Userlane)PDFView
UX Research Cheatsheet (UXPin)WWWView
Go to top

Color design cheat sheets

NameTypeView
The Ultimate Color Coimbinations Cheatheet (Weebly)PDFView
Color Cheatsheet (Western Washington University)PDFView
Color Theory (Pinterest)JPGView
RGB HEX Color Chart (Cheatography)PDFView
HTML Colors Chetsheet (Lug.or.kr)PDFView
Color Palette (California State University)PDFView
HTML Color Code Cheatsheet (PHP For Kids)PDFView
Go to top

Figma cheat sheets

NameTypeView
Figma Cheatsheet (QuickRef.ME)WWWView
Figma Keyboard Shortcuts for Windows Cheatsheet (Gist.github.com/starred)PNGView
Figma Cheatsheet (ShortcutFoo)WWWView
Figma Hotkey Cheatsheet (Hotkey Cheatsheet)WWWView
Figma Windows Shortcuts Native (Github.com/vandesign)WWWView
Easing in Figma (Reddit)WWWView
Go to top

Adobe cheat sheets

NameTypeView
Illustrator Shortcuts (Redokun)WWWView
Adobe Premiere Pro Shortcuts (NC State Extension)PDFView
The Ultimate 2019 Adobe Creative Cloud Keyboard Shortcuts (Makeawebsitehub.com)JPGView
Adobe Photoshop Shortcut Sheet (Training Connection)PDFView
Adobe Photoshop shortcuts (99designs)PNGView
2023 Adobe Photoshop Shortcuts Cheat Sheet (Plexxie)WWWView
Adobe Photoshop CS4 Keyboard Shortcuts (Morris PhotoGraphics)PDFView
Adobe Photoshop Elements' Organizer Cheat Sheet (Dan & Sheerre & Patric)PDFView
Adobe Flex Cheat Sheet (Cheat-Sheets.org)PDFView
Adobe Photoshop Keyboard Shortcuts QWERTY (DeviantArt)JPGView
Adobe Photoshop Keyboard Shortcuts AZERTY (DeviantArt)JPGView
Adobe Illustrator Keyboard Shortcuts (QWERTY) (DeviantArt)JPGView
Adobe Illustrator Keyboard Shortcuts (AZERTY) (DeviantArt)JPGView
Go to top

3. (Bonus) Development cheat sheets

NameTypeView
Web Developer Checklist (Toptal)WWWView
Java Quick Reference (Cheat-Sheets.org)PDFView
Java EE 6 Annotations (Cheat-Sheets.org)PDFView
Perl Quick Reference Card (Cheat-Sheets.org)PDFView
Emmet Cheatsheet (Emmet)PDFView
Perl Reference Card (Michaelgoerz.net)PDFView
Ruby (Cheat-Sheets.org)PDFView
Ruby On Rails (Cheat-Sheets.org)PNGView
Visual Basic Quick Reference (Cheat-Sheets.org)PDFView
Drupal 7 Translation Cheatsheet (Hojtsy.hu)PDFView
Sublime Text 3 OSX Cheatsheet (Cheatography)PDFView
Go to top

Python cheat sheets

NameTypeView
SheCodes Python Cheatsheet (SheCodes)WWWView
Beginners Python Cheatsheet (Indico)PDFView
Python for Data Science (Utc.fr)PDFView
Python for Beginners (Github.com/nbisweden)PDFView
Python CheatSheet by IMB (Aaronnotes.com)PDFView
Python 3 Cheat Sheet (Limsi)PDFView
Python - The Sheet (Real Python)PDFView
Go to top

Linux cheat sheets

NameTypeView
Linux Command Cheatsheet (SolarWinds loggly)PDFView
Linux Command Cheatsheet (University of Cantabria)PDFView
Linux Bash Cheat Sheet (University of Alabama)PDFView
Linux Command Cheatsheet (Appletree.or.kr)PDFView
Linux Commands Cheat Sheet (GeeksforGeeks)WWWView
Linux Commands Cheat Sheet (LinuxOPsys)WWWView
Linux Commands Cheatsheet by Hostinger (Hostinger)PDFView
The One Page Linux Manual (Cheat-Sheets.org)PDFView
Linux Cheatsheet (Reddit)PDFView
Linux Administrator's Quick Reference Card (Cheat-Sheets.org)PDFView
Go to top

SQL cheat sheets

NameTypeView
SQL Cheatsheet (DbVisualizer)PDFView
SQL Basics Cheat Sheet (LearnSQL.com)PDFView
SQL Cheat Sheet (SQLtutorial.org)PDFView
SQL Cheat Sheet (GeeksforGeeks)PDFView
SQL Cheat Sheet (WebsiteSetup)PDFView
SQL Cheat Sheet (DATABASE STAR)PDFView
SQL Cheat Sheet (Data36)PDFView
SQL Cheat Sheet Fundamentals Intermediate (DATAQUEST)PDFView
SQL Cheat Sheet Fundamentals Intermediate (DATA with BARAA)PDFView
SQL Cheat Sheet (SQLtutorial.org)PDFView
Go to top

Vim cheat sheets

NameTypeView
Vim Cheatsheet (Carnegie Mellon University)PDFView
Vim Commands Cheatsheet (PhoenixNAP)PDFView
Ultimate Vim Keyboard Shortcuts (Else Web Development)PDFView
Vim Quick Refference Card (UNIVERSITY OF CHICAGO)PDFView
Vim Commands Cheatsheet (PhoenixNAP)WWWView
Vim Cheatsheet (Rtorr.com)PDFView
Vim Cheatsheet (Devhints.io)PDFView
Vim Cheatsheet (BookOSSLab)PDFView
Vim Cheatsheet (Exitno.de)PDFView
Vim Visual Cheatsheet (Massachusetts Institute of Technology)PDFView
Vi/Vim Graphical Cheatsheet (Hilltop Software)PDFView
Vim Cheatsheet (Rsms.me)PDFView
Vim Cheatsheet of Basic Commands (Building The Pride)PDFView
Vim Cheatsheet (PLPeeters.com)PDFView
Go to top

Done!

This has been a lot! I hope you’ll find this list useful and perhaps print some of those PDF cheat sheets out. They can be quite handy if you keep them somewhere near your desk.

Also, did I somehow miss any interesting cheat sheet besides the 170 of them here? Don’t hesitate to share it with us in the comments!

170+ great cheat sheets for #WordPress, web #developers and #designers
Click To Tweet

…

Don’t forget to join our crash course on speeding up your WordPress site. Learn more below:

 
Yay! 🎉 You made it to the end of the article!
Sabina Ionescu
By Sabina Ionescu
13 articles

Sabina enjoys reading for pleasure and sometimes writes for a living. Loving the outdoors and climbing.

Share:

0 Comments
Most Voted
Newest Oldest
Inline Feedbacks
View all comments

Or start the conversation in our Facebook group for WordPress professionals. Find answers, share tips, and get help from other WordPress experts. Join now (it’s free)!

Featured On

Footer Brands