Updated on June 24, 2021
Hydrogen (affiliate link) is a must-have 3rd party plugin for Oxygen.
Summary of Hydrogen Pack’s features:
- Copy and paste elements not only within the current site but across different sites
- Copy and paste styles
- Right click menu
- Configurable keyboard shortcuts
- Sandbox mode
- Structure panel width
- Element icons in the structure panel
- Disable edit locking
- Export and import of settings
Of these, the most valuable feature for me besides the indispensable Copy and Paste is the customizable keyboard shortcuts.
A simple example of time-saving is when you want to say, add a Section in the Oxygen editor. The normal way is to click the +Add button and in the components panel, clicking on Section. A faster way to do the same is simply by typing s. That’s it. s for Section. And no, it does not add the Section (as you expect) when you are typing inside a Text or Heading component.
S – add Section
D – add Div
T – add Text
and so on..
In this article, I shall share a table of Hydrogen’s keyboard shortcuts that I use in my Oxygen workflow. With these plus Navigator and Editor Tweaks modules of Oxy Toolbox, I fly along in Oxygen builder and WP admin.
NOTE: I use a Mac. If you are a Windows user, read Cmd as Ctrl.
ADDING ELEMENTS
| Add Section | S |
| Add Div | D |
| Add Heading | H |
| Add Text | T |
| Add Image | I |
| Add Code Block | C |
| Add Columns | M |
| Add Shortcode | O |
| Add Button | B |
| Add Easy Posts | E |
| Add Text Link | L |
Note: I could have set R for adding a Repeater but I avoid Repeaters due to duplicate IDs issue.
ELEMENT-SPECIFIC
| Copy element | CMD + C |
| Cut element | CMD + X |
| Paste element | CMD + V |
| Duplicate element | CMD + D |
| Delete element | CMD + BACKSPACE |
| Wrap element with DIV | W |
| Rename element | F2 |
| Change element ID | CMD + F2 |
MOVING ELEMENTS ETC.
| Move up | CMD + ⬆️ |
| Move down | CMD + ⬇️ |
| Activate parent | P |
| Edit content (for text-type elements) | CMD + E |
EDITING PROPERTIES
| edit Background | 1 |
| edit Size & Spacing | 2 |
| edit Layout | 3 |
| edit Typography | 4 |
| edit Borders | 5 |
| edit Effects | 6 |
| edit Custom CSS | 7 |
| edit JavaScript | 8 |
SWITCHING BREAKPOINTS
| Switch to the previous breakpoint | CMD + ➡️ |
| Switch to the next breakpoint | CMD + ⬅️ |
EDITOR
| + Add | CMD + A |
| Save | CMD + S |
Screenshot
Import code
If you would like to import my Hydrogen Pack settings, copy and paste the following at Oxygen > Hydrogen Pack > Manage Settings – Import settings:
eyJjb250ZXh0TWVudSI6eyJlbmFibGVkIjp0cnVlLCJpdGVtcyI6eyJkdXBsaWNhdGUiOnRydWUsImNvcHkiOnRydWUsImNvcHlTdHlsZSI6dHJ1ZSwiY29weUNvbmRpdGlvbnMiOnRydWUsImN1dCI6dHJ1ZSwicGFzdGUiOnRydWUsInNhdmVSZXVzYWJsZSI6dHJ1ZSwic2F2ZUJsb2NrIjp0cnVlLCJ3cmFwIjp0cnVlLCJ3cmFwTGluayI6dHJ1ZSwic3dpdGNoVGV4dENvbXBvbmVudCI6dHJ1ZSwic2hvd0NvbmRpdGlvbnMiOnRydWUsInJlbmFtZSI6dHJ1ZSwiY2hhbmdlSWQiOnRydWUsImRlbGV0ZSI6dHJ1ZX19LCJjbGlwYm9hcmQiOnsiZW5hYmxlZCI6dHJ1ZSwiY29sb3JTZXQiOiJDb3BpZWQgQ29sb3JzIiwiZm9sZGVyIjoiQ29waWVkIENsYXNzZXMiLCJrZWVwQWN0aXZlQ29tcG9uZW50IjpmYWxzZSwiZmxhc2hDb3BpZWRDb21wb25lbnQiOnRydWUsInByb2Nlc3NNZWRpYUltYWdlcyI6dHJ1ZX0sInNob3J0Y3V0cyI6eyJlbmFibGVkIjp0cnVlLCJob3RrZXlzIjp7ImNvbXBvbmVudEJyb3dzZXIiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJhIn0sImNvcHkiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJjIn0sImNvcHlTdHlsZSI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6dHJ1ZSwia2V5IjoiYyJ9LCJjb3B5Q29uZGl0aW9ucyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwiY3V0Ijp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoieCJ9LCJkdXBsaWNhdGUiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJkIn0sInNhdmVQYWdlIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoicyJ9LCJkZWxldGUiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJiYWNrc3BhY2UifSwicmVuYW1lIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImYyIn0sImNoYW5nZUlkIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZjIifSwibW92ZVVwIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiYXJyb3d1cCJ9LCJtb3ZlRG93biI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImFycm93ZG93biJ9LCJ3cmFwIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IncifSwid3JhcExpbmsiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldENvbmRpdGlvbnMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoibiJ9LCJjbGVhckNvbmRpdGlvbnMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFjdGl2YXRlUGFyZW50Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6InAifSwiZWRpdENvbnRlbnQiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJlIn0sInN3aXRjaFRleHRDb21wb25lbnQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldE1lZGlhUHJldmlvdXMiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJhcnJvd3JpZ2h0In0sInNldE1lZGlhTmV4dCI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImFycm93bGVmdCJ9LCJzZXRNZWRpYURlZmF1bHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldE1lZGlhUGFnZVdpZHRoIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJzZXRNZWRpYVRhYmxldCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwic2V0TWVkaWFMYW5kc2NhcGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldE1lZGlhUG9ydHJhaXQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZFNlY3Rpb24iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoicyJ9LCJhZGRCdXR0b24iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiYiJ9LCJhZGRDb2x1bW5zIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6Im0ifSwiYWRkRGl2Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImQifSwiYWRkSGVhZGluZyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJoIn0sImFkZEltYWdlIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImkifSwiYWRkQ29kZSI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJjIn0sImFkZExpbmsiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoibCJ9LCJhZGRSZXBlYXRlciI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJyIn0sImFkZFRleHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoidCJ9LCJhZGRSaWNoVGV4dCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwiYWRkVmlkZW8iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZExpbmtXcmFwcGVyIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhZGRJY29uIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhZGRTaG9ydGNvZGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoibyJ9LCJhZGRFYXN5UG9zdHMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZSJ9LCJhZGRHYWxsZXJ5Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhZGRNb2RhbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwic3dpdGNoQWR2YW5jZWRUYWJCYWNrZ3JvdW5kIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjEifSwic3dpdGNoQWR2YW5jZWRUYWJQb3NpdGlvbiI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIyIn0sInN3aXRjaEFkdmFuY2VkVGFiTGF5b3V0Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjMifSwic3dpdGNoQWR2YW5jZWRUYWJUeXBvZ3JhcGh5Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjQifSwic3dpdGNoQWR2YW5jZWRUYWJCb3JkZXJzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjUifSwic3dpdGNoQWR2YW5jZWRUYWJFZmZlY3RzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjYifSwic3dpdGNoQWR2YW5jZWRUYWJDdXN0b21DU1MiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiNyJ9LCJzd2l0Y2hBZHZhbmNlZFRhYkphdmFzY3JpcHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiOCJ9LCJzd2l0Y2hDb2RlQmxvY2tUYWJzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhcHBseUNvZGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInRvZ2dsZUxlZnRTaWRlYmFyIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJ0b2dnbGVTdHJ1Y3R1cmVQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU2V0dGluZ3NQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU3R5bGVzaGVldHNQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU2VsZWN0b3JzUGFuZWwiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbENvbG9ycyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwibWFuYWdlR2xvYmFsRm9udHMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbEJyZWFrcG9pbnRzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJtYW5hZ2VHbG9iYWxMaW5rcyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwibWFuYWdlR2xvYmFsSGVhZGluZ3MiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbEJvZHlUZXh0Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJvcGVuRnJvbnRlbmQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZiJ9LCJvcGVuQmFja2VuZCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifX19LCJjb25kaXRpb25zRW5oYW5jZXIiOnsiZW5hYmxlZCI6dHJ1ZX0sInN0cnVjdHVyZUVuaGFuY2VyIjp7ImVuYWJsZWQiOnRydWUsImNvbXBhY3QiOnRydWUsImljb25zIjp0cnVlLCJvcGVuT25Mb2FkIjp0cnVlLCJleHBhbmRBbGwiOmZhbHNlLCJ3aWR0aCI6IiJ9LCJjb250ZW50RWRpdG9yRW5oYW5jZXIiOnsiZW5hYmxlZCI6dHJ1ZX0sImFkdmFuY2VkU3R5bGVzUmVzZXQiOnsiZW5hYmxlZCI6dHJ1ZX0sImRpc2FibGVFZGl0TG9ja2luZyI6eyJlbmFibGVkIjp0cnVlfSwiZGlzYWJsZUNvbXBvc2l0ZUVsZW1lbnRzIjp7ImVuYWJsZWQiOmZhbHNlfSwiY3NzQ2FjaGVSZWdlbmVyYXRpb24iOnsiZW5hYmxlZCI6dHJ1ZX0sImR5bmFtaWNDbGFzc2VzIjp7ImVuYWJsZWQiOmZhbHNlfSwiY2xhc3NMb2NrIjp7ImVuYWJsZWQiOmZhbHNlfSwicHJlc2VydmVBZHZhbmNlZFRhYnMiOnsiZW5hYmxlZCI6dHJ1ZSwicmVxdWlyZUFsdEtleSI6ZmFsc2V9LCJzYW5kYm94Ijp7ImVuYWJsZWQiOmZhbHNlfX0=Printable
