Hydrogen Pack

Updated on January 22, 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 + ⬅️
Switch to all devices	CMD + 1
Switch to page container	CMD + 2
Switch to tablet	CMD + 3
Switch to phone landscape	CMD + 4
Switch to phone portrait	CMD + 5

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:

eyJjb250ZXh0TWVudSI6eyJlbmFibGVkIjp0cnVlLCJpdGVtcyI6eyJkdXBsaWNhdGUiOnRydWUsImNvcHkiOnRydWUsImNvcHlTdHlsZSI6dHJ1ZSwiY29weUNvbmRpdGlvbnMiOnRydWUsImN1dCI6dHJ1ZSwicGFzdGUiOnRydWUsInNhdmVSZXVzYWJsZSI6dHJ1ZSwic2F2ZUJsb2NrIjp0cnVlLCJ3cmFwIjp0cnVlLCJ3cmFwTGluayI6dHJ1ZSwic2hvd0NvbmRpdGlvbnMiOnRydWUsInJlbmFtZSI6dHJ1ZSwiY2hhbmdlSWQiOnRydWUsImRlbGV0ZSI6dHJ1ZX19LCJjbGlwYm9hcmQiOnsiZW5hYmxlZCI6dHJ1ZSwiY29sb3JTZXQiOiJDb3BpZWQgQ29sb3JzIiwiZm9sZGVyIjoiQ29waWVkIENsYXNzZXMiLCJrZWVwQWN0aXZlQ29tcG9uZW50IjpmYWxzZSwiZmxhc2hDb3BpZWRDb21wb25lbnQiOnRydWUsInByb2Nlc3NNZWRpYUltYWdlcyI6dHJ1ZX0sInNob3J0Y3V0cyI6eyJlbmFibGVkIjp0cnVlLCJob3RrZXlzIjp7ImNvbXBvbmVudEJyb3dzZXIiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJhIn0sImNvcHkiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJjIn0sImNvcHlTdHlsZSI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6dHJ1ZSwia2V5IjoiYyJ9LCJjb3B5Q29uZGl0aW9ucyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwiY3V0Ijp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoieCJ9LCJkdXBsaWNhdGUiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJkIn0sInNhdmVQYWdlIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoicyJ9LCJkZWxldGUiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJiYWNrc3BhY2UifSwicmVuYW1lIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImYyIn0sImNoYW5nZUlkIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZjIifSwibW92ZVVwIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiYXJyb3d1cCJ9LCJtb3ZlRG93biI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImFycm93ZG93biJ9LCJ3cmFwIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IncifSwid3JhcExpbmsiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInNldENvbmRpdGlvbnMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImNsZWFyQ29uZGl0aW9ucyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwiYWN0aXZhdGVQYXJlbnQiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJwIn0sImVkaXRDb250ZW50Ijp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZSJ9LCJzZXRNZWRpYVByZXZpb3VzIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiYXJyb3dyaWdodCJ9LCJzZXRNZWRpYU5leHQiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJhcnJvd2xlZnQifSwic2V0TWVkaWFEZWZhdWx0Ijp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiMSJ9LCJzZXRNZWRpYVBhZ2VXaWR0aCI6eyJjdHJsIjp0cnVlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjIifSwic2V0TWVkaWFUYWJsZXQiOnsiY3RybCI6dHJ1ZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIzIn0sInNldE1lZGlhTGFuZHNjYXBlIjp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiNCJ9LCJzZXRNZWRpYVBvcnRyYWl0Ijp7ImN0cmwiOnRydWUsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiNSJ9LCJhZGRTZWN0aW9uIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6InMifSwiYWRkQnV0dG9uIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImIifSwiYWRkQ29sdW1ucyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJtIn0sImFkZERpdiI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJkIn0sImFkZEhlYWRpbmciOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiaCJ9LCJhZGRJbWFnZSI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJpIn0sImFkZENvZGUiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiYyJ9LCJhZGRMaW5rIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6ImwifSwiYWRkUmVwZWF0ZXIiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZFRleHQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoidCJ9LCJhZGRWaWRlbyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwiYWRkTGlua1dyYXBwZXIiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZEljb24iOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZFNob3J0Y29kZSI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJvIn0sImFkZEVhc3lQb3N0cyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiJlIn0sImFkZEdhbGxlcnkiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sImFkZE1vZGFsIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJzd2l0Y2hBZHZhbmNlZFRhYkJhY2tncm91bmQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiMSJ9LCJzd2l0Y2hBZHZhbmNlZFRhYlBvc2l0aW9uIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IjIifSwic3dpdGNoQWR2YW5jZWRUYWJMYXlvdXQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiMyJ9LCJzd2l0Y2hBZHZhbmNlZFRhYlR5cG9ncmFwaHkiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiNCJ9LCJzd2l0Y2hBZHZhbmNlZFRhYkJvcmRlcnMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiNSJ9LCJzd2l0Y2hBZHZhbmNlZFRhYkVmZmVjdHMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiNiJ9LCJzd2l0Y2hBZHZhbmNlZFRhYkN1c3RvbUNTUyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiI3In0sInN3aXRjaEFkdmFuY2VkVGFiSmF2YXNjcmlwdCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiI4In0sInN3aXRjaENvZGVCbG9ja1RhYnMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sInRvZ2dsZUxlZnRTaWRlYmFyIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJ0b2dnbGVTdHJ1Y3R1cmVQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU2V0dGluZ3NQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU3R5bGVzaGVldHNQYW5lbCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwidG9nZ2xlU2VsZWN0b3JzUGFuZWwiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbENvbG9ycyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwibWFuYWdlR2xvYmFsRm9udHMiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbEJyZWFrcG9pbnRzIjp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJtYW5hZ2VHbG9iYWxMaW5rcyI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifSwibWFuYWdlR2xvYmFsSGVhZGluZ3MiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiIn0sIm1hbmFnZUdsb2JhbEJvZHlUZXh0Ijp7ImN0cmwiOmZhbHNlLCJhbHQiOmZhbHNlLCJzaGlmdCI6ZmFsc2UsImtleSI6IiJ9LCJvcGVuRnJvbnRlbmQiOnsiY3RybCI6ZmFsc2UsImFsdCI6ZmFsc2UsInNoaWZ0IjpmYWxzZSwia2V5IjoiZiJ9LCJvcGVuQmFja2VuZCI6eyJjdHJsIjpmYWxzZSwiYWx0IjpmYWxzZSwic2hpZnQiOmZhbHNlLCJrZXkiOiIifX19LCJjb25kaXRpb25zRW5oYW5jZXIiOnsiZW5hYmxlZCI6dHJ1ZX0sInN0cnVjdHVyZUVuaGFuY2VyIjp7ImVuYWJsZWQiOnRydWUsImNvbXBhY3QiOnRydWUsImljb25zIjp0cnVlLCJvcGVuT25Mb2FkIjpmYWxzZSwiZXhwYW5kQWxsIjpmYWxzZSwid2lkdGgiOiIifSwiY29udGVudEVkaXRvckVuaGFuY2VyIjp7ImVuYWJsZWQiOnRydWV9LCJhZHZhbmNlZFN0eWxlc1Jlc2V0Ijp7ImVuYWJsZWQiOnRydWV9LCJkaXNhYmxlRWRpdExvY2tpbmciOnsiZW5hYmxlZCI6ZmFsc2V9LCJjc3NDYWNoZVJlZ2VuZXJhdGlvbiI6eyJlbmFibGVkIjp0cnVlfSwic2FuZGJveCI6eyJlbmFibGVkIjpmYWxzZX19

Printable

PDF
Word
Pages