Published on Jan 21, 2021

Hydrogen Pack

Sridhar Katakam

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 SectionS
Add DivD
Add HeadingH
Add TextT
Add ImageI
Add Code BlockC
Add ColumnsM
Add ShortcodeO
Add ButtonB
Add Easy PostsE
Add Text LinkL

Note: I could have set R for adding a Repeater but I avoid Repeaters due to duplicate IDs issue.

ELEMENT-SPECIFIC

Copy elementCMD + C
Cut elementCMD + X
Paste elementCMD + V
Duplicate elementCMD + D
Delete elementCMD + BACKSPACE
Wrap element with DIVW
Rename elementF2
Change element IDCMD + F2

MOVING ELEMENTS ETC.

Move upCMD + ⬆️
Move downCMD + ⬇️
Activate parentP
Edit content (for text-type elements)CMD + E

EDITING PROPERTIES

edit Background1
edit Size & Spacing2
edit Layout3
edit Typography4
edit Borders5
edit Effects6
edit Custom CSS7
edit JavaScript8

SWITCHING BREAKPOINTS

Switch to the previous breakpointCMD + ➡️
Switch to the next breakpointCMD + ⬅️

EDITOR

+ AddCMD + A
SaveCMD + 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:

eyJjb250ZXh0TWVudSI6eyJlbmFibGVkIjp0cnVlLCJpdGVtcyI6eyJkdXBsaWNhdGUiOnRydWUsImNvcHkiOnRydWUsImNvcHlTdHlsZSI6dHJ1ZSwiY29weUNvbmRpdGlvbnMiOnRydWUsImN1dCI6dHJ1ZSwicGFzdGUiOnRydWUsInNhdmVSZXVzYWJsZSI6dHJ1ZSwic2F2ZUJsb2NrIjp0cnVlLCJ3cmFwIjp0cnVlLCJ3cmFwTGluayI6dHJ1ZSwic3dpdGNoVGV4dENvbXBvbmVudCI6dHJ1ZSwic2hvd0NvbmRpdGlvbnMiOnRydWUsInJlbmFtZSI6dHJ1ZSwiY2hhbmdlSWQiOnRydWUsImRlbGV0ZSI6dHJ1ZX19LCJjbGlwYm9hcmQiOnsiZW5hYmxlZCI6dHJ1ZSwiY29sb3JTZXQiOiJDb3BpZWQgQ29sb3JzIiwiZm9sZGVyIjoiQ29waWVkIENsYXNzZXMiLCJrZWVwQWN0aXZlQ29tcG9uZW50IjpmYWxzZSwiZmxhc2hDb3BpZWRDb21wb25lbnQiOnRydWUsInByb2Nlc3NNZWRpYUltYWdlcyI6dHJ1ZX0sInNob3J0Y3V0cyI6eyJlbmFibGVkIjp0cnVlLCJob3RrZXlzIjp7ImNvbXBvbmVudEJyb3dzZXIiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJhIn0sImNvcHkiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJjIn0sImNvcHlTdHlsZSI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6dHJ1ZSwia2V5IjoiYyJ9LCJjb3B5Q29uZGl0aW9ucyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwiY3V0Ijp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoieCJ9LCJkdXBsaWNhdGUiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJkIn0sInNhdmVQYWdlIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoicyJ9LCJkZWxldGUiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJiYWNrc3BhY2UifSwicmVuYW1lIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImYyIn0sImNoYW5nZUlkIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZjIifSwibW92ZVVwIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiYXJyb3d1cCJ9LCJtb3ZlRG93biI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImFycm93ZG93biJ9LCJ3cmFwIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IncifSwid3JhcExpbmsiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldENvbmRpdGlvbnMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoibiJ9LCJjbGVhckNvbmRpdGlvbnMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFjdGl2YXRlUGFyZW50Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6InAifSwiZWRpdENvbnRlbnQiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJlIn0sInN3aXRjaFRleHRDb21wb25lbnQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldE1lZGlhUHJldmlvdXMiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJhcnJvd3JpZ2h0In0sInNldE1lZGlhTmV4dCI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImFycm93bGVmdCJ9LCJzZXRNZWRpYURlZmF1bHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldE1lZGlhUGFnZVdpZHRoIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJzZXRNZWRpYVRhYmxldCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwic2V0TWVkaWFMYW5kc2NhcGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldE1lZGlhUG9ydHJhaXQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZFNlY3Rpb24iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoicyJ9LCJhZGRCdXR0b24iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiYiJ9LCJhZGRDb2x1bW5zIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6Im0ifSwiYWRkRGl2Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImQifSwiYWRkSGVhZGluZyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJoIn0sImFkZEltYWdlIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImkifSwiYWRkQ29kZSI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJjIn0sImFkZExpbmsiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoibCJ9LCJhZGRSZXBlYXRlciI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJyIn0sImFkZFRleHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoidCJ9LCJhZGRSaWNoVGV4dCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwiYWRkVmlkZW8iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZExpbmtXcmFwcGVyIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhZGRJY29uIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhZGRTaG9ydGNvZGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoibyJ9LCJhZGRFYXN5UG9zdHMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZSJ9LCJhZGRHYWxsZXJ5Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhZGRNb2RhbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwic3dpdGNoQWR2YW5jZWRUYWJCYWNrZ3JvdW5kIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjEifSwic3dpdGNoQWR2YW5jZWRUYWJQb3NpdGlvbiI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIyIn0sInN3aXRjaEFkdmFuY2VkVGFiTGF5b3V0Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjMifSwic3dpdGNoQWR2YW5jZWRUYWJUeXBvZ3JhcGh5Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjQifSwic3dpdGNoQWR2YW5jZWRUYWJCb3JkZXJzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjUifSwic3dpdGNoQWR2YW5jZWRUYWJFZmZlY3RzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjYifSwic3dpdGNoQWR2YW5jZWRUYWJDdXN0b21DU1MiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiNyJ9LCJzd2l0Y2hBZHZhbmNlZFRhYkphdmFzY3JpcHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiOCJ9LCJzd2l0Y2hDb2RlQmxvY2tUYWJzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJhcHBseUNvZGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInRvZ2dsZUxlZnRTaWRlYmFyIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJ0b2dnbGVTdHJ1Y3R1cmVQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU2V0dGluZ3NQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU3R5bGVzaGVldHNQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU2VsZWN0b3JzUGFuZWwiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbENvbG9ycyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwibWFuYWdlR2xvYmFsRm9udHMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbEJyZWFrcG9pbnRzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJtYW5hZ2VHbG9iYWxMaW5rcyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwibWFuYWdlR2xvYmFsSGVhZGluZ3MiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbEJvZHlUZXh0Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJvcGVuRnJvbnRlbmQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZiJ9LCJvcGVuQmFja2VuZCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifX19LCJjb25kaXRpb25zRW5oYW5jZXIiOnsiZW5hYmxlZCI6dHJ1ZX0sInN0cnVjdHVyZUVuaGFuY2VyIjp7ImVuYWJsZWQiOnRydWUsImNvbXBhY3QiOnRydWUsImljb25zIjp0cnVlLCJvcGVuT25Mb2FkIjp0cnVlLCJleHBhbmRBbGwiOnRydWUsIndpZHRoIjoiIn0sImNvbnRlbnRFZGl0b3JFbmhhbmNlciI6eyJlbmFibGVkIjp0cnVlfSwiYWR2YW5jZWRTdHlsZXNSZXNldCI6eyJlbmFibGVkIjp0cnVlfSwiZGlzYWJsZUVkaXRMb2NraW5nIjp7ImVuYWJsZWQiOnRydWV9LCJkaXNhYmxlQ29tcG9zaXRlRWxlbWVudHMiOnsiZW5hYmxlZCI6ZmFsc2V9LCJjc3NDYWNoZVJlZ2VuZXJhdGlvbiI6eyJlbmFibGVkIjp0cnVlfSwiZHluYW1pY0NsYXNzZXMiOnsiZW5hYmxlZCI6ZmFsc2V9LCJjbGFzc0xvY2siOnsiZW5hYmxlZCI6ZmFsc2V9LCJwcmVzZXJ2ZUFkdmFuY2VkVGFicyI6eyJlbmFibGVkIjp0cnVlLCJyZXF1aXJlQWx0S2V5IjpmYWxzZX0sInNhbmRib3giOnsiZW5hYmxlZCI6ZmFsc2V9fQ==

Printable

PDF
Word
Pages

tagschevron-leftchevron-rightchainangle-rightangle-upangle-downfolder-omagnifiercrossmenuchevron-down